/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.hsection {
  background-size: cover;
  background-position: center center;
}
@media (max-width: 768px) {
  .hsection[bgimagepositionmobile=imagetop] {
    background-position: top center;
  }
  .hsection[bgimagepositionmobile=imagebottom] {
    background-position: bottom center;
  }
}
@media (min-width: 768px) {
  .hsection[bgimageposition=imagetop] {
    background-position: top center;
  }
  .hsection[bgimageposition=imagebottom] {
    background-position: bottom center;
  }
}
.hsection .section_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
}
.hsection .section_container .headerflexi {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .headerflexi[logosizemobile=s] .header_logo img {
    max-width: 60vw;
  }
  .headerflexi[logosizemobile=m] .header_logo img {
    max-width: 70vw;
  }
  .headerflexi[logosizemobile=l] .header_logo img {
    max-width: 80vw;
  }
}
@media (min-width: 768px) {
  .headerflexi[logosize=s] .header_logo img {
    max-width: 60vw;
  }
  .headerflexi[logosize=m] .header_logo img {
    max-width: 70vw;
  }
  .headerflexi[logosize=l] .header_logo img {
    max-width: 80vw;
  }
}
@media (max-width: 768px) {
  .header_logo img {
    -webkit-filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.7));
  }
}
@media (min-width: 768px) {
  .header_logo img {
    -webkit-filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.7));
            filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.7));
  }
}
/*------------------------------------
  #NAV
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
.header_nav nav > ul {
  vertical-align: middle !important;
}
.header_nav nav > ul > li {
  display: -ms-grid;
  display: grid;
  margin-left: 0rem;
  margin-right: 0;
}
.header_nav nav > ul > li > a {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-family: "Arvo", sans-serif;
  color: Black;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.54rem;
  background-color: White;
  outline: none !important;
  border: none;
  padding: 8px 12px 8px 12px;
  border-radius: none;
}
.header_nav nav > ul > li:last-of-type > a {
  font-family: "Arvo", sans-serif;
  color: Black;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.54rem;
  text-shadow: none;
  background-color: White;
  outline: none !important;
  border: none;
  padding: 8px 16px 8px 12px;
  border-radius: 0px 8px 8px 0;
}
.header_nav nav > ul > li:first-of-type > a {
  font-family: "Arvo", sans-serif;
  color: Black;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.54rem;
  text-shadow: none;
  background-color: White;
  outline: none !important;
  border: none;
  padding: 8px 12px 8px 16px;
  border-radius: 8px 0 0 8px;
}
.header_nav nav > ul > li.current-menu-item > a {
  color: White;
  background-color: Black;
}
.header_nav nav > ul ul.sub-menu {
  background-color: Black;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  margin-top: 5px;
}
.header_nav nav > ul ul.sub-menu a {
  font-family: "Lato", sans-serif;
  color: White;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 0.99rem;
  padding: 5px 5px 5px 5px;
  margin-top: 3px;
  margin-bottom: 3px;
}

/*------------------------------------
  #HEADER(S)
------------------------------------*/
/**
 *
 *
 */
@media (max-width: 576px) {
  .header_nav {
    display: none;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .header_nav {
    display: none;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header_nav {
    display: none !important;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .header_nav {
    display: none !important;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .header_nav {
    display: -ms-grid;
    display: grid;
  }
  .header_opennav {
    display: none;
  }
}
@media (min-width: 1400px) {
  .header_nav {
    display: -ms-grid;
    display: grid;
  }
  .header_opennav {
    display: none;
  }
}
h1.header_title, .span-as-h1 {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6);
}

.hsection .section_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
}
.hsection .section_container .header_logo img {
  width: 100%;
}
.hsection .section_container .header_text_01 {
  font-family: "Lato", sans-serif;
  color: White;
  font-weight: 500;
  font-style: italic;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}
@media (max-width: 576px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
@media (min-width: 576px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.32rem;
    line-height: 1.4em;
  }
}
@media (min-width: 768px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.54rem;
    line-height: 1.4em;
  }
}
@media (min-width: 992px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.76rem;
    line-height: 1.4em;
  }
}
@media (min-width: 1200px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.98rem;
    line-height: 1.4em;
  }
}
@media (min-width: 1400px) {
  .hsection .section_container .header_text_01 {
    font-size: 2.2rem;
    line-height: 1.4em;
  }
}

/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 *
 *
 */
.fsection {
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .fsection {
    min-height: 80px;
  }
}
.fsection .section_container {
  background: url() no-repeat center center/cover;
}

@media (max-width: 768px) {
  .fsection[footerimagescalingfrommobile=imagecenter] {
    background-position: center center;
  }
  .fsection[footerimagescalingfrommobile=imagetop] {
    background-position: top center;
  }
  .fsection[footerimagescalingfrommobile=imagebottom] {
    background-position: bottom center;
  }
}
@media (min-width: 768px) {
  .fsection[footerimagescalingfrom=imagecenter] {
    background-position: center center;
  }
  .fsection[footerimagescalingfrom=imagetop] {
    background-position: top center;
  }
  .fsection[footerimagescalingfrom=imagebottom] {
    background-position: bottom center;
  }
}

.footer_social_icons_container {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.resp-table-body {
  display: table-row-group;
}
.resp-table-body .resp-table-row {
  display: table-row;
}
.resp-table-body .resp-table-row .table-body-cell {
  display: table-cell;
}

.footer_openinghours_title {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  color: #000;
  font-weight: bold;
  padding-right: 20px;
}

.footer_openinghours_day {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  color: #000;
  padding-right: 5px;
}

.footer_openinghours_time {
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
  color: #000;
}

.contact_email {
  display: -ms-grid;
  display: grid;
  line-height: 2.1rem;
  padding-left: 2rem;
  outline: none !important;
  border: none;
  border-radius: none;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 840 575.8' style='enable-background:new 0 0 840 575.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath id='_x30_' class='st0' d='M782.4,0H57.6C25.8,0,0,25.8,0,57.6v460.6c0,31.8,25.8,57.6,57.6,57.6h724.8 c31.8,0,57.6-25.8,57.6-57.6V57.6C840,25.8,814.2,0,782.4,0z M778.3,34.9L420,311.5L61.7,34.9H778.3z M34.5,54.4l276,209.1 l-276,247.9V54.4z M45.9,539.1l280.7-252.4l93.6,69.1l93.2-69.1l280.7,252.4H45.9z M806.1,509.5L532.4,263.7L806.1,56.3V509.5z'/%3E%3C/svg%3E");
  background-size: 22px;
  background-position: left center;
  background-color: transparent;
  background-repeat: no-repeat;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.contact_phone {
  display: -ms-grid;
  display: grid;
  line-height: 2.1rem;
  padding-left: 2rem;
  outline: none !important;
  border: none;
  border-radius: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 22px;
  background-position: left center;
  background-color: transparent;
  background-repeat: no-repeat;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_col {
  display: -ms-grid;
  display: grid;
  color: #000;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
}

.footer_heading {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .footer_heading {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .footer_heading {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .footer_heading {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .footer_heading {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .footer_heading {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .footer_heading {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.footer_facebook {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:Black;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_instagram {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: Black;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: Black;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: Black;'/%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_youtube {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: Black; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: Black; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_twitter {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:Black;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:Black;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_phone {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: Black; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.footer_email {
  width: 52px !important;
  height: 52px !important;
  border: none;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:Black;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), none, White;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

/*.footer_whatsapp {
  // if icons in footer should look like icons in mobile nav
  @if $footer-icons-same-as-mobile-icons == 1 {
    // footer icons have common mobile look
    @if $mobile-icons-commonlook == 1 {
      @include iconizer(
        $type:'footericon',
        $icon:$mobile-nav-whatsappbutton-icon,
        $iconcolor:$mobile-nav-button-icon-color,
        $iconsize:$mobile-nav-button-icon-size,
        $iconposition:$mobile-nav-button-icon-position,
        $iconbuttonsize:$mobile-nav-button-size,
        $iconbuttonborder:$mobile-nav-button-border,
        $iconbuttonborderradius:$mobile-nav-button-border-radius,
        $iconbackgroundcolor:$mobile-nav-button-color,
        $iconbuttonbackgroundimage:$mobile-nav-button-background-image
      );
    }
      // footer icons have individual mobile look
    @else {
      @include iconizer(
        $type:'footericon',
        $icon:$mobile-nav-whatsappbutton-icon,
        $iconcolor:$mobile-nav-whatsappbutton-icon-color,
        $iconsize:$mobile-nav-whatsappbutton-icon-size,
        $iconposition:$mobile-nav-whatsappbutton-icon-position,
        $iconbuttonsize:$mobile-nav-whatsappbutton-size,
        $iconbuttonborder:$mobile-nav-whatsappbutton-border,
        $iconbuttonborderradius:$mobile-nav-whatsappbutton-border-radius,
        $iconbackgroundcolor:$mobile-nav-whatsappbutton-color,
        $iconbuttonbackgroundimage:$mobile-nav-whatsappbutton-background-image
      );
    }
  }
    // if icons in footer should NOT like icons in mobile nav
  @else {
    // footer icons have common look
    @if $footer-icons-commonlook == 1 {
      @include iconizer(
        $type:'footericon',
        $icon:$footer-icon-whatsapp-icon,
        $iconcolor:$footer-icon-commonlook-icon-color,
        $iconsize:$footer-icon-commonlook-icon-size,
        $iconposition:$footer-icon-commonlook-icon-position,
        $iconbuttonsize:$footer-icon-commonlook-button-size,
        $iconbuttonborder:$footer-icon-commonlook-border,
        $iconbuttonborderradius:$footer-icon-commonlook-border-radius,
        $iconbackgroundcolor:$footer-icon-commonlook-background-color,
        $iconbuttonbackgroundimage:$footer-icon-commonlook-background-image
      );
    }
      // footer icons have individual looks
    @else {
      @include iconizer(
        $type:'footericon',
        $icon:$footer-icon-whatsapp-icon,
        $iconcolor:$footer-icon-whatsapp-icon-color,
        $iconsize:$footer-icon-whatsapp-icon-size,
        $iconposition:$footer-icon-whatsapp-icon-position,
        $iconbuttonsize:$footer-icon-whatsapp-button-size,
        $iconbuttonborder:$footer-icon-whatsapp-button-border,
        $iconbuttonborderradius:$footer-icon-whatsapp-button-border-radius,
        $iconbackgroundcolor:$footer-icon-whatsapp-color,
        $iconbuttonbackgroundimage:$footer-icon-whatsapp-background-image
      );
    }
  }
} */
body {
  position: relative;
}

/* Footer sticky bar */
.stickyfooterbar {
  background-color: Black;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.stickyfooterbar .section_container {
  display: -ms-grid !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 20px;
}
.stickyfooterbar .section_container span {
  display: -ms-grid;
  display: grid;
}
.stickyfooterbar .section_container span .flexibutton[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.stickyfooterbar .section_container span .flexibutton[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.stickyfooterbar .section_container span .flexibutton[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_001 {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "container_01";
}
.flexi_001 .container_01 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: container_01;
  display: -ms-grid;
  display: grid;
}
.flexi_001 .container_01 .flexibutton[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.flexi_001 .container_01 .flexibutton[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.flexi_001 .container_01 .flexibutton[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow01l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow01r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow02l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow02r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow03l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow03r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow04l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=arrow04r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=hamburger01] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_001 .container_01 .flexibutton[button-icon=hamburger02] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_002 {
  display: -ms-grid;
  display: grid;
}
@media (max-width: 576px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .flexi_002 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .flexi_002 .container_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-area: container_02;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
  }
  .flexi_002 .container_02 .title_01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flexi_002 .container_02 .richtext_01 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flexi_002 .container_02 .shortcode_01 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .flexi_002 .container_02 .button_repeater_container_01 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton {
    margin-top: 1rem;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype01] {
    background-color: Black;
    color: White;
    border: 1px solid White;
    border: 1px solid White;
    border-radius: 8px;
    font-weight: normal;
    -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
            box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype02] {
    background-color: #9638a1;
    color: #ef9d23;
    border: 1px solid #ef9d23;
    border: 1px solid #ef9d23;
    border-radius: 7px;
    font-weight: normal;
    -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
            box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype03] {
    background-color: #ffcc00;
    color: #000000;
    border: 1px solid #e58900;
    border: 1px solid #e58900;
    border-radius: NULL;
    font-weight: normal;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger01] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger02] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .flexi_002 {
    grid-auto-columns: 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr;
        grid-template: "container_01 container_02" 1fr/1fr;
  }
  .flexi_002 .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: container_01;
  }
  .flexi_002 .container_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-area: container_02;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    -ms-flex-line-pack: start;
        align-content: start;
  }
  .flexi_002 .container_02 .title_01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .flexi_002 .container_02 .richtext_01 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .flexi_002 .container_02 .shortcode_01 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .flexi_002 .container_02 .button_repeater_container_01 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton {
    margin-top: 30px;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype01] {
    background-color: Black;
    color: White;
    border: 1px solid White;
    border: 1px solid White;
    border-radius: 8px;
    font-weight: normal;
    -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
            box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype02] {
    background-color: #9638a1;
    color: #ef9d23;
    border: 1px solid #ef9d23;
    border: 1px solid #ef9d23;
    border-radius: 7px;
    font-weight: normal;
    -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
            box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype03] {
    background-color: #ffcc00;
    color: #000000;
    border: 1px solid #e58900;
    border: 1px solid #e58900;
    border-radius: NULL;
    font-weight: normal;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger01] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger02] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (min-width: 1200px) {
  .flexi_002 {
    grid-auto-columns: 1fr;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 1fr;
        grid-template: "container_01 container_02" 1fr/1fr;
  }
  .flexi_002 .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: container_01;
  }
  .flexi_002 .container_01 .image_01 {
    max-width: 400px;
  }
  .flexi_002 .container_02 {
    grid-area: container_02;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* Update this property */
  }
  .flexi_002 .container_02 .button_repeater_container_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton {
    margin-top: 30px;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype01] {
    background-color: Black;
    color: White;
    border: 1px solid White;
    border: 1px solid White;
    border-radius: 8px;
    font-weight: normal;
    -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
            box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype02] {
    background-color: #9638a1;
    color: #ef9d23;
    border: 1px solid #ef9d23;
    border: 1px solid #ef9d23;
    border-radius: 7px;
    font-weight: normal;
    -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
            box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-type=buttontype03] {
    background-color: #ffcc00;
    color: #000000;
    border: 1px solid #e58900;
    border: 1px solid #e58900;
    border-radius: NULL;
    font-weight: normal;
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow01r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow02r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow03r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04l] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=arrow04r] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger01] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 .container_02 .button_repeater_container_01 .button_repeater_01 .flexibutton[button-icon=hamburger02] {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media (max-width: 768px) {
  .flexi_002 {
    display: -ms-grid;
    display: grid;
  }
  .flexi_002[orientationmobile=textfirst] {
    -ms-grid-rows: auto;
        grid-template: "container_02" "container_01";
  }
  .flexi_002[orientationmobile=textsecond] {
    -ms-grid-rows: auto;
        grid-template: "container_01" "container_02";
  }
  .flexi_002[orientationmobile=textonly] {
    -ms-grid-rows: ;
        grid-template: "container_01";
  }
  .flexi_002[orientationmobile=textonly] .container_01 {
    display: none;
  }
  .flexi_002[orientationmobile=textfirst] > .container_01 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textonly] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_01 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textonly] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_01 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textonly] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
@media (min-width: 992px) {
  .flexi_002[orientation=textleft] .container_01 {
    grid-area: container_02;
  }
  .flexi_002[orientation=textleft] .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: container_01;
  }
  .flexi_002[orientation=textright] .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: container_01;
  }
  .flexi_002[orientation=textright] .container_02 {
    grid-area: container_02;
  }
}
@media (min-width: 768px) and (max-width: 1200px){
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002[orientation=textleft] .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientation=textright] .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (min-width: 1200px){
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002 > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (max-width: 768px){
  .flexi_002[orientationmobile=textfirst] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_01 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textonly] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_01 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textonly] > .container_01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textfirst] > .container_02 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .flexi_002[orientationmobile=textsecond] > .container_02 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_003 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flexi_003 .container_01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}
.flexi_003 .container_01 .image_01 {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
}
.flexi_003 .container_01 .container_01-innercontent {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: -webkit-min-content auto -webkit-min-content;
  -ms-grid-rows: min-content auto min-content;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  padding: 20px;
}
.flexi_003 .container_01 .flexibutton[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.flexi_003 .container_01 .flexibutton[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.flexi_003 .container_01 .flexibutton[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow01l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow01r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow02l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow02r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow03l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow03r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow04l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=arrow04r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=hamburger01] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_003 .container_01 .flexibutton[button-icon=hamburger02] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

@media (max-width: 576px) {
  .flexi_003 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_004 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 576px) {
  .flexi_004 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}
.flexi_004 .flexi_004-rpblock-text-in-column {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 1.8rem; /* Ruimte aan linkerzijde voor verticale lijn */
  padding-bottom: 0rem;
  padding-top: 0rem;
}
.flexi_004 .flexi_004-rpblock-text-in-column::before,
.flexi_004 .flexi_004-rpblock-text-in-column::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: Black;
  border-radius: 50%;
  position: absolute;
  left: 0; /* Aanpassen om horizontale positie van verticale lijn te wijzigen */
}
.flexi_004 .flexi_004-rpblock-text-in-column::before {
  top: calc((6px / 2) * -1);
}
.flexi_004 .flexi_004-rpblock-text-in-column::after {
  bottom: calc((6px / 2) * -1);
}
.flexi_004 .flexi_004-line {
  position: absolute;
  left: 0; /* Aanpassen om horizontale positie van verticale lijn te wijzigen */
  top: 0;
  bottom: 0;
  width: 6px; /* Breedte gelijk aan SVG breedte */
  background-color: Black;
}
.flexi_004 .flexibutton {
  margin-top: auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.flexi_004 .flexibutton[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.flexi_004 .flexibutton[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.flexi_004 .flexibutton[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}
.flexi_004 .flexibutton[button-icon=arrow01l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='28.2,38 29.8,36.4 11.6,19 29.8,1.7 28.2,0 8.2,19 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow01r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l'%3E%3Cg%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow02l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow02r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D .st1%7Bdisplay:none;%7D .st2%7Bdisplay:inline;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l'%3E%3Cg%3E%3Cg id='icon001r'%3E%3Cpolygon class='st0' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st1'%3E%3Cg class='st2'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow03l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_4'%3E%3Cg%3E%3Cpath class='st2' d='M26.2,0C27.6,0,29,0.5,30,1.6c2,2.2,1.9,5.6-0.1,7.6L19.6,19l10.3,9.8c2.2,2,2.2,5.4,0.1,7.6 c-2,2.2-5.4,2.2-7.5,0.1L8.2,22.8c-1-1-1.6-2.4-1.6-3.8c0-1.4,0.6-2.8,1.6-3.8L22.5,1.5C23.5,0.5,24.8,0,26.2,0L26.2,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow03r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='arrow001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='11.4,38 7.2,33.5 22,19 7.2,4.5 11.4,0 30.8,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='arrow002l' class='st0'%3E%3Cg class='st1'%3E%3Cpolygon class='st2' points='29.8,19 9.8,0 8.2,1.7 26.4,19 8.2,36.4 9.8,38 '/%3E%3C/g%3E%3C/g%3E%3Cg id='arrow003r'%3E%3Cg%3E%3Cpath class='st2' d='M11.8,0c1.4,0,2.7,0.5,3.7,1.5l14.3,13.7c1,1,1.6,2.4,1.6,3.8c0,1.4-0.6,2.8-1.6,3.8L15.5,36.5 c-2,2-5.4,2-7.5-0.1c-2-2.2-2-5.6,0.1-7.6L18.4,19L8.2,9.3C6.1,7.2,6,3.8,8,1.6C9,0.5,10.4,0,11.8,0L11.8,0z'/%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow04l] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M27.4,38c0.8,0,1.6-0.3,2.1-0.9c1.1-1.2,1.1-3.1-0.1-4.2L14.9,19L29.4,5.1c1.2-1.1,1.2-3,0.1-4.2 c-1.1-1.2-3-1.2-4.2-0.1l-16.8,16C8,17.4,7.6,18.2,7.6,19c0,0.8,0.3,1.6,0.9,2.1l16.8,16C25.9,37.7,26.6,38,27.4,38 C27.4,38,27.4,38,27.4,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=arrow04r] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='Layer_3'%3E%3Cpath class='st2' d='M10.6,38c0.7,0,1.5-0.3,2.1-0.8l16.8-16c0.6-0.6,0.9-1.3,0.9-2.1c0-0.8-0.3-1.6-0.9-2.1l-16.8-16 c-1.2-1.1-3.1-1.1-4.2,0.1C7.3,2.1,7.4,4,8.6,5.1L23.1,19L8.6,32.9c-1.2,1.1-1.2,3-0.1,4.2C9.1,37.7,9.8,38,10.6,38 C10.6,38,10.6,38,10.6,38z'/%3E%3C/g%3E%3Cg id='hamburger01' class='st0'%3E%3Cg class='st1'%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=hamburger01] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='9.5' x2='35.1' y2='9.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='28.5' x2='35.1' y2='28.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.flexi_004 .flexibutton[button-icon=hamburger02] {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 38 38' style='enable-background:new 0 0 38 38;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;%7D .st1%7Bdisplay:inline;%7D .st2%7Bfill:White;%7D .st3%7Bfill:none;stroke:White;stroke-width:5.6882;stroke-linecap:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='icon001l' class='st0'%3E%3Cg class='st1'%3E%3Cg id='icon001r'%3E%3Cpolygon class='st2' points='26.6,0 30.8,4.5 16,19 30.8,33.5 26.6,38 7.2,19 '/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='hamburger01'%3E%3Cg%3E%3Cline id='Line_1' class='st3' x1='2.9' y1='7.5' x2='35.1' y2='7.5'/%3E%3Cline id='Line_2' class='st3' x1='2.9' y1='19' x2='35.1' y2='19'/%3E%3Cline id='Line_3' class='st3' x1='2.9' y1='30.5' x2='35.1' y2='30.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_005 ul {
  margin: 0;
}

.flexi_005 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.flexi_005 .container_01 {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}
.flexi_005 .container_01 ul.flexi_005-photogallery {
  display: -ms-grid !important;
  display: grid !important;
  gap: 5px;
}
.flexi_005 .container_01 ul.flexi_005-photogallery li a div {
  border-radius: 50%;
}

@media (max-width: 576px) {
  .flexi_005 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/**
 * These breakpoints are used by different mixins.
 *
 */
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections / .hsections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 * USAGE:
 * For sections: set the variable $showsectionguides: true (or false)
 * For flexi-templates: set the variable $showflexiguides: true (or false)
 *
 * REMARK:
 * If you specify any borders YOUR borders will show.
 *
 */
/*------------------------------------
  #MULTIPLIERS
------------------------------------*/
/**
 * You probably don't want to change these. These multipliers are used for
 * calculation line-heights and font sizes
 */
/*------------------------------------
  #LOGO
------------------------------------*/
/**
 *
*/
/*------------------------------------
  #VARIABLES
------------------------------------*/
/**
 * Some variables need to be set in advance.
*/
/*------------------------------------
  #ICONS
------------------------------------*/
/**
 *
 * Used for open mobile nav, close mobile nav etc.
 * Also used for textbuttons with icons, for example footers phone/email etc.
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #DESIGN HELPERS
------------------------------------*/
/**
 * With design helpers you can show borders of sections (.psections)
 * and flexi-containers (.flexi). Flexi containers are the root containers of
 * flexi-templates and have two classes: .flexi and the specific name like
 * .flexi_001 / .flexi_002
 *
 */
/**
 * $base-font-size is used for rem measurements (margins/padding/fonts etc)
 * higher number means more spacing and bigger fonts etc.
 * and section_container paddings.
 */
/*------------------------------------
  #BREAKPOINTS
------------------------------------*/
/*------------------------------------
  #COLORS
------------------------------------*/
/*------------------------------------#
  #FONTS
------------------------------------*/
/**
 * Here you define your fonts.
 * If you need custom fonts upload them to /wp-content/flexicss/fonts.
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg.
 * Use the name without extention as @customfontfamily1 name.
 */
/*------------------------------------
  #PAGE / BODY
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #PARAGRAPH
`------------------------------------*/
/**
 * Last paragraph has no margin-bottom. Removed with Javascript
 * Last paragraph, followed by
 */
/*------------------------------------
  #LINKS (in body elements)
------------------------------------*/
/*------------------------------------
  #LOGO
`------------------------------------*/
/**
 *
 */
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED)
------------------------------------*/
/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Here you define your heading size.
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------i------
  #HEADER
------------------------------------*/
/**
 * Here you can setup the section_container padding for
 * the header.
 */
/* NOT USED YET */
/*------------------------------------
  #NAV DESKTOP / TABLET
------------------------------------*/
/**
 * This styles the nav element inside a header
 *
 */
/* current menu item: */
/* last menu item: */
/* first menu item: */
/* submenu items */
/* submenu itself */
/*------------------------------------
  #ICONS MOBILE NAV AND ICONS FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer.
 *
 */
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
/**
 * Here you can setup your mobile navigation
 *
 */
/* Mobile container main settings */
/* Mobile container padding */
/* Mobile nav button settings */
/* Mobile nav items */
/* Mobile nav button: border, background, radius */
/* Mobile nav close button */
/* Mobile nav phone button */
/* Mobile nav email button */
/* Mobile nav twitter button */
/* Mobile nav youtube button */
/* Mobile nav linkedin button */
/* Mobile nav facebook button */
/* Mobile nav instagram button */
/*------------------------------------
  #SECTIONS
------------------------------------*/
/**
 * Here you can setup your sections margins and padding,
 * and section_container paddings.
 */
/*------------------------------------
  #BUTTONS
------------------------------------*/
/**
 * Here you can setup your button styles
 * Does not influence nav-items, you can set them in the #NAV sections
 * You can define 3 buttontypes which can be selected by a user, pagelevel WordPress
 * Settings below can be overridden by when uploading button droplets.
 * Droplets can be imported in WordPress admin Menu > Flexi > Buttons
 *
 */
/*------------------------------------
  #FLEXI
------------------------------------*/
/**
 * Here you can setup everything regarding Flexi
 *
 *
 */
/**
 * Here you can set the width and topmargins of flexible content containers,
 * these contain the actual Flexie.
 * You can let them have the same margins as sections or
 * define explicit margins.
 */
/* In de header en footer moet nog een flexi-container komen. De padding die hierboven wordt ingevuld moet optioneel kunnen worden aangezet voor de header en/of footer. Dit moet ook in de sjablonen worden aangepast.
 $flexi_container_padding_apply_to_header: 1;
 $flexi_container_padding_apply_to_footer: 1;
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the image properties. Will apply to image_01
 *
 */
/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #FOOTER
------------------------------------*/
/**
 * Here you set the global settings of the footer
 */
/* footer icons distribution horizontal (flex, not grid)
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* footer icons commonlook declarations: used for giving all footer icons same look */
/* Footer facebook icon */
/* Footer instagram icon */
/* Footer youtube icon */
/* Footer twitter icon */
/* Footer linkedin icon */
/* Footer phone icon */
/* Footer email icon */
/* Footer whatsapp icon */
/* Footer webdesign agency banner */
/* Footer sticky bar */
/*------------------------------------
  #CUSTOM SECTIONS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * If you activate Ninja forms some anoying padding and other stuff will be corrected.
 * You can also set some other preferences
 *
 */
/*------------------------------------
  #STROKE
------------------------------------*/
/**
 * If you use stokes in background
 *
 */
/*------------------------------------
  #INCLUDES
------------------------------------*/
html {
  font-size: 16px;
}

/*------------------------------------*\
  #FONT imports
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: "go3v2";
  src: url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.woff2") format("woff2"), url("https://vitalichi.nl//wp-content/flexicssfonts/go3v2.woff") format("woff"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.otf") format("opentype"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.svg#go3v2") format("svg"), url("https://vitalichi.nl//wp-content/flexicss/fonts/go3v2.ttf") format("truetype");
}
/*------------------------------------
  #BODY
------------------------------------*/
/**
 *
 *
 */
body {
  background-color: #fff;
  background-image: url("/wp-content/flexicss/fleximages/back-page.jpg");
  background-size: cover;
  background-repeat: repeat-y;
}

/*------------------------------------
  #SECTION CONTAINER
------------------------------------*/
/**
 *
 * This overrides default section setting from Bricks
 */
.section_container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.flexi {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  color: #000;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "Lato", sans-serif;
  color: #000;
  position: relative;
  text-decoration: none;
}
.flexi p a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: Black;
}
.flexi p a:hover::after {
  background-color: #000;
}
.flexi p:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------
  #LINKS (in flexi elements) !!!!!! Conflicts with Gallery
------------------------------------*/
/**
 *
 *
 */
/*.flexi {
  a {
    font-family: $link-font-family;
    color: $link-font-color;
    position: relative;
    text-decoration: none; // removes default underline
  }
  @if $link-underline-size != null {
    a:not(.flexibutton)::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: $link-underline-distance; // distance line with text
      width: 100%;
      height: $link-underline-size; // line weight
      background-color: $link-underline-color; // line color
      background-image: $link-underline-image; // gradient
    }
    a:not(.flexibutton):hover::after {
      background-color: $link-underline-hover-color; // color of line on hover
    }
  }
}*/
/*------------------------------------
  #LISTS (ORDERED AND UNORDERED, in flexi elements)
------------------------------------*/
/**
 *
 *
 */
.flexi ul, .flexi ol {
  margin-left: 30px;
  margin-bottom: 1.2rem;
}
.flexi ul li, .flexi ol li {
  font-family: "Lato", sans-serif;
  color: #000;
}

/*------------------------------------
  #HEADINGS
------------------------------------*/
/**
 * Heading sizes, heading indicators.
 *
 */
/*------------------------------------
  #WEBDESIGN
------------------------------------*/
.webdesign_by .section_container {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

@media (max-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by_mobile-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by_mobile-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by_mobile-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px) {
  .webdesign_by {
    background-color: Black;
  }
  .webdesign_by .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    grid-auto-flow: row;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "webdesign_col1" auto/1fr;
  }
  .webdesign_by a {
    display: inline-block;
    grid-area: webdesign_col1;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .webdesign_by-left .webdesign_by .section_container a {
    text-align: left;
  }
  .webdesign_by-center .webdesign_by .section_container a {
    text-align: center;
  }
  .webdesign_by-right .webdesign_by .section_container a {
    text-align: right;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (max-width: 576px){
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 576px){
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .webdesign_by a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*------------------------------------
  #BUTTONS
------------------------------------*/
.flexibutton {
  padding: 0;
  -webkit-box-pack: unset;
      -ms-flex-pack: unset;
          justify-content: unset;
  background-repeat: no-repeat;
  cursor: pointer;
}
.flexibutton[buttons-font-family=font-family1] {
  font-family: "Arvo", sans-serif;
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "Lato", sans-serif;
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "go3v2";
}
.flexibutton[buttons-size=s] {
  padding-top: 3px;
  padding-bottom: 1px;
}
.flexibutton[buttons-size=m] {
  padding-top: 5px;
  padding-bottom: 3px;
}
.flexibutton[buttons-size=l] {
  padding-top: 8px;
  padding-bottom: 6px;
}
.flexibutton[buttons-fontsize=s] {
  font-size: calc(1.2rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1.2rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1.2rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1.2rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1.2rem * 1.3);
}
.flexibutton[buttons-text-orientation=left] {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.flexibutton[buttons-text-orientation=right] {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=left-mobile-center] {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 768px) {
  .flexibutton[buttons-text-orientation=right-mobile-center] {
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (max-width: 768px) {
  .flexibutton[buttons-fullsize-mobile=on] {
    width: 100%;
  }
}
.flexibutton[buttons-icons-size=s] {
  background-size: auto 1rem;
}
.flexibutton[buttons-icons-size=m] {
  background-size: auto 1.3rem;
}
.flexibutton[buttons-icons-size=l] {
  background-size: auto 1.7rem;
}
.flexibutton[button-icon=""][buttons-size=s] {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + (0.4rem) / 2);
}
.flexibutton[button-icon=""][buttons-size=m] {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1rem + (0.4rem) / 1.6);
}
.flexibutton[button-icon=""][buttons-size=l] {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1rem + (0.6rem) / 1.5);
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 2);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.3rem + calc(1rem + 0.4rem));
  padding-right: calc(1rem + (0.4rem) / 1.6);
  background-position: calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=left][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1.7rem + calc(1rem + 0.6rem));
  padding-right: calc(1rem + (0.6rem) / 1.5);
  background-position: calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=right][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=s][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 2);
  padding-right: calc(1rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=m][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.4rem) / 1.6);
  padding-right: calc(1.3rem + calc(1rem + 0.4rem));
  background-position: right calc(calc(1rem + 0.4rem) * 0.6) center;
}
.flexibutton[buttons-icons-size=l][buttons-icons-position=right][buttons-text-orientation^=left][button-icon]:not([button-icon=""]) {
  padding-left: calc(1rem + (0.6rem) / 1.5);
  padding-right: calc(1.7rem + calc(1rem + 0.6rem));
  background-position: right calc(calc(1rem + 0.6rem) * 0.6) center;
}

/*------------------------------------
  #LINE
------------------------------------*/
/*------------------------------------
  #MOBILE NAV
------------------------------------*/
.brx-popup-content {
  width: 100vw;
}

.popup_container {
  width: 100vw;
}

.brx-popup {
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content {
  background: url("https://vitalichi.nl/wp-content/uploads/2023/10/back-nav-01.jpg");
  background-position: bottom center;
  background-size: cover;
  display: -ms-grid;
  display: grid;
  gap: 0px;
  padding: 0;
  margin: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section {
  background-color: transparent;
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.brx-popup .brx-popup-content .popup_section .popup_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px -webkit-min-content;
  -ms-grid-rows: min-content 10px min-content 10px min-content;
  -ms-grid-columns: 1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" -webkit-min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" -webkit-min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
      grid-template: "puc_area1a puc_area1a puc_area1a puc_area1a puc_area1a puc_area1b" min-content "puc_area3 puc_area3 puc_area3 puc_area3 puc_area3 puc_area3" min-content "puc_area4 puc_area4 puc_area4 puc_area4 puc_area4 puc_area4" min-content/1fr;
}

@media (max-width: 576px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .popup_container {
    padding: 1.5rem;
  }
}
.header_opennav {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' id='nav' width='40' height='26' viewBox='0 0 40 26'><line id='Line_1' data-name='Line 1' x2='34' transform='translate(3 3)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_2' data-name='Line 2' x2='34' transform='translate(3 13)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line><line id='Line_3' data-name='Line 3' x2='34' transform='translate(3 23)' fill='none' stroke='White' stroke-linecap='round' stroke-miterlimit='10' stroke-width='6'></line></svg>"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_contact_icons_container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: puc_area1a;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.popup_social_icons_container {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area4;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
}

.popup_closenav {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: puc_area1b;
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-grid-row-align: start;
      align-self: start;
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1750 1750'%3E%3Cpath d='M1156.64,875L1691.76,339.88c77.65-77.65,77.65-203.99,0-281.64-77.65-77.65-203.99-77.65-281.64,0L875,593.36,339.88,58.24c-77.65-77.65-203.99-77.65-281.64,0-77.65,77.65-77.65,203.99,0,281.64L593.36,875,58.24,1410.12c-77.65,77.65-77.65,203.99,0,281.64,77.65,77.65,203.99,77.65,281.64,0l535.12-535.12,535.12,535.12c77.65,77.65,203.99,77.65,281.64,0,77.65-77.65,77.65-203.99,0-281.64l-535.12-535.12Z' fill='White'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_phone {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: White; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath id='Phone' class='cls-1' d='M12.73,18h-.2A8.34,8.34,0,0,1,9.26,17a17.79,17.79,0,0,1-5.9-4.61A16.07,16.07,0,0,1,.48,7.63,6.38,6.38,0,0,1,0,5,2.2,2.2,0,0,1,.68,3.5c.26-.24.51-.49.75-.74l0,0,.06-.05L2,2.18a1.39,1.39,0,0,1,1-.44,1.39,1.39,0,0,1,1,.44L5,3.25l.34.35h0l.69.69a1.26,1.26,0,0,1,.18,1.77,1,1,0,0,1-.18.18l-.17.17-.17.17-1,1a.26.26,0,0,0-.06.35A7.61,7.61,0,0,0,5.86,9.83a13.72,13.72,0,0,0,3.33,3c.17.1.35.19.52.27h0l.35.18a.33.33,0,0,0,.15,0,.3.3,0,0,0,.21-.12L11.65,12l.11-.11a1.24,1.24,0,0,1,1.77-.13l.13.13c.72.7,1.44,1.42,2.14,2.13a1.27,1.27,0,0,1,.13,1.8.93.93,0,0,1-.14.14c-.13.14-.27.28-.4.4h0c-.27.27-.54.54-.8.82A2.34,2.34,0,0,1,12.73,18ZM18,8.94H16.3A7.25,7.25,0,0,0,9.05,1.7V0a9,9,0,0,1,9,8.94Zm-3.2,0H13.1a4,4,0,0,0-4-4h0V3.2A5.76,5.76,0,0,1,14.8,8.94Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_email {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 346.4 338' style='enable-background:new 0 0 346.4 338;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M306.8,1.9L17.9,110.4c-22.8,8.6-24.2,38.9-2.2,49.8L83.2,194L261,97.4L130,217.5l-11.5,79.1 c-1.2,8.3,8.7,14.1,15.8,9.3l47.3-32l46.5,53.9c15.2,17.7,44.9,11.3,50.1-10.8l67.4-283C350.8,12.4,328.3-6.1,306.8,1.9z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_twitter {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 341.3 292.1' style='enable-background:new 0 0 341.3 292.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M305.3,50.5c0,0,20.2-15.2,26.8-36.3c0,0-27.1,12.7-43.3,12.9c-13.1-16.4-33.2-27-55.9-27 c-39.4,0-71.4,32-71.4,71.4c0,7.8,1.3,15.3,3.6,22.3c-0.2,0-0.4,0-0.5,0C58.8,86.5,15.9,18.6,15.9,18.6s-26,53.7,16.3,96 c0,0-11.2,1.4-24.2-6.2c0,0-8.8,45.8,48.9,70.5c0,0-16.1,4.3-25.2,2.8c0,0,13.5,42.6,65.3,48.8c0,0-21.6,27.3-96.9,32.6 c0,0,124.6,81.5,245.8-28.6c0,0,52.8-44.7,59.5-134.7l36-57.6L305.3,50.5z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_youtube {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 820 607.74'%3E%3Cpath d='m650.91,10H169.09C81.36,10,10,81.59,10,169.58v268.59c0,88,71.36,159.58,159.09,159.58h481.83c87.72,0,159.09-71.59,159.09-159.58V169.58c0-87.98-71.36-159.58-159.09-159.58Zm126.43,428.18c0,69.99-56.72,126.92-126.43,126.92H169.09c-69.71,0-126.43-56.95-126.43-126.92V169.58c0-69.98,56.72-126.92,126.43-126.92h481.83c69.71,0,126.43,56.95,126.43,126.92v268.6Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3Cpath d='m554.65,297.97l-226.2-132.49c-5.03-2.94-11.28-2.99-16.36-.08-5.08,2.91-8.21,8.31-8.21,14.17v264.96c0,5.84,3.13,11.27,8.2,14.17,2.51,1.44,5.32,2.16,8.13,2.16s5.7-.75,8.24-2.24l226.2-132.46c5-2.92,8.08-8.29,8.08-14.09s-3.07-11.18-8.08-14.11Zm-218.12,118.07v-208l177.57,104.02-177.57,103.98Z' style='stroke: White; stroke-miterlimit: 10; stroke-width: 30px;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_facebook {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400.7 400.7' style='enable-background:new 0 0 400.7 400.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cpath class='st0' d='M283.2,2.8l-58.2-1.3c-22.9-0.4-45,8.1-61.6,24.3c-16.6,16.2-25.7,37.9-25.7,61v55.2H83.6c-2.2,0-4,1.8-4,4 v69.4c0,2.2,1.8,4,4,4h54.1v175.6c0,2.2,1.8,4,4,4h71.7c2.2,0,4-1.8,4-4V219.5H272c2,0,3.7-1.5,4-3.5l9-69.4c0.1-1.1-0.2-2.3-1-3.2 c-0.8-0.9-1.9-1.4-3-1.4h-63.6l0-35.1c0-0.2-1.4-17.1,7.4-26.8c4.1-4.5,9.7-6.7,17.1-6.7h41.2c2.2,0,4-1.8,4-4V6.8 C287.1,4.6,285.4,2.8,283.2,2.8z'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_instagram {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400.66 400.66'%3E%3Cpath d='M285.25,0H115.41C51.78,0,0,51.78,0,115.41v169.84c0,63.64,51.78,115.41,115.41,115.41h169.84c63.64,0,115.41-51.78,115.41-115.41V115.41C400.66,51.78,348.89,0,285.25,0Zm74.53,285.25c0,41.1-33.43,74.53-74.53,74.53H115.41c-41.09,0-74.53-33.43-74.53-74.53V115.41c0-41.1,33.43-74.53,74.53-74.53h169.84c41.09,0,74.53,33.43,74.53,74.53v169.84Z' style='fill: White;'/%3E%3Cpath d='M200.33,107.29c-51.3,0-93.04,41.74-93.04,93.04s41.74,93.04,93.04,93.04,93.04-41.74,93.04-93.04-41.74-93.04-93.04-93.04Zm0,143.3c-27.72,0-50.26-22.55-50.26-50.26s22.55-50.26,50.26-50.26,50.26,22.55,50.26,50.26-22.55,50.26-50.26,50.26Z' style='fill: White;'/%3E%3Cpath d='M304.59,66.95c-15.24,0-27.6,12.36-27.6,27.6s12.36,27.6,27.6,27.6,27.6-12.35,27.6-27.6-12.36-27.6-27.6-27.6Z' style='fill: White;'/%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_linkedin {
  width: 52px !important;
  height: 52px !important;
  border: NONE;
  border-radius: 150px;
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 329.6 325.7' style='enable-background:new 0 0 329.6 325.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:White;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='3.2' y='99' class='st0' width='66.1' height='226.7'/%3E%3Cpath class='st0' d='M36.2,0C16.2,0,0,16.2,0,36.2c0,20,16.2,36.2,36.2,36.2c20,0,36.2-16.2,36.2-36.2C72.4,16.2,56.2,0,36.2,0z'/%3E%3Cpath class='st0' d='M275.5,98.2c-61.6-17.3-94.1,24.2-94.1,24.2l0,0l-8.1-29.9h-60.6v233.2h70.9V209.1v-21.7 c0-20.7,16.7-37.4,37.4-37.4l0,0c20.7,0,37.4,16.7,37.4,37.4v21.7v116.6h70.9V209.1C329.3,209.1,337.2,115.6,275.5,98.2z'/%3E%3C/g%3E%3C/svg%3E"), url(none), #1c97a8;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 28px, cover, cover;
  background-position: center center, center, left;
  /*
  @if ($footer-icons-same-as-mobile-icons == 1) {
  }
  // use common look
  @if $footer-icons-commonlook == 1 and $mobile-icons-commonlook != 1  {
    //$footer-icon-commonlook-background-color:White; // background color // rgba(0,0,0,0.8), white, $primarycolor
    //$footer-icon-commonlook-button-size:xl; // xs,s,m,l,xl
    //$footer-icon-commonlook-icon-size:s; // xs,s,m,l,xl
    //$footer-icon-commonlook-border: 4px solid Magenta; // 1px solid White, none = no border
    //$footer-icon-commonlook-border-radius: 12px; // 2px, none = no border radius
    //$footer-icon-commonlook-icon-color:Magenta; // !!!!!!!!!!!!! must check primary and secondary
    //$footer-icon-commonlook-icon-position:left top; // center center, left 10px center, right 10px center.
    //$footer-icon-commonlook-background-image:'https://bricks.xonbu.com/wp-content/uploads/2023/05/image00018.jpg'; // url as 'https://..' or none
  }
  */
}

.popup_nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: puc_area3;
}

.popup_section nav {
  padding: 10vw;
  margin: 0;
}
.popup_section nav ul {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.popup_section nav ul li a {
  outline: none !important;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: White;
  margin-bottom: 10px;
  text-align: center;
  padding: 10px;
  border: 1px solid White;
  border-radius: 6px;
  background-color: rgba(28, 151, 168, 0.8);
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: transparent;
  border-radius: 0 0 6px 6px;
  left: 80px;
  width: calc(100% - 80px);
  padding: 20px 0 15px 0;
}
.popup_section nav ul li .sub-menu li {
  padding: 0;
  margin: 0;
}
.popup_section nav ul li .sub-menu li a {
  padding: 10px;
  margin-bottom: 10px;
  line-height: 1.6rem !important;
  letter-spacing: 0.2rem;
}

/*------------------------------------
  #UTILITY CLASS DECLARATIONS
------------------------------------*/
.section_container h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .section_container h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .section_container h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .section_container h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .section_container h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "go3v2";
  font-size: 4.1rem;
  line-height: 2.9rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.9em;
}
@media (max-width: 576px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 3.28rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h1 {
    line-height: 3.19rem;
    font-size: 4.51rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 2.87rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 3.69rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h1 {
    line-height: 2.9rem;
    font-size: 4.1rem;
  }
}

.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "Lato", sans-serif;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.05em;
  margin-bottom: 0.6em;
}
@media (max-width: 576px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h2 {
    line-height: 2.64rem;
    font-size: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h2 {
    line-height: 2.4rem;
    font-size: 2rem;
  }
}

.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
}
@media (max-width: 576px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .span-as-h3 {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .span-as-h3 {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}

/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 576px) {
  .psection {
    margin-top: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .psection {
    margin-top: 1.2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .psection {
    margin-top: 1.4rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .psection {
    margin-top: 1.6rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .psection {
    margin-top: 1.8rem;
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
.psection {
  -webkit-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
}

.psection:first-child {
  margin-top: 0;
}

@media (max-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .psection:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .psection:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .psection:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .psection:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .psection:last-child {
    margin-bottom: 1.8rem;
  }
}

/*------------------------------------
  #ROUNDING AND BORDER
------------------------------------*/
/**
 * Here you set the global roundings of sections (.psection) and Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
/*------------------------------------
  #IMAGES
------------------------------------*/
/**
 * Here you set the global image attributes and values for Flexies (.flexi).
 *
 */
.image_01 {
  border-radius: 50%;
  background-color: White;
}

@media (min-width: 768px) {
  .image_01 {
    -webkit-transform: rotate(NULLdeg);
            transform: rotate(NULLdeg);
  }
  .textleft .image_01 {
    -webkit-transform: rotate(-NULLdeg);
            transform: rotate(-NULLdeg);
  }
}
/*------------------------------------
  #NINJA FORMS
------------------------------------*/
/**
 * Used to adjust settings for Ninja Forms plugin
 *
 */
.nf-form-fields-required {
  display: none;
}

.nf-form-content {
  padding: 0 !important;
  padding-top: 20px !important;
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "go3v2";
  font-size: 2.4rem;
  line-height: 2.6rem;
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0.07em;
  margin-bottom: 0.4em;
  font-size: 1.3rem !important;
}
@media (max-width: 576px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 1.92rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .nf-form-content label {
    line-height: 2.86rem;
    font-size: 2.64rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 1.68rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.16rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
@media (min-width: 1400px) {
  .nf-form-content label {
    line-height: 2.6rem;
    font-size: 2.4rem;
  }
}
.nf-form-content .date-wrap select {
  padding: 5px 10px;
  background-color: White !important;
  background-image: none;
}
.nf-form-content .date-wrap select option {
  padding-right: 10px;
}

.nf-response-msg {
  padding: 30px;
  border: 1px solid White;
}

.submit-wrap input[button-type=buttontype01] {
  background-color: Black;
  color: White;
  border: 1px solid White;
  border: 1px solid White;
  border-radius: 8px;
  font-weight: normal;
  -webkit-box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
          box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.4);
}
.submit-wrap input[button-type=buttontype02] {
  background-color: #9638a1;
  color: #ef9d23;
  border: 1px solid #ef9d23;
  border: 1px solid #ef9d23;
  border-radius: 7px;
  font-weight: normal;
  -webkit-box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
          box-shadow: 4px 4px 6px rgba(231, 184, 184, 0.6);
}
.submit-wrap input[button-type=buttontype03] {
  background-color: #ffcc00;
  color: #000000;
  border: 1px solid #e58900;
  border: 1px solid #e58900;
  border-radius: NULL;
  font-weight: normal;
}

textarea {
  max-height: 100px;
}

/*------------------------------------
  #EXCEPTIONS
------------------------------------*/
.richtext_01 {
  font-size: 1.2rem;
}

.marginbottom {
  margin-bottom: 1.3rem;
}

/*------------------------------------
  #BRICKS SPECIFIC
------------------------------------*/
/*
* Flexible content container size, flexi max width.
* These options are not available yet due to conflict with 'full width Flexi' option
* This is the top-parent container
.flexible_content_container {
  width: $flexible_content_container_maxwidth;
}
.flexi {
  width: $flexi_maxwidth;
  margin: 0 auto;
}
*/
/*------------------------------------
  #FLEXI CUSTOM STYLING OPTIONS
------------------------------------*/
/**
 * These options can be activiated in WordPress thru ACF on
 * the page where the block is active.
 */
@media (max-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container {
    margin-top: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    margin-top: 1.8rem;
  }
}
@media (max-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .flexible_content_container:last-child {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.6rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container:last-child {
    margin-bottom: 1.8rem;
  }
}

@media (max-width: 576px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.7rem;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 2.9rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.1rem;
  }
}
@media (min-width: 1400px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 3.3rem;
  }
}
.button-left .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

.button-full .flexi .flexibutton {
  -ms-grid-column-align: stretch;
      justify-self: stretch;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.button-center > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.button-right > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.button-left-full > .flexi .flexibutton {
  -ms-grid-column-align: start;
      justify-self: start;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (max-width: 768px) {
  .button-left-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-center-full > .flexi .flexibutton {
  -ms-grid-column-align: center;
      justify-self: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media (max-width: 768px) {
  .button-center-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

.button-right-full > .flexi .flexibutton {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .button-right-full > .flexi .flexibutton {
    -ms-grid-column-align: stretch;
        justify-self: stretch;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
}

@media (max-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 576px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .fw-tablet, .fw-mobile-and-tablet, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
/*
@media (max-width: $breakpoint-sm) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
 }
@media (min-width: $breakpoint-sm) and (max-width: $breakpoint-md) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-mobile'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-md) and (max-width: $breakpoint-lg) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-tablet'], [fullwidth='fw-mobile-and-tablet'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-lg) and (max-width: $breakpoint-xl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xl) and (max-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (min-width: $breakpoint-xxl) {
  .flexible_content_container:has(.flexi):has([fullwidth='fw-desktop'], [fullwidth='fw-tablet-and-desktop'], [fullwidth='fw-alldevices']) {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
*/
.flexi_006 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flexi_006 .container_01 {
  width: 340px;
}
@media (max-width: 576px) {
  .flexi_006 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}

/*------------------------------------
  #HEADER 001
------------------------------------*/
/**
 * Supports:
 * $logo-pull-up-level-mobile (moves logo up on mobile)
 *
 */
@media (max-width: 576px) {
  .header_001 {
    height: 80vh;
  }
}
@media (min-width: 576px) {
  .header_001 {
    height: 80vh;
  }
}
@media (min-width: 768px) {
  .header_001 {
    height: 46vw;
  }
}
@media (min-width: 992px) {
  .header_001 {
    height: 47vh;
  }
}
@media (min-width: 1200px) {
  .header_001 {
    height: 50vh;
  }
}
@media (min-width: 1400px) {
  .header_001 {
    height: 54vh;
  }
}

@media (min-width: 768px) {
  .header_001 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, clamp(100%, 1100px, 100vw)));
  }
  .header_001 .section_container {
    padding-bottom: 40px;
  }
  .header_001 .section_container .headerflexi {
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr auto -webkit-min-content;
    grid-template-rows: 1fr auto min-content;
    gap: 10px;
    grid-auto-flow: row;
    -ms-grid-rows: -webkit-min-content 10px auto 10px auto;
    -ms-grid-rows: min-content 10px auto 10px auto;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
        grid-template: "area_1 area_2 area_2 area_2" -webkit-min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 ." auto/1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2" min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 ." auto/1fr 1fr 1fr 1fr;
  }
  .header_001 .section_container .headerflexi[logosize=s] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content;
    -ms-grid-rows: min-content auto min-content;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2 area_2 area_2" -webkit-min-content "area_3 area_3 area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2 area_2 area_2" min-content "area_3 area_3 area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .header_001 .section_container .headerflexi[logosize=m] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content;
    -ms-grid-rows: min-content auto min-content;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2 area_2" -webkit-min-content "area_3 area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2 area_2" min-content "area_3 area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr 1fr;
  }
  .header_001 .section_container .headerflexi[logosize=l] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content;
    -ms-grid-rows: min-content auto min-content;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2" -webkit-min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr;
        grid-template: "area_1 area_2 area_2 area_2" min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 ." min-content/1fr 1fr 1fr 1fr;
  }
  .header_001 .header_logo {
    grid-area: area_1;
    -ms-grid-column-align: start;
        justify-self: start;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .header_001 .header_nav {
    display: -ms-grid;
    display: grid;
    grid-area: area_2;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: center;
        align-self: center;
    color: white;
    gap: 0 !important;
  }
  .header_001 .header_opennav {
    grid-area: area_2;
    -ms-grid-row-align: start;
        align-self: start;
    -ms-grid-column-align: end;
        justify-self: end;
  }
  .header_001 h1.header_title {
    grid-area: area_3;
    -ms-grid-row-align: end;
        align-self: end;
    margin-bottom: 0;
  }
  .header_001 .span-as-h1 {
    grid-area: area_3;
    -ms-grid-row-align: end;
        align-self: end;
    margin-bottom: 0;
  }
  .header_001 .header_text_01 {
    color: white;
    -ms-grid-row-align: start;
        align-self: start;
    grid-area: area_4;
  }
}
@media (max-width: 768px) {
  .header_001 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, clamp(100%, 1100px, 100vw)));
  }
  .header_001 .section_container {
    display: -ms-grid;
    display: grid;
    padding-bottom: 40px;
  }
  .header_001 .section_container .headerflexi {
    margin-left: 0px;
    margin-right: 0px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    -ms-grid-rows: -webkit-min-content 10px -webkit-min-content 10px auto 10px -webkit-min-content;
    -ms-grid-rows: min-content 10px min-content 10px auto 10px min-content;
        grid-template: "area_2 area_2 area_2 area_2" -webkit-min-content "area_1 area_1 area_1 area_1" -webkit-min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4" -webkit-min-content;
        grid-template: "area_2 area_2 area_2 area_2" min-content "area_1 area_1 area_1 area_1" min-content "area_3 area_3 area_3 area_3" auto "area_4 area_4 area_4 area_4" min-content;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content -webkit-min-content;
    -ms-grid-rows: min-content auto min-content min-content;
        grid-template: "area_2 area_2 area_2 area_2" -webkit-min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" -webkit-min-content "area_4 area_4 area_4 area_4" -webkit-min-content;
        grid-template: "area_2 area_2 area_2 area_2" min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" min-content "area_4 area_4 area_4 area_4" min-content;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content -webkit-min-content;
    -ms-grid-rows: min-content auto min-content min-content;
        grid-template: "area_2 area_2 area_2 area_2" -webkit-min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" -webkit-min-content "area_4 area_4 area_4 area_4" -webkit-min-content;
        grid-template: "area_2 area_2 area_2 area_2" min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" min-content "area_4 area_4 area_4 area_4" min-content;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: -webkit-min-content auto -webkit-min-content -webkit-min-content;
    -ms-grid-rows: min-content auto min-content min-content;
        grid-template: "area_2 area_2 area_2 area_2" -webkit-min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" -webkit-min-content "area_4 area_4 area_4 area_4" -webkit-min-content;
        grid-template: "area_2 area_2 area_2 area_2" min-content "area_1 area_1 area_1 area_1" auto "area_3 area_3 area_3 area_3" min-content "area_4 area_4 area_4 area_4" min-content;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] .header_logo {
    grid-area: area_1;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] .header_logo {
    grid-area: area_1;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] .header_logo {
    grid-area: area_1;
    -ms-grid-column-align: center;
        justify-self: center;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .header_001 .section_container .headerflexi img {
    margin-top: -40px;
  }
  .header_001 .section_container .header_nav {
    display: none;
  }
  .header_001 .section_container .header_opennav {
    grid-area: area_2;
    -ms-grid-column-align: end;
        justify-self: end;
    -ms-grid-row-align: start;
        align-self: start;
  }
  .header_001 .section_container h1.header_title {
    grid-area: area_3;
    -ms-grid-row-align: end;
        align-self: end;
    margin-bottom: 0;
  }
  .header_001 .section_container .span-as-h1 {
    grid-area: area_3;
    -ms-grid-row-align: end;
        align-self: end;
    margin-bottom: 0;
  }
  .header_001 .section_container .header_text_01 {
    color: White;
    -ms-grid-row-align: start;
        align-self: start;
    grid-area: area_4;
    font-size: 1.54rem;
  }
  .header_001 .header_logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 h1.header_title {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .span-as-h1 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .header_text_01 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
}
@media (min-width: 768px){
  .header_001 .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_nav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .header_001 .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .header_001 h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosize=s] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .header_001 .section_container .headerflexi[logosize=m] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=l] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .header_text_01 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header_001 .section_container .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .header_001 .section_container h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosize=s] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .header_001 .section_container .headerflexi[logosize=m] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=l] > h1.header_title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .span-as-h1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .header_text_01 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=s] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .header_001 .section_container .headerflexi[logosize=m] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosize=l] > .header_text_01 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 768px){
  .header_001 .section_container .headerflexi[logosizemobile=s] .header_logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] .header_logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] .header_logo {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_logo {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_opennav {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container h1.header_title {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > h1.header_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .span-as-h1 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .span-as-h1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .header_text_01 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .header_001 .section_container .headerflexi[logosizemobile=s] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=m] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .header_001 .section_container .headerflexi[logosizemobile=l] > .header_text_01 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
}
/*------------------------------------
  #FOOTER DESIGNS
------------------------------------*/
/**
 * Here you can make different setups for footers
 *
 *
 */
.footer_002 {
  display: -ms-grid;
  display: grid;
}
@media (max-width: 1200px) {
  .footer_002 .section_container {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    min-height: 400px;
  }
  .footer_002 .section_container .footerflexi {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    gap: 3rem;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
        grid-template-areas: "footer_col1";
  }
  .footer_002 .section_container .footerflexi .footer_social_icons_container {
    grid-area: footer_col1;
    -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (min-width: 1200px) {
  .footer_002 .section_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .footer_002 .section_container .footerflexi {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
        align-self: stretch;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "footer_col1 " auto/1fr;
  }
  .footer_002 .footer_social_icons_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: center;
        align-self: center;
    grid-area: footer_col1;
  }
  .footer_002 .section_container .footerflexi .footer_social_icons_container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (max-width: 1200px){
  .footer_002 .section_container .footerflexi .footer_social_icons_container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer_002 .footer_social_icons_container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1200px){
  .footer_002 .footer_social_icons_container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

select.hour option:nth-child(-n+12), select.hour option:nth-child(22), select.hour option:nth-child(23), select.hour option:nth-child(24) {
  display: none;
}