/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
.brxe-popup-21476 {
  display: none;
}

/*------------------------------------*\
  #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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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%;
  }
}
*/
.mobile_header_hero {
  padding: 0 !important;
  background-repeat: no-repeat;
  background-position: center center;
}
.mobile_header_hero .mobile_header_hero_overlay {
  position: relative;
  width: 100%;
  height: 70vh;
  background-size: 100%;
  background-image: url("/wp-content/flexicss/projectimages/back_header_mobile2.png");
  background-repeat: no-repeat;
  background-position: bottom left !important;
}
.mobile_header_hero .mobile_header_hero_overlay h1 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: White;
}
@media (max-width: 479px) {
  .mobile_header_hero .mobile_header_hero_overlay h1 {
    font-size: 2.8rem;
    max-width: 80vw;
  }
}
@media (min-width: 479px) {
  .mobile_header_hero .mobile_header_hero_overlay h1 {
    font-size: 3.1rem;
    max-width: 60vw;
  }
}
@media (min-width: 768px) {
  .mobile_header_hero .mobile_header_hero_overlay h1 {
    font-size: 4.1rem;
    max-width: 70vw;
  }
}
@media (max-width: 768px) {
  .mobile_header_hero[bgimagepositionmobile=imagetop] {
    background-position: top center;
  }
  .mobile_header_hero[bgimagepositionmobile=imagebottom] {
    background-position: bottom center;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .mobile_header_hero .mobile_header_hero_overlay {
    height: 400px;
  }
}

.hsection .header_h01 {
  background-size: cover;
  background-position: center center;
}
@media (min-width: 768px) {
  .hsection .header_h01[bgimageposition=imagetop] {
    background-position: top center;
  }
  .hsection .header_h01[bgimageposition=imagebottom] {
    background-position: bottom center;
  }
}
.hsection .section_container .headerflexi {
  width: 100%;
  max-width: 1320px;
  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;
  }
}
/*------------------------------------
  #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: "poppins-light";
  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: "poppins-light";
  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: "poppins-light";
  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: "poppins-regular";
  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: 479px) {
  .header_nav {
    display: none;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .header_nav {
    display: none !important;
  }
  .header_opennav {
    display: -ms-grid;
    display: grid;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .header_nav {
    display: -ms-grid;
    display: grid;
  }
  .header_opennav {
    display: none;
  }
}
@media (min-width: 1600px) {
  .header_nav {
    display: -ms-grid;
    display: grid;
  }
  .header_opennav {
    display: none;
  }
}
.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: "poppins-regular";
  color: White;
  font-weight: 500;
  font-style: italic;
}
@media (max-width: 479px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.1rem;
    line-height: 1.4em;
  }
}
@media (min-width: 479px) {
  .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: 1280px) {
  .hsection .section_container .header_text_01 {
    font-size: 1.98rem;
    line-height: 1.4em;
  }
}
@media (min-width: 1600px) {
  .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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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 {
  background: #f3f3f3 url("/wp-content/flexicss/projectimages/footer.svg") no-repeat top center/cover;
  margin-top: 0;
  background-color: #f3f3f3;
}
@media (min-width: 768px) {
  .fsection {
    min-height: 80px;
  }
}
.fsection .section_container {
  background: url() no-repeat center center/cover;
}

.fsection {
  z-index: 99;
}
@media (max-width: 479px) {
  .fsection {
    margin-top: -2.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .fsection {
    margin-top: -3rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .fsection {
    margin-top: -4rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .fsection {
    margin-top: -5.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .fsection {
    margin-top: -8rem;
  }
}
@media (min-width: 1600px) {
  .fsection {
    margin-top: -12rem;
  }
}

@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: "poppins-light";
  font-size: 1rem;
  color: #161a1d;
  font-weight: bold;
  padding-right: 20px;
}

.footer_openinghours_day {
  font-family: "poppins-light";
  font-size: 1rem;
  color: #161a1d;
  padding-right: 5px;
}

.footer_openinghours_time {
  font-family: "poppins-light";
  font-size: 1rem;
  color: #161a1d;
}

.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: #161a1d;
  font-family: "poppins-light";
  font-size: 1rem;
}

.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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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: 479px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .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: 1280px) {
  .flexi_002 .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .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: 1280px) {
  .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: 1280px) {
  .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: 1280px) {
  .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: 1280px) {
  .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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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: 479px) {
  .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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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: 479px) {
  .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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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/declaration/formats
\*------------------------------------*/
/**
 * Fonts should be uploaded as .otf, ttf, woff, woff2 and svg to /wp-content/flexicss/fonts/
 *
 */
@font-face {
  font-family: poppins-light;
  font-weight: str-replace("poppins-light", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-light.ttf") format("truetype");
}
@font-face {
  font-family: poppins-regular;
  font-weight: str-replace("poppins-regular", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-regular.ttf") format("truetype");
}
@font-face {
  font-family: poppins-medium;
  font-weight: str-replace("poppins-medium", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-medium.ttf") format("truetype");
}
@font-face {
  font-family: poppins-semibold;
  font-weight: str-replace("poppins-semibold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-semibold.ttf") format("truetype");
}
@font-face {
  font-family: poppins-bold;
  font-weight: str-replace("poppins-bold", "poppins-", "");
  src: url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff2") format("woff2"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.woff") format("woff"), url("https://kleinunits.nl/wp-content/flexicss/fonts/poppins-bold.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: 1320px;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------
  #SECTION MARGINS
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #INELEMENTPADDING
------------------------------------*/
/*------------------------------------
  #PARAGRAPH IN A FLEXI
------------------------------------*/
/**
 *
 *
 */
.flexi p {
  font-size: 1rem;
  font-family: "poppins-light";
  color: #161a1d;
  margin-bottom: 1.2rem;
}
.flexi p a {
  font-family: "poppins-light";
  color: #161a1d;
  position: relative;
  text-decoration: none;
}
.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: "poppins-light";
  color: #161a1d;
}

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

@media (max-width: 479px) {
  .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: 479px) {
  .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;
  }
}
@media (max-width: 479px) {
  .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: 479px) {
  .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: "poppins-light";
}
.flexibutton[buttons-font-family=font-family2] {
  font-family: "poppins-regular";
}
.flexibutton[buttons-font-family=font-family3] {
  font-family: "poppins-medium";
}
.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(1rem * 0.9);
}
.flexibutton[buttons-fontsize=m] {
  font-size: calc(1rem * 1);
}
.flexibutton[buttons-fontsize=l] {
  font-size: calc(1rem * 1.1);
}
.flexibutton[buttons-fontsize=xl] {
  font-size: calc(1rem * 1.2);
}
.flexibutton[buttons-fontsize=xxl] {
  font-size: calc(1rem * 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(none);
  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: #f3f3f3;
  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: 479px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .popup_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .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), #ae2420;
  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;
  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;
  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;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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), #ae2420;
  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;
  grid-area: puc_area3;
}

a:focus {
  outline: none !important;
}

.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: "poppins-regular";
  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: #ae2420;
  letter-spacing: 0.2rem;
}
.popup_section nav ul li .sub-menu {
  background-color: #f3f3f3;
  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: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.section_container h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.section_container h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.section_container h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
.span-as-h1 {
  display: block;
  text-wrap: balance;
  color: White;
  font-family: "poppins-semibold";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0em;
}
.span-as-h2 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-semibold";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
}
.span-as-h3 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-medium";
  font-weight: 500;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.4em;
}
.span-as-h4 {
  display: block;
  text-wrap: balance;
  color: Black;
  font-family: "poppins-regular";
  font-weight: 700;
  font-style: normal;
  text-transform: NULL;
  letter-spacing: 0em;
  margin-bottom: 0.2em;
}
/*------------------------------------*\
  #DESIGN HELPERS
\*------------------------------------*/
@media (max-width: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 0.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 1rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 0.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 1rem !important;
  }
  .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: 479px) {
  .psection {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 2rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 2rem !important;
  }
  .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: 0rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection .section_container[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection .section_container[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection .section_container[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .psection[toppaddingmobile=none] {
    padding-top: 0 !important;
  }
  .psection[toppaddingmobile=half] {
    padding-top: 1.5rem !important;
  }
  .psection[toppaddingmobile=default] {
    padding-top: 3rem !important;
  }
  .psection[bottompaddingmobile=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompaddingmobile=half] {
    padding-bottom: 1.5rem !important;
  }
  .psection[bottompaddingmobile=default] {
    padding-bottom: 3rem !important;
  }
  .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: 0rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 2.5rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 5rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 2.5rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 5rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1280px) {
  .psection {
    margin-top: 0rem;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .hsection .section_container {
    padding: 1.5rem;
  }
  .fsection .section_container {
    padding: 1.5rem;
  }
  .csection .section_container {
    padding: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .psection {
    margin-top: 0rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .psection .section_container {
    padding: 1.5rem;
  }
  .psection .section_container[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection .section_container[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection .section_container[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection .section_container[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection .section_container[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection .section_container[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .psection[toppadding=none] {
    padding-top: 0 !important;
  }
  .psection[toppadding=half] {
    padding-top: 3rem !important;
  }
  .psection[toppadding=default] {
    padding-top: 6rem !important;
  }
  .psection[bottompadding=none] {
    padding-bottom: 0 !important;
  }
  .psection[bottompadding=half] {
    padding-bottom: 3rem !important;
  }
  .psection[bottompadding=default] {
    padding-bottom: 6rem !important;
  }
  .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[backgroundcolor=projectcolor0] {
  background-color: #FFFFFF !important;
}
.psection[backgroundcolor=projectcolor1] {
  background-color: #ae2420 !important;
}
.psection[backgroundcolor=projectcolor2] {
  background-color: #9c0412 !important;
}
.psection[backgroundcolor=projectcolor3] {
  background-color: #161a1d !important;
}
.psection[backgroundcolor=projectcolor4] {
  background-color: #f3f3f3 !important;
}
.psection[backgroundcolor=projectcolor5] {
  background-color: #D3D3D3 !important;
}
.psection[backgroundcolor=projectcolor6] {
  background-color: #8d99ae !important;
}
.psection[backgroundcolor=projectcolor7] {
  background-color: #727272 !important;
}

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

/*------------------------------------
  #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).
 *
 */
.image_01 {
  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);
  }
}
/*------------------------------------
  # OVERRIDES // UTILITY CLASSES
------------------------------------*/
/**
 *
 *
 */
.fl-section-fullwidth-nopadding {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}
.fl-section-fullwidth-nopadding .section_container .flexi {
  width: 100% !important;
  padding: 0 !important;
  max-width: unset;
}

/*------------------------------------
  #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 ::-webkit-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-moz-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content :-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::-ms-input-placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content ::placeholder {
  color: #8d99ae; /* Vervang #888888 door de gewenste kleurcode */
}
.nf-form-content .nf-cell {
  padding-left: 0 !important;
  padding-right: 10px !important;
}
.nf-form-content label {
  font-size: 1.3rem !important;
}
.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;
}

.nf-field .submit-wrap input[type=submit] {
  background-color: #ae2420;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: center right 20px;
  font-family: "poppins-medium";
  font-size: 1rem;
  color: White;
  padding-right: 110px;
  padding-left: 20px;
}
.nf-field textarea {
  max-height: 100px;
}

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

.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: 100%;
  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: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    margin-top: 0rem;
  }
}
@media (max-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 479px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 992px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1280px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container:last-child {
    margin-bottom: 0rem;
  }
}

@media (max-width: 479px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .flexible_content_container {
    padding: 0;
  }
  .flexi {
    grid-gap: 1.5rem;
  }
}
.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: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 479px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_container {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .flexi_container {
    padding: 0;
  }
}
.flexible_content_container:not(:has(.flexi)) {
  display: none !important;
}

@media (max-width: 479px) {
  .fw-mobile, .fw-mobile-and-tablet, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 479px) 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: 1280px) {
  .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: 1280px) and (max-width: 1600px) {
  .fw-desktop, .fw-tablet-and-desktop, .fw-alldevices {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .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;
}
@media (max-width: 479px) {
  .flexi_005 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
/*------------------------------------
  #HEADER H01
------------------------------------*/
/**
 * Supports:
 * $logo-pull-up-level-mobile (moves logo up on mobile)
 *
 */
.hsection_topnav, .hsection_mainnav {
  z-index: 10000 !important;
}

@media (min-width: 992px) {
  .hsection .header_h01 {
    height: 450px;
  }
}
@media (min-width: 1280px) {
  .hsection .header_h01 {
    height: 500px;
  }
}
@media (min-width: 1600px) {
  .hsection .header_h01 {
    height: 550px;
  }
}
.hsection .header_h01 .headertitle {
  padding-right: 400px;
}
.hsection .header_h01 .headertitle h1 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 10 !important;
}
.hsection .header_h01 .headertitle .header_lead {
  display: block !important;
  font-family: "poppins-medium";
  font-size: 18px;
  position: relative;
  z-index: 10 !important;
  color: #ae2420 !important;
}
.hsection .header_h01 .headertitle .header_text {
  padding-right: 150px;
  font-family: "poppins-regular";
  font-size: 20px;
  position: relative;
  z-index: 10 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) and (max-width: 1280px) {
  .hsection .header_h01 .headertitle {
    padding-right: 200px;
  }
  .hsection .header_h01 .headertitle h1 {
    font-size: 64px;
  }
}
.hsection .header_h01 {
  position: relative;
}
.hsection .header_h01[overlaystatus=nooverlay]::before {
  background-image: none !important;
}
.hsection .header_h01[overlaystatus=redoverlay] .headertitle h1 {
  text-shadow: none;
}
.hsection .header_h01[overlaystatus=redoverlay] .headertitle .header_lead {
  color: White !important;
}
.hsection .header_h01[overlaystatus=redoverlay] .headertitle .header_text {
  color: White !important;
}
.hsection .header_h01::before {
  background-image: url("/wp-content/flexicss/projectimages/gradient-04.png");
  background-size: cover;
  background-position: center center;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.hsection .h01_headerblock {
  margin-top: -160px;
  z-index: 999;
}
.hsection .h01_grijswitkader, .hsection .header_card_tekstmetknop {
  z-index: 999;
}
@media (min-width: 992px) {
  .hsection[headerreduceheight=half] .header_h01 {
    height: 350px;
  }
}
@media (min-width: 1280px) {
  .hsection[headerreduceheight=half] .header_h01 {
    height: 400px;
  }
}
@media (min-width: 1600px) {
  .hsection[headerreduceheight=half] .header_h01 {
    height: 450px;
  }
}
.hsection[h01_header_blokken_actief=Waar] .headertitle {
  margin-top: -140px;
}
.hsection .h01_afbeeldinginheader {
  display: block;
  background-color: transparent !important;
  z-index: 100 !important;
}
@media (min-width: 992px) {
  .hsection .h01_afbeeldinginheader .header_afbeeldingrechts {
    margin-top: -260px;
    width: 410px;
  }
}
@media (min-width: 1280px) {
  .hsection .h01_afbeeldinginheader .header_afbeeldingrechts {
    margin-top: -290px;
    width: 510px;
  }
}
@media (min-width: 1600px) {
  .hsection .h01_afbeeldinginheader .header_afbeeldingrechts {
    margin-top: -330px;
    width: 550px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .hsection .headertitlewhenimagepresent {
    padding-right: 300px !important;
  }
  .hsection .headertitlewhenimagepresent .header_text {
    padding-right: 120px;
  }
}
@media (min-width: 1280px) {
  .hsection .headertitlewhenimagepresent {
    padding-right: 500px;
  }
  .hsection .headertitlewhenimagepresent .header_text {
    padding-right: unset;
  }
}
@media (min-width: 1600px) {
  .hsection .headertitlewhenimagepresent {
    padding-right: 500px !important;
  }
  .hsection .headertitlewhenimagepresent .header_text {
    padding-right: unset;
  }
}

/*------------------------------------
  #FOOTER DESIGNS
------------------------------------*/
/**
 * Here you can make different setups for footers
 *
 *
 */
@media (max-width: 1280px) {
  .footer_002 .section_container {
    min-height: 400px;
  }
  .footer_002 .section_container .footerflexi {
    margin: 0 auto;
  }
}
@media (min-width: 1280px) {
  .footer_002 .section_container .footerflexi {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
  }
}

/*------------------------------------*\
  #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.
 */
/*------------------------------------
  #FOOTER NEGATIVE TOPMARGIN
------------------------------------*/
/**
 *
 *
 */
/*------------------------------------
  #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.
 * Upload them to /wp-content/themes/flexicss/fonts.
 * Fonts should be uploaded as .eot, otf, ttf, woff, woff2 and svg.
 * Declare the font without extention: $font-family1: 'arvo-regular'
 * If a font has a seperate version for 'BOLD','ITALIC' etc use that AND
 * also declare the weights. Example: using arvo-bold, you should set font-weight to 700.
 * // NULL = no import used //
 */
/*------------------------------------
  #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)
------------------------------------*/
/*------------------------------------
  #CARDS
------------------------------------*/
/**
 *
 */
/*------------------------------------
  #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 negative margin-top (the last PSECTION will get extra bottom padding */
/* 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;
}

/*------------------------------------*\
  #DEFAULT PROJECT VARIABLES
\*------------------------------------*/
/**
 * Used in Cwicly / Bricks (Uses Bricksforge Global Classes)
 *
 */
:root {
  --fl-nopaddingtop:0 !Important;
  --fl-halfpaddingtop:0 !Important;
  --fl-halfpaddingbottom:0 !Important;
  --fl-bg-projectcolor1:#ae2420;
  --fl-bg-projectcolor2:#9c0412;
  --fl-bg-projectcolor3:#161a1d;
  --fl-bg-projectcolor4:#f3f3f3;
  --fl-bg-projectcolor5:#D3D3D3;
  --fl-bg-projectcolor6:#8d99ae;
  --fl-bg-projectcolor7:#727272;
  --fl-bg-projectcolor8:#2e2d24;
  --fl-marginbottom-xs: 15px;
  --fl-marginbottom-s: 25px;
  --fl-marginbottom-m: 35px;
  --fl-marginbottom-l: 45px;
  --fl-marginbottom-xl: 55px;
  --fl-lead-projectcolor1:#ae2420;
  --fl-lead-font:poppins-regular;
  --fl-lead-fontsize:16px;
  --fl-lead-marginbottom:20px;
  --fl-lead-display: block;
  --fl-midlead-font:poppins-regular;
  --fl-midlead-fontsize:38px;
  --fl-midlead-marginbottom:20px;
  --fl-midlead-display: block;
  --fl-biglead-font:poppins-light;
  --fl-biglead-marginbottom:40px;
  --fl-biglead-display: block;
  --fl-button-projectcolor1-bgcolor:#ae2420;
  --fl-button-projectcolor1-border:1px solid #ae2420;
  --fl-button-projectcolor1-textcolor:White;
  --fl-button-projectcolor1-font:poppins-medium;
  --fl-button-projectcolor1-fontsize:16px;
  --fl-button-projectcolor1-padding:25px 95px 25px 30px;
  --fl-button-projectcolor1-icon:url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  --fl-button-projectcolor1-icon-position:center right 23px;
  --fl-button-projectcolor1-icon-size:28px 28px;
  --fl-button-transparent-bgcolor:transparent;
  --fl-button-transparent-border:1px solid #ae2420;
  --fl-button-transparent-textcolor:#ae2420;
  --fl-button-transparent-font:poppins-medium;
  --fl-button-transparent-fontsize:16px;
  --fl-button-transparent-padding:25px 95px 25px 30px;
  --fl-button-transparent-icon:url("/wp-content/flexicss/projectimages/icon-red-button.svg");
  --fl-button-transparent-icon-position:center right 23px;
  --fl-button-transparent-icon-size:28px 28px;
  --fl-button-default-font:poppins-medium;
  --fl-button-default-fontsize:16px;
  --fl-button-default-padding:25px 95px 25px 30px;
  --fl-button-default-icon:url("/wp-content/flexicss/projectimages/icon-red-button.svg");
  --fl-button-default-icon-position:center right 23px;
  --fl-button-default-icon-size:28px 28px;
}

/*------------------------------------*\
  #PROJECT SPECIFIC HEADER
\*------------------------------------*/
/**
 * Adjustments for this website header
 *
 */
.kleinunits_topnav {
  margin-top: 0 !important;
}
.kleinunits_topnav a {
  background-image: none !important;
  color: White !important;
  text-decoration: none;
  font-family: "poppins-regular";
  font-size: 12px;
}
.kleinunits_topnav span {
  color: White;
  font-family: "poppins-regular";
  font-size: 12px;
  background-repeat: no-repeat;
}
.kleinunits_topnav .vestiging:nth-child(1) {
  max-width: 80px;
}
.kleinunits_topnav .vestiging:nth-child(2) {
  max-width: 83px;
}
.kleinunits_topnav .vestiging a {
  background-image: url("/wp-content/flexicss/projectimages/vestiging-dot.png") !important;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-size: 6px 6px;
  background-position: center left;
  margin-left: 0px !important;
}
.kleinunits_topnav .header-email {
  background-image: url("/wp-content/flexicss/projectimages/icon-email.png") !important;
  padding-left: 24px;
  background-size: 16px 11px;
  background-repeat: no-repeat;
  background-position: left 3px;
}
.kleinunits_topnav .ku-headeritem-lmargin-s {
  margin-left: 5px;
}
.kleinunits_topnav .ku-headeritem-lmargin-x {
  margin-left: 30px;
}

.kleinunits_mainnav .mainnav {
  margin: 0 !important;
  /*.sectoren_submenu {
    width: 250px;
    div a {
      padding-left: 55px;
      border-bottom: 1px solid $projectcolor1 !important;
    }
    div:last-child a {
      border-bottom: none !important;
    }
    .subnavitem_sector_bouw {
       a {
         background-repeat: no-repeat;
         background-position: left 10px;
         background-size: 25px;
         background-image: url("/wp-content/flexicss/projectimages/icon-bouw-rood.svg");
       }
    }
    .subnavitem_sector_industrie {
      a {
      background-repeat: no-repeat;
        background-position: left 12px;
        background-size: 25px;
      background-image: url("/wp-content/flexicss/projectimages/icon-industrie-rood.svg");
    }
    }
    .subnavitem_sector_kantoor {
      a {
      background-repeat: no-repeat;
        background-position: left 12px;
      background-size: 25px;
      background-image: url("/wp-content/flexicss/projectimages/icon-kantoor-rood.svg");
    }
    }
    .subnavitem_sector_onderwijs {
      a {
      background-repeat: no-repeat;
        background-position: left 14px;
        background-size: 25px;
      background-image: url("/wp-content/flexicss/projectimages/icon-onderwijs-rood.svg");
    }
    }
    .subnavitem_sector_wonen {
      a {
      background-repeat: no-repeat;
        background-position: left 13px;
        background-size: 25px;
      background-image: url("/wp-content/flexicss/projectimages/icon-wonen-rood.svg");
    }
    }
  }*/
}
.kleinunits_mainnav .mainnav li.menu-item:nth-of-type(7) {
  margin-right: 20px !important;
}
.kleinunits_mainnav .mainnav li span {
  font-family: "poppins-regular";
  font-size: 14px;
}
.kleinunits_mainnav .mainnav li a {
  font-family: "poppins-regular";
  font-size: 14px;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud {
  background-color: White !important;
  padding: 20px !important;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv {
  border-right: 1px solid #ae2420;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv .submenu_title {
  display: block;
  font-family: "poppins-semibold";
  font-size: 14px;
  color: #ae2420;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv a {
  display: block;
  padding: 5px 15px;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv_denkookaan {
  padding-left: 10px;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv_denkookaan .denkookaantekst {
  padding-top: 13px;
  font-size: 14px;
  font-family: "poppins-regular";
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv_denkookaan .denkookaantekst p {
  font-size: 14px;
  font-family: "poppins-regular";
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv_denkookaan .submenu_title {
  display: block;
  font-family: "poppins-semibold";
  font-size: 14px;
  color: #ae2420;
}
.kleinunits_mainnav .mainnav .submenu_dropdown_inhoud .submenu_innerdiv:last-of-type {
  border: none !important;
}
.kleinunits_mainnav .mainnav .blog_submenu {
  min-width: 270px !important;
}
.kleinunits_mainnav .mainnav .blog_submenu a {
  border-bottom: 1px solid #ae2420;
}
.kleinunits_mainnav .mainnav .blog_submenu div:last-of-type a {
  border-bottom: none !important;
}
.kleinunits_mainnav .mainnav .sectoren_submenu {
  min-width: 270px !important;
}
.kleinunits_mainnav .mainnav .sectoren_submenu .subnavitem_sector_bouw a {
  background-repeat: no-repeat;
  background-position: left 10px;
  background-size: 25px;
  background-image: url("/wp-content/flexicss/projectimages/icon-bouw-rood.svg");
  padding-left: 40px;
}
.kleinunits_mainnav .mainnav .sectoren_submenu .subnavitem_sector_industrie a {
  background-repeat: no-repeat;
  background-position: left 12px;
  background-size: 25px;
  background-image: url("/wp-content/flexicss/projectimages/icon-industrie-rood.svg");
  padding-left: 40px;
}
.kleinunits_mainnav .mainnav .sectoren_submenu .subnavitem_sector_kantoor a {
  background-repeat: no-repeat;
  background-position: left 12px;
  background-size: 25px;
  background-image: url("/wp-content/flexicss/projectimages/icon-kantoor-rood.svg");
  padding-left: 40px;
}
.kleinunits_mainnav .mainnav .sectoren_submenu .subnavitem_sector_onderwijs a {
  background-repeat: no-repeat;
  background-position: left 14px;
  background-size: 25px;
  background-image: url("/wp-content/flexicss/projectimages/icon-onderwijs-rood.svg");
  padding-left: 40px;
}
.kleinunits_mainnav .mainnav .sectoren_submenu .subnavitem_sector_wonen a {
  background-repeat: no-repeat;
  background-position: left 13px;
  background-size: 25px;
  background-image: url("/wp-content/flexicss/projectimages/icon-wonen-rood.svg");
  padding-left: 40px;
}

.cardgebruik {
  position: relative;
  padding-bottom: 130px !important;
}
.cardgebruik .buttonabsolute {
  position: absolute;
  bottom: 0;
  left: 0;
}

.formlead {
  font-family: "poppins-regular" !important;
  font-size: 15px !important;
}

.formtitle {
  font-family: "poppins-semibold" !important;
  font-size: 38px !important;
  line-height: 2.7rem;
}

.nf-field-label > label {
  color: White;
  font-family: "poppins-semibold" !important;
  font-size: 16px !important;
}

/*------------------------------------*\
  # S01
\*------------------------------------*/
/**
 *
 *
 */
/*------------------------------------*\
  # C04
\*------------------------------------*/
/**
 * Adjustments for some website elements
 *
 */
.flexi_c04_1 {
  width: 100%;
}
.flexi_c04_1 .jet-checkboxes-list__button {
  width: 155px;
  display: block;
  text-align: center;
  border-radius: 50px;
  padding: 13px 13px 11px 13px;
  border: 1px solid #ae2420 !important;
}
.flexi_c04_1 .jet-checkboxes-list__button span {
  margin: 0 auto;
  font-family: "poppins-regular";
  font-size: 12px;
  color: #ae2420;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  .flexi_c04_1 .jet-checkboxes-list__button {
    width: 135px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 11px 11px 9px 11px;
    border: 1px solid #ae2420 !important;
  }
  .flexi_c04_1 .jet-checkboxes-list__button span {
    margin: 0 auto;
    font-family: "poppins-regular";
    font-size: 12px;
    color: #ae2420;
    text-transform: uppercase;
  }
}
.flexi_c04_1 .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button {
  background-color: #ae2420;
}
.flexi_c04_1 .jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button span {
  color: White !important;
}

.flexi_c04_2 .project_card {
  background-image: url("/wp-content/flexicss/projectimages/back-arrow-projectcard.svg");
  background-repeat: no-repeat;
  background-size: 86px 114px;
  background-position: bottom -50px right -20px !important;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.unit_offerteaanvraag #nf-label-field-107 {
  color: White !important;
}
.unit_offerteaanvraag div.nf-form-content * {
  font-family: "poppins-light" !important;
}
.unit_offerteaanvraag div.nf-form-content #nf-field-107-container * {
  font-size: 13px !important;
}

.button-en-email .but_solliciteer_direct:Hover, .button-en-email .stuur-email:Hover {
  cursor: pointer;
}

.unit-card {
  background-image: url("/wp-content/flexicss/projectimages/back-arrow-projectcard.svg");
  background-repeat: no-repeat;
  background-size: 86px 114px;
  background-position: bottom -50px right -20px !important;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.unit-card .inner_card h5 {
  font-family: "poppins-medium";
  margin-bottom: 5px;
}
.unit-card .inner_card h6.onderkopje {
  color: Black !important;
  font-family: "poppins-medium";
  margin-bottom: 10px;
}
.unit-card .inner_card span {
  font-family: "poppins-regular";
  display: block;
  color: #161a1d;
}
.unit-card .innercard_afbeelding_info {
  min-height: 35px;
  position: relative;
}
.unit-card .innercard_afbeelding_info .statuslocatie {
  position: absolute;
  bottom: 0;
  left: 0;
}

.flexi_contact .contact_adres p {
  font-family: "poppins-regular";
}
.flexi_contact .contact_adres p a {
  text-decoration: none;
}
.flexi_contact .contact_adres a {
  font-family: "poppins-regular" !important;
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .flexi_contact .contact_form .formtitle {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexi_contact .contact_form .formtitle {
    font-size: 1.6rem !important;
  }
}
.flexi_contact .contact_form .nf-response-msg {
  margin-top: 10px;
  padding: 15px !important;
}
.flexi_contact .contact_form .nf-response-msg * {
  color: White !important;
}

.checkmarkswhite ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.checkmarkswhite ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}

.checkmarksblack ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.checkmarksblack ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-black.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}

.checkmarksred ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.checkmarksred ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.checkmarksred span.checkmarkspan {
  font-family: "poppins-light";
  font-size: 16px;
  display: block;
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: left center;
  margin-bottom: 5px !important;
}

.checkmarksred-alt ul {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.keypoint {
  position: relative;
}

@media (min-width: 992px) {
  .square1 {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 1px solid white;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    bottom: -25px;
    right: -25px;
    z-index: 99;
  }
}
@media (max-width: 992px) {
  .keypoint {
    border: none !important;
    border-bottom: 1px solid White !important;
  }
}
@media (min-width: 992px) {
  .keypoint1 {
    border: none !important;
    border-bottom: 1px solid White !important;
  }
  .keypoint2 {
    border: none !important;
    border-bottom: 1px solid White !important;
    border-left: 1px solid White !important;
  }
  .keypoint3 {
    border: none !important;
    border-bottom: 1px solid White !important;
  }
  .keypoint4 {
    border: none !important;
    border-bottom: 1px solid White !important;
    border-left: 1px solid White !important;
  }
}
.psection_raster_06 {
  background-image: url("/wp-content/flexicss/projectimages/c06-back_grid_sectorenkader.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}

@media (min-width: 1280px) {
  .flexi_c06 {
    max-width: 1120px;
  }
}
.flexi_c06 .c06_sector {
  font-family: "poppins-medium";
}
.flexi_c06 .c06_sectoromschrijving {
  font-family: "poppins-light";
}
.flexi_c06 .textwhite p {
  color: White !important;
}

h4.s07_titel_tekstblok {
  font-weight: unset !important;
  font-family: "poppins-regular" !important;
  color: White !important;
  font-size: 25px !important;
}

.s07_titeldiv h4 {
  display: block;
  color: White;
  font-family: "poppins-light" !important;
  font-size: 38px !important;
  font-weight: unset;
  margin-bottom: -10px !important;
}

.s07_lijndiv {
  width: 100% !important;
  border-bottom: 1px solid White !important;
}

.s07_tekst {
  color: White !important;
}
.s07_tekst p {
  color: inherit !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .s07_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .s07_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .s07_tekst p {
    max-width: 30%;
  }
}
@media (min-width: 1600px) {
  .s07_tekst p {
    max-width: 30%;
  }
}

.flexi_s07 .s07_slider {
  background-color: transparent !important;
}
.flexi_s07 .s07_card .s07_innercard {
  padding: 30px;
}
.flexi_s07 .s07_card .s07_innercard .s07_item_title {
  font-family: "poppins-semibold";
  color: #ae2420;
  font-size: 23px;
  line-height: 1.6rem;
  margin-bottom: 20px;
}
.flexi_s07 .s07_card .s07_innercard .s07_item_tekst {
  font-family: "poppins-light";
  color: #161a1d;
  font-size: 15px;
}

.psection_raster {
  background-image: url("/wp-content/flexicss/projectimages/patroon-lichtgrijs.png");
  background-repeat: repeat-x;
  background-position: top center;
}

@media (min-width: 1280px) {
  .flexi_c12 {
    max-width: 1180px;
  }
}
.flexi_c12 .c12_vacature {
  display: unset;
  font-family: "poppins-medium";
  font-size: 18px !important;
  border-right: 2px solid Black;
}
.flexi_c12 .c12_uren {
  font-family: "poppins-regular";
  font-size: 13px;
}
.flexi_c12 .c12_locaties {
  font-family: "poppins-regular";
  font-size: 13px;
}
.flexi_c12 .textwhite p {
  color: White !important;
}
.flexi_c12 .c12_vacaturerij {
  background-image: url("/wp-content/flexicss/projectimages/arrow-red-right.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 17px;
}

.c12_vacaturerij:Hover {
  background-color: #ae2420 !important;
  background-image: url("/wp-content/flexicss/projectimages/arrow-wit-right.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 17px;
}
.c12_vacaturerij:Hover .c12_vacature, .c12_vacaturerij:Hover .c12_uren, .c12_vacaturerij:Hover .c12_locaties {
  color: White !important;
}
.c12_vacaturerij:Hover .c12_vacature {
  border-right: 2px solid White;
}

@media (max-width: 768px) {
  #brxe-rfdtkb {
    border-bottom: 2px solid Black;
  }
  p.c12-titel-mobiel {
    display: unset;
    font-family: "poppins-regular";
    font-size: 16px !important;
    line-height: 4px !important;
  }
  .c12-uren-mobiel {
    font-family: "poppins-regular";
  }
  .c12-locatie-mobiel {
    font-family: "poppins-regular";
  }
}
.section_breadcrumbs {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.section_breadcrumbs * {
  line-height: 0 !important;
}
.section_breadcrumbs > div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.section_breadcrumbs > div .breadcrumbs span {
  font-family: "poppins-regular";
}
.section_breadcrumbs > div .breadcrumbs span.current-item {
  font-weight: normal !important;
  color: #D3D3D3 !important;
}

.brxe-xheadersearch {
  background-image: url("/wp-content/uploads/2024/01/icon-search.svg");
  background-repeat: no-repeat;
}

form.x-search-form input {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}
form.x-search-form input::-webkit-input-placeholder {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}
form.x-search-form input::-moz-placeholder {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}
form.x-search-form input:-ms-input-placeholder {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}
form.x-search-form input::-ms-input-placeholder {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}
form.x-search-form input::placeholder {
  font-family: "poppins-regular" !important;
  color: #8d99ae !important;
}

form.jet-form-builder select {
  font-family: "poppins-medium" !important;
  font-size: 20px;
  background-color: White;
  padding: 10px 20px;
  background-image: url("/wp-content/flexicss/projectimages/arrow-eenvoudigzoeken.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 28px;
}
form.jet-form-builder .jet-form-builder__submit-wrap {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
form.jet-form-builder .jet-form-builder__submit-wrap * {
  color: transparent !important;
}

#brxe-jrbgpg, #brxe-mjnxem, #brxe-pxhtgu, #brxe-rmhqhl {
  cursor: pointer;
}

.s08_tekst {
  margin-left: auto;
  margin-right: auto;
  font-family: "poppins-light";
  font-size: 15px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .s08_tekst {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .s08_tekst {
    max-width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .s08_tekst {
    max-width: 70%;
  }
}
@media (min-width: 1600px) {
  .s08_tekst {
    max-width: 70%;
  }
}

.s08_card {
  position: relative;
}
.s08_card .presto-provider-youtube {
  margin-top: 0 !important;
}
.s08_card .s08_naam {
  font-family: "poppins-semibold";
  font-size: 20px;
}
.s08_card .s08_functie {
  font-family: "poppins-regular";
  font-size: 18px;
}
.s08_card .s08_tekst {
  font-family: "poppins-regular";
  font-size: 17px;
}
.s08_card .s08_link {
  position: absolute;
  bottom: 5px;
  z-index: 99;
  font-family: "poppins-regular";
}

.vacature_details_omschrijving .vacature_detail_segement {
  margin-top: 40px;
}
.vacature_details_omschrijving .vacature_detail_segement h2 {
  font-family: "poppins-semibold";
  font-size: 26px;
}
.vacature_details_omschrijving ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.vacature_details_omschrijving ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}

.but_solliciteer_direct {
  display: block;
  background-color: #2e2d24 !important;
  border: none !important;
}

.vac_contactpersoon img {
  display: block;
  width: 100%;
  margin-bottom: 25px;
}
.vac_contactpersoon .vac_contactpersoon_gegevens * {
  color: White !important;
}
.vac_contactpersoon .vac_contactpersoon_gegevens a {
  text-decoration: none !important;
}

.s09_lijndiv {
  width: 100% !important;
  border-bottom: 1px solid #ae2420 !important;
}

.s09_tekst {
  color: #161a1d !important;
}
.s09_tekst p {
  color: inherit !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .s09_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .s09_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .s09_tekst p {
    max-width: 30%;
  }
}
@media (min-width: 1600px) {
  .s09_tekst p {
    max-width: 30%;
  }
}

.formulier_8 .introtekst {
  color: White !important;
}
.formulier_8 .introtekst p {
  color: inherit;
}
.formulier_8 input, .formulier_8 textarea {
  background-color: #d3d7e0 !important;
}
.formulier_8 .nf-response-msg {
  background-color: White;
}
.formulier_8 .nf-error-required-error, .formulier_8 .nf-error-field-errors, .formulier_8 .nf-error-msg {
  color: #ae2420 !important;
}
.formulier_8 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #161a1d;
}
.formulier_8 ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #161a1d;
  opacity: 1;
}
.formulier_8 :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #161a1d;
}
.formulier_8 ::-ms-input-placeholder { /* Microsoft Edge */
  color: #161a1d;
}
.formulier_8 ::placeholder { /* Most modern browsers support this now. */
  color: #161a1d;
}
.formulier_8 input:focus::-webkit-input-placeholder {
  color: transparent;
}
.formulier_8 input:focus::-moz-placeholder {
  color: transparent;
}
.formulier_8 input:focus:-ms-input-placeholder {
  color: transparent;
}
.formulier_8 input:focus::-ms-input-placeholder {
  color: transparent;
}
.formulier_8 input:focus::placeholder {
  color: transparent;
}
.formulier_8 input[type=submit] {
  background-color: transparent !important;
  float: right;
  border: 1px solid White !important;
}

img[imageshape=afsnedehoekrechtsboven] {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
  clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 85% 0%, 100% 27%);
}

@media (min-width: 992px) {
  .section_c09[contentwidth=widthcompact] .flexi, .section_c09-1[contentwidth=widthcompact] .flexi, .section_c09-2[contentwidth=widthcompact] .flexi, .section_c09-3[contentwidth=widthcompact] .flexi, .section_c09-4[contentwidth=widthcompact] .flexi, .section_c09-5[contentwidth=widthcompact] .flexi, .section_c09-6[contentwidth=widthcompact] .flexi, .section_c10-1[contentwidth=widthcompact] .flexi, .section_c14[contentwidth=widthcompact] .flexi, .section_c15[contentwidth=widthcompact] .flexi, .section_c13-2[contentwidth=widthcompact] .flexi, .section_c16[contentwidth=widthcompact] .flexi, .section_c16-2[contentwidth=widthcompact] .flexi {
    width: 1120px;
  }
  .section_c09[contentwidth=widthfull] .flexi, .section_c09-1[contentwidth=widthfull] .flexi, .section_c09-2[contentwidth=widthfull] .flexi, .section_c09-3[contentwidth=widthfull] .flexi, .section_c09-4[contentwidth=widthfull] .flexi, .section_c09-5[contentwidth=widthfull] .flexi, .section_c09-6[contentwidth=widthfull] .flexi, .section_c10-1[contentwidth=widthfull] .flexi, .section_c14[contentwidth=widthfull] .flexi, .section_c15[contentwidth=widthfull] .flexi, .section_c13-2[contentwidth=widthfull] .flexi, .section_c16[contentwidth=widthfull] .flexi, .section_c16-2[contentwidth=widthfull] .flexi {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.section_c09[backgroundbehaviour=covercenter], .section_c09-1[backgroundbehaviour=covercenter], .section_c09-2[backgroundbehaviour=covercenter], .section_c09-3[backgroundbehaviour=covercenter], .section_c09-4[backgroundbehaviour=covercenter], .section_c09-5[backgroundbehaviour=covercenter], .section_c09-6[backgroundbehaviour=covercenter], .section_c10-1[backgroundbehaviour=covercenter], .section_c14[backgroundbehaviour=covercenter], .section_c15[backgroundbehaviour=covercenter], .section_c13-2[backgroundbehaviour=covercenter], .section_c16[backgroundbehaviour=covercenter], .section_c16-2[backgroundbehaviour=covercenter] {
  background-size: cover;
  background-position: center center;
}
.section_c09[backgroundbehaviour=covercenter], .section_c09-1[backgroundbehaviour=covercenter], .section_c09-2[backgroundbehaviour=covercenter], .section_c09-3[backgroundbehaviour=covercenter], .section_c09-4[backgroundbehaviour=covercenter], .section_c09-5[backgroundbehaviour=covercenter], .section_c09-6[backgroundbehaviour=covercenter], .section_c10-1[backgroundbehaviour=covercenter], .section_c14[backgroundbehaviour=covercenter], .section_c15[backgroundbehaviour=covercenter], .section_c13-2[backgroundbehaviour=covercenter], .section_c16[backgroundbehaviour=covercenter], .section_c16-2[backgroundbehaviour=covercenter] {
  background-size: cover;
  background-position: center center;
}
.section_c09[backgroundbehaviour=coverbottom], .section_c09-1[backgroundbehaviour=coverbottom], .section_c09-2[backgroundbehaviour=coverbottom], .section_c09-3[backgroundbehaviour=coverbottom], .section_c09-4[backgroundbehaviour=coverbottom], .section_c09-5[backgroundbehaviour=coverbottom], .section_c09-6[backgroundbehaviour=coverbottom], .section_c10-1[backgroundbehaviour=coverbottom], .section_c14[backgroundbehaviour=coverbottom], .section_c15[backgroundbehaviour=coverbottom], .section_c13-2[backgroundbehaviour=coverbottom], .section_c16[backgroundbehaviour=coverbottom], .section_c16-2[backgroundbehaviour=coverbottom] {
  background-size: cover;
  background-position: bottom center !important;
}
.section_c09[backgroundbehaviour=covertop], .section_c09-1[backgroundbehaviour=covertop], .section_c09-2[backgroundbehaviour=covertop], .section_c09-3[backgroundbehaviour=covertop], .section_c09-4[backgroundbehaviour=covertop], .section_c09-5[backgroundbehaviour=covertop], .section_c09-6[backgroundbehaviour=covertop], .section_c10-1[backgroundbehaviour=covertop], .section_c14[backgroundbehaviour=covertop], .section_c15[backgroundbehaviour=covertop], .section_c13-2[backgroundbehaviour=covertop], .section_c16[backgroundbehaviour=covertop], .section_c16-2[backgroundbehaviour=covertop] {
  background-size: cover;
  background-position: top center !important;
}
.section_c09[backgroundbehaviour=bottomrepeat], .section_c09-1[backgroundbehaviour=bottomrepeat], .section_c09-2[backgroundbehaviour=bottomrepeat], .section_c09-3[backgroundbehaviour=bottomrepeat], .section_c09-4[backgroundbehaviour=bottomrepeat], .section_c09-5[backgroundbehaviour=bottomrepeat], .section_c09-6[backgroundbehaviour=bottomrepeat], .section_c10-1[backgroundbehaviour=bottomrepeat], .section_c14[backgroundbehaviour=bottomrepeat], .section_c15[backgroundbehaviour=bottomrepeat], .section_c13-2[backgroundbehaviour=bottomrepeat], .section_c16[backgroundbehaviour=bottomrepeat], .section_c16-2[backgroundbehaviour=bottomrepeat] {
  background-size: unset !important;
  background-position: bottom left !important;
  background-repeat: repeat-x !important;
}
.section_c09[backgroundbehaviour=toprepeat], .section_c09-1[backgroundbehaviour=toprepeat], .section_c09-2[backgroundbehaviour=toprepeat], .section_c09-3[backgroundbehaviour=toprepeat], .section_c09-4[backgroundbehaviour=toprepeat], .section_c09-5[backgroundbehaviour=toprepeat], .section_c09-6[backgroundbehaviour=toprepeat], .section_c10-1[backgroundbehaviour=toprepeat], .section_c14[backgroundbehaviour=toprepeat], .section_c15[backgroundbehaviour=toprepeat], .section_c13-2[backgroundbehaviour=toprepeat], .section_c16[backgroundbehaviour=toprepeat], .section_c16-2[backgroundbehaviour=toprepeat] {
  background-size: unset !important;
  background-position: top center !important;
  background-repeat: repeat-x !important;
}
.section_c09[backgroundcolor=projectcolor0] *, .section_c09-1[backgroundcolor=projectcolor0] *, .section_c09-2[backgroundcolor=projectcolor0] *, .section_c09-3[backgroundcolor=projectcolor0] *, .section_c09-4[backgroundcolor=projectcolor0] *, .section_c09-5[backgroundcolor=projectcolor0] *, .section_c09-6[backgroundcolor=projectcolor0] *, .section_c10-1[backgroundcolor=projectcolor0] *, .section_c14[backgroundcolor=projectcolor0] *, .section_c15[backgroundcolor=projectcolor0] *, .section_c13-2[backgroundcolor=projectcolor0] *, .section_c16[backgroundcolor=projectcolor0] *, .section_c16-2[backgroundcolor=projectcolor0] * {
  color: #161a1d;
}
.section_c09[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor0] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor0] * .fl-lead-default {
  color: #ae2420 !important;
}
.section_c09[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor0] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor0] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor0] * .fl-button-default, .section_c14[backgroundcolor=projectcolor0] * .fl-button-default, .section_c15[backgroundcolor=projectcolor0] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor0] * .fl-button-default, .section_c16[backgroundcolor=projectcolor0] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor0] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: #ae2420;
  border: 1px solid #ae2420;
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor0] ul, .section_c09-1[backgroundcolor=projectcolor0] ul, .section_c09-2[backgroundcolor=projectcolor0] ul, .section_c09-3[backgroundcolor=projectcolor0] ul, .section_c09-4[backgroundcolor=projectcolor0] ul, .section_c09-5[backgroundcolor=projectcolor0] ul, .section_c09-6[backgroundcolor=projectcolor0] ul, .section_c10-1[backgroundcolor=projectcolor0] ul, .section_c14[backgroundcolor=projectcolor0] ul, .section_c15[backgroundcolor=projectcolor0] ul, .section_c13-2[backgroundcolor=projectcolor0] ul, .section_c16[backgroundcolor=projectcolor0] ul, .section_c16-2[backgroundcolor=projectcolor0] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor0] ul li, .section_c09-1[backgroundcolor=projectcolor0] ul li, .section_c09-2[backgroundcolor=projectcolor0] ul li, .section_c09-3[backgroundcolor=projectcolor0] ul li, .section_c09-4[backgroundcolor=projectcolor0] ul li, .section_c09-5[backgroundcolor=projectcolor0] ul li, .section_c09-6[backgroundcolor=projectcolor0] ul li, .section_c10-1[backgroundcolor=projectcolor0] ul li, .section_c14[backgroundcolor=projectcolor0] ul li, .section_c15[backgroundcolor=projectcolor0] ul li, .section_c13-2[backgroundcolor=projectcolor0] ul li, .section_c16[backgroundcolor=projectcolor0] ul li, .section_c16-2[backgroundcolor=projectcolor0] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor1] *, .section_c09-1[backgroundcolor=projectcolor1] *, .section_c09-2[backgroundcolor=projectcolor1] *, .section_c09-3[backgroundcolor=projectcolor1] *, .section_c09-4[backgroundcolor=projectcolor1] *, .section_c09-5[backgroundcolor=projectcolor1] *, .section_c09-6[backgroundcolor=projectcolor1] *, .section_c10-1[backgroundcolor=projectcolor1] *, .section_c14[backgroundcolor=projectcolor1] *, .section_c15[backgroundcolor=projectcolor1] *, .section_c13-2[backgroundcolor=projectcolor1] *, .section_c16[backgroundcolor=projectcolor1] *, .section_c16-2[backgroundcolor=projectcolor1] * {
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor1] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor1] * .fl-lead-default {
  color: #FFFFFF !important;
}
.section_c09[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor1] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor1] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor1] * .fl-button-default, .section_c14[backgroundcolor=projectcolor1] * .fl-button-default, .section_c15[backgroundcolor=projectcolor1] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor1] * .fl-button-default, .section_c16[backgroundcolor=projectcolor1] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor1] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: transparent;
  border: 1px solid White;
  color: White;
}
.section_c09[backgroundcolor=projectcolor1] ul, .section_c09-1[backgroundcolor=projectcolor1] ul, .section_c09-2[backgroundcolor=projectcolor1] ul, .section_c09-3[backgroundcolor=projectcolor1] ul, .section_c09-4[backgroundcolor=projectcolor1] ul, .section_c09-5[backgroundcolor=projectcolor1] ul, .section_c09-6[backgroundcolor=projectcolor1] ul, .section_c10-1[backgroundcolor=projectcolor1] ul, .section_c14[backgroundcolor=projectcolor1] ul, .section_c15[backgroundcolor=projectcolor1] ul, .section_c13-2[backgroundcolor=projectcolor1] ul, .section_c16[backgroundcolor=projectcolor1] ul, .section_c16-2[backgroundcolor=projectcolor1] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor1] ul li, .section_c09-1[backgroundcolor=projectcolor1] ul li, .section_c09-2[backgroundcolor=projectcolor1] ul li, .section_c09-3[backgroundcolor=projectcolor1] ul li, .section_c09-4[backgroundcolor=projectcolor1] ul li, .section_c09-5[backgroundcolor=projectcolor1] ul li, .section_c09-6[backgroundcolor=projectcolor1] ul li, .section_c10-1[backgroundcolor=projectcolor1] ul li, .section_c14[backgroundcolor=projectcolor1] ul li, .section_c15[backgroundcolor=projectcolor1] ul li, .section_c13-2[backgroundcolor=projectcolor1] ul li, .section_c16[backgroundcolor=projectcolor1] ul li, .section_c16-2[backgroundcolor=projectcolor1] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor2] *, .section_c09-1[backgroundcolor=projectcolor2] *, .section_c09-2[backgroundcolor=projectcolor2] *, .section_c09-3[backgroundcolor=projectcolor2] *, .section_c09-4[backgroundcolor=projectcolor2] *, .section_c09-5[backgroundcolor=projectcolor2] *, .section_c09-6[backgroundcolor=projectcolor2] *, .section_c10-1[backgroundcolor=projectcolor2] *, .section_c14[backgroundcolor=projectcolor2] *, .section_c15[backgroundcolor=projectcolor2] *, .section_c13-2[backgroundcolor=projectcolor2] *, .section_c16[backgroundcolor=projectcolor2] *, .section_c16-2[backgroundcolor=projectcolor2] * {
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor2] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor2] * .fl-lead-default {
  color: #FFFFFF !important;
}
.section_c09[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor2] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor2] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor2] * .fl-button-default, .section_c14[backgroundcolor=projectcolor2] * .fl-button-default, .section_c15[backgroundcolor=projectcolor2] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor2] * .fl-button-default, .section_c16[backgroundcolor=projectcolor2] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor2] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: transparent;
  border: 1px solid White;
  color: White;
}
.section_c09[backgroundcolor=projectcolor2] ul, .section_c09-1[backgroundcolor=projectcolor2] ul, .section_c09-2[backgroundcolor=projectcolor2] ul, .section_c09-3[backgroundcolor=projectcolor2] ul, .section_c09-4[backgroundcolor=projectcolor2] ul, .section_c09-5[backgroundcolor=projectcolor2] ul, .section_c09-6[backgroundcolor=projectcolor2] ul, .section_c10-1[backgroundcolor=projectcolor2] ul, .section_c14[backgroundcolor=projectcolor2] ul, .section_c15[backgroundcolor=projectcolor2] ul, .section_c13-2[backgroundcolor=projectcolor2] ul, .section_c16[backgroundcolor=projectcolor2] ul, .section_c16-2[backgroundcolor=projectcolor2] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor2] ul li, .section_c09-1[backgroundcolor=projectcolor2] ul li, .section_c09-2[backgroundcolor=projectcolor2] ul li, .section_c09-3[backgroundcolor=projectcolor2] ul li, .section_c09-4[backgroundcolor=projectcolor2] ul li, .section_c09-5[backgroundcolor=projectcolor2] ul li, .section_c09-6[backgroundcolor=projectcolor2] ul li, .section_c10-1[backgroundcolor=projectcolor2] ul li, .section_c14[backgroundcolor=projectcolor2] ul li, .section_c15[backgroundcolor=projectcolor2] ul li, .section_c13-2[backgroundcolor=projectcolor2] ul li, .section_c16[backgroundcolor=projectcolor2] ul li, .section_c16-2[backgroundcolor=projectcolor2] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor3] *, .section_c09-1[backgroundcolor=projectcolor3] *, .section_c09-2[backgroundcolor=projectcolor3] *, .section_c09-3[backgroundcolor=projectcolor3] *, .section_c09-4[backgroundcolor=projectcolor3] *, .section_c09-5[backgroundcolor=projectcolor3] *, .section_c09-6[backgroundcolor=projectcolor3] *, .section_c10-1[backgroundcolor=projectcolor3] *, .section_c14[backgroundcolor=projectcolor3] *, .section_c15[backgroundcolor=projectcolor3] *, .section_c13-2[backgroundcolor=projectcolor3] *, .section_c16[backgroundcolor=projectcolor3] *, .section_c16-2[backgroundcolor=projectcolor3] * {
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor3] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor3] * .fl-lead-default {
  color: #FFFFFF !important;
}
.section_c09[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor3] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor3] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor3] * .fl-button-default, .section_c14[backgroundcolor=projectcolor3] * .fl-button-default, .section_c15[backgroundcolor=projectcolor3] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor3] * .fl-button-default, .section_c16[backgroundcolor=projectcolor3] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor3] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: transparent;
  border: 1px solid White;
  color: White;
}
.section_c09[backgroundcolor=projectcolor3] ul, .section_c09-1[backgroundcolor=projectcolor3] ul, .section_c09-2[backgroundcolor=projectcolor3] ul, .section_c09-3[backgroundcolor=projectcolor3] ul, .section_c09-4[backgroundcolor=projectcolor3] ul, .section_c09-5[backgroundcolor=projectcolor3] ul, .section_c09-6[backgroundcolor=projectcolor3] ul, .section_c10-1[backgroundcolor=projectcolor3] ul, .section_c14[backgroundcolor=projectcolor3] ul, .section_c15[backgroundcolor=projectcolor3] ul, .section_c13-2[backgroundcolor=projectcolor3] ul, .section_c16[backgroundcolor=projectcolor3] ul, .section_c16-2[backgroundcolor=projectcolor3] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor3] ul li, .section_c09-1[backgroundcolor=projectcolor3] ul li, .section_c09-2[backgroundcolor=projectcolor3] ul li, .section_c09-3[backgroundcolor=projectcolor3] ul li, .section_c09-4[backgroundcolor=projectcolor3] ul li, .section_c09-5[backgroundcolor=projectcolor3] ul li, .section_c09-6[backgroundcolor=projectcolor3] ul li, .section_c10-1[backgroundcolor=projectcolor3] ul li, .section_c14[backgroundcolor=projectcolor3] ul li, .section_c15[backgroundcolor=projectcolor3] ul li, .section_c13-2[backgroundcolor=projectcolor3] ul li, .section_c16[backgroundcolor=projectcolor3] ul li, .section_c16-2[backgroundcolor=projectcolor3] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor4] *, .section_c09-1[backgroundcolor=projectcolor4] *, .section_c09-2[backgroundcolor=projectcolor4] *, .section_c09-3[backgroundcolor=projectcolor4] *, .section_c09-4[backgroundcolor=projectcolor4] *, .section_c09-5[backgroundcolor=projectcolor4] *, .section_c09-6[backgroundcolor=projectcolor4] *, .section_c10-1[backgroundcolor=projectcolor4] *, .section_c14[backgroundcolor=projectcolor4] *, .section_c15[backgroundcolor=projectcolor4] *, .section_c13-2[backgroundcolor=projectcolor4] *, .section_c16[backgroundcolor=projectcolor4] *, .section_c16-2[backgroundcolor=projectcolor4] * {
  color: #161a1d !important;
}
.section_c09[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor4] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor4] * .fl-lead-default {
  color: #ae2420 !important;
}
.section_c09[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor4] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor4] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor4] * .fl-button-default, .section_c14[backgroundcolor=projectcolor4] * .fl-button-default, .section_c15[backgroundcolor=projectcolor4] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor4] * .fl-button-default, .section_c16[backgroundcolor=projectcolor4] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor4] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: #ae2420;
  border: 1px solid #ae2420;
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor4] ul, .section_c09-1[backgroundcolor=projectcolor4] ul, .section_c09-2[backgroundcolor=projectcolor4] ul, .section_c09-3[backgroundcolor=projectcolor4] ul, .section_c09-4[backgroundcolor=projectcolor4] ul, .section_c09-5[backgroundcolor=projectcolor4] ul, .section_c09-6[backgroundcolor=projectcolor4] ul, .section_c10-1[backgroundcolor=projectcolor4] ul, .section_c14[backgroundcolor=projectcolor4] ul, .section_c15[backgroundcolor=projectcolor4] ul, .section_c13-2[backgroundcolor=projectcolor4] ul, .section_c16[backgroundcolor=projectcolor4] ul, .section_c16-2[backgroundcolor=projectcolor4] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor4] ul li, .section_c09-1[backgroundcolor=projectcolor4] ul li, .section_c09-2[backgroundcolor=projectcolor4] ul li, .section_c09-3[backgroundcolor=projectcolor4] ul li, .section_c09-4[backgroundcolor=projectcolor4] ul li, .section_c09-5[backgroundcolor=projectcolor4] ul li, .section_c09-6[backgroundcolor=projectcolor4] ul li, .section_c10-1[backgroundcolor=projectcolor4] ul li, .section_c14[backgroundcolor=projectcolor4] ul li, .section_c15[backgroundcolor=projectcolor4] ul li, .section_c13-2[backgroundcolor=projectcolor4] ul li, .section_c16[backgroundcolor=projectcolor4] ul li, .section_c16-2[backgroundcolor=projectcolor4] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor5] *, .section_c09-1[backgroundcolor=projectcolor5] *, .section_c09-2[backgroundcolor=projectcolor5] *, .section_c09-3[backgroundcolor=projectcolor5] *, .section_c09-4[backgroundcolor=projectcolor5] *, .section_c09-5[backgroundcolor=projectcolor5] *, .section_c09-6[backgroundcolor=projectcolor5] *, .section_c10-1[backgroundcolor=projectcolor5] *, .section_c14[backgroundcolor=projectcolor5] *, .section_c15[backgroundcolor=projectcolor5] *, .section_c13-2[backgroundcolor=projectcolor5] *, .section_c16[backgroundcolor=projectcolor5] *, .section_c16-2[backgroundcolor=projectcolor5] * {
  color: #161a1d !important;
}
.section_c09[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor5] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor5] * .fl-lead-default {
  color: #ae2420 !important;
}
.section_c09[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor5] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor5] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor5] * .fl-button-default, .section_c14[backgroundcolor=projectcolor5] * .fl-button-default, .section_c15[backgroundcolor=projectcolor5] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor5] * .fl-button-default, .section_c16[backgroundcolor=projectcolor5] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor5] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: #ae2420;
  border: 1px solid #ae2420;
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor5] ul, .section_c09-1[backgroundcolor=projectcolor5] ul, .section_c09-2[backgroundcolor=projectcolor5] ul, .section_c09-3[backgroundcolor=projectcolor5] ul, .section_c09-4[backgroundcolor=projectcolor5] ul, .section_c09-5[backgroundcolor=projectcolor5] ul, .section_c09-6[backgroundcolor=projectcolor5] ul, .section_c10-1[backgroundcolor=projectcolor5] ul, .section_c14[backgroundcolor=projectcolor5] ul, .section_c15[backgroundcolor=projectcolor5] ul, .section_c13-2[backgroundcolor=projectcolor5] ul, .section_c16[backgroundcolor=projectcolor5] ul, .section_c16-2[backgroundcolor=projectcolor5] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor5] ul li, .section_c09-1[backgroundcolor=projectcolor5] ul li, .section_c09-2[backgroundcolor=projectcolor5] ul li, .section_c09-3[backgroundcolor=projectcolor5] ul li, .section_c09-4[backgroundcolor=projectcolor5] ul li, .section_c09-5[backgroundcolor=projectcolor5] ul li, .section_c09-6[backgroundcolor=projectcolor5] ul li, .section_c10-1[backgroundcolor=projectcolor5] ul li, .section_c14[backgroundcolor=projectcolor5] ul li, .section_c15[backgroundcolor=projectcolor5] ul li, .section_c13-2[backgroundcolor=projectcolor5] ul li, .section_c16[backgroundcolor=projectcolor5] ul li, .section_c16-2[backgroundcolor=projectcolor5] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: #161a1d !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor6] *, .section_c09-1[backgroundcolor=projectcolor6] *, .section_c09-2[backgroundcolor=projectcolor6] *, .section_c09-3[backgroundcolor=projectcolor6] *, .section_c09-4[backgroundcolor=projectcolor6] *, .section_c09-5[backgroundcolor=projectcolor6] *, .section_c09-6[backgroundcolor=projectcolor6] *, .section_c10-1[backgroundcolor=projectcolor6] *, .section_c14[backgroundcolor=projectcolor6] *, .section_c15[backgroundcolor=projectcolor6] *, .section_c13-2[backgroundcolor=projectcolor6] *, .section_c16[backgroundcolor=projectcolor6] *, .section_c16-2[backgroundcolor=projectcolor6] * {
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor6] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor6] * .fl-lead-default {
  color: #ae2420 !important;
}
.section_c09[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor6] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor6] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor6] * .fl-button-default, .section_c14[backgroundcolor=projectcolor6] * .fl-button-default, .section_c15[backgroundcolor=projectcolor6] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor6] * .fl-button-default, .section_c16[backgroundcolor=projectcolor6] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor6] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: #ae2420;
  border: 1px solid #ae2420;
  color: White;
}
.section_c09[backgroundcolor=projectcolor6] ul, .section_c09-1[backgroundcolor=projectcolor6] ul, .section_c09-2[backgroundcolor=projectcolor6] ul, .section_c09-3[backgroundcolor=projectcolor6] ul, .section_c09-4[backgroundcolor=projectcolor6] ul, .section_c09-5[backgroundcolor=projectcolor6] ul, .section_c09-6[backgroundcolor=projectcolor6] ul, .section_c10-1[backgroundcolor=projectcolor6] ul, .section_c14[backgroundcolor=projectcolor6] ul, .section_c15[backgroundcolor=projectcolor6] ul, .section_c13-2[backgroundcolor=projectcolor6] ul, .section_c16[backgroundcolor=projectcolor6] ul, .section_c16-2[backgroundcolor=projectcolor6] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor6] ul li, .section_c09-1[backgroundcolor=projectcolor6] ul li, .section_c09-2[backgroundcolor=projectcolor6] ul li, .section_c09-3[backgroundcolor=projectcolor6] ul li, .section_c09-4[backgroundcolor=projectcolor6] ul li, .section_c09-5[backgroundcolor=projectcolor6] ul li, .section_c09-6[backgroundcolor=projectcolor6] ul li, .section_c10-1[backgroundcolor=projectcolor6] ul li, .section_c14[backgroundcolor=projectcolor6] ul li, .section_c15[backgroundcolor=projectcolor6] ul li, .section_c13-2[backgroundcolor=projectcolor6] ul li, .section_c16[backgroundcolor=projectcolor6] ul li, .section_c16-2[backgroundcolor=projectcolor6] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[backgroundcolor=projectcolor7] *, .section_c09-1[backgroundcolor=projectcolor7] *, .section_c09-2[backgroundcolor=projectcolor7] *, .section_c09-3[backgroundcolor=projectcolor7] *, .section_c09-4[backgroundcolor=projectcolor7] *, .section_c09-5[backgroundcolor=projectcolor7] *, .section_c09-6[backgroundcolor=projectcolor7] *, .section_c10-1[backgroundcolor=projectcolor7] *, .section_c14[backgroundcolor=projectcolor7] *, .section_c15[backgroundcolor=projectcolor7] *, .section_c13-2[backgroundcolor=projectcolor7] *, .section_c16[backgroundcolor=projectcolor7] *, .section_c16-2[backgroundcolor=projectcolor7] * {
  color: White !important;
}
.section_c09[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-1[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-2[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-3[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-4[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-5[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c09-6[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c10-1[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c14[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c15[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c13-2[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c16[backgroundcolor=projectcolor7] * .fl-lead-default, .section_c16-2[backgroundcolor=projectcolor7] * .fl-lead-default {
  color: #FFFFFF !important;
}
.section_c09[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-1[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-2[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-3[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-4[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-5[backgroundcolor=projectcolor7] * .fl-button-default, .section_c09-6[backgroundcolor=projectcolor7] * .fl-button-default, .section_c10-1[backgroundcolor=projectcolor7] * .fl-button-default, .section_c14[backgroundcolor=projectcolor7] * .fl-button-default, .section_c15[backgroundcolor=projectcolor7] * .fl-button-default, .section_c13-2[backgroundcolor=projectcolor7] * .fl-button-default, .section_c16[backgroundcolor=projectcolor7] * .fl-button-default, .section_c16-2[backgroundcolor=projectcolor7] * .fl-button-default {
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg");
  background-color: #ae2420;
  border: 1px solid #ae2420;
  color: White;
}
.section_c09[backgroundcolor=projectcolor7] ul, .section_c09-1[backgroundcolor=projectcolor7] ul, .section_c09-2[backgroundcolor=projectcolor7] ul, .section_c09-3[backgroundcolor=projectcolor7] ul, .section_c09-4[backgroundcolor=projectcolor7] ul, .section_c09-5[backgroundcolor=projectcolor7] ul, .section_c09-6[backgroundcolor=projectcolor7] ul, .section_c10-1[backgroundcolor=projectcolor7] ul, .section_c14[backgroundcolor=projectcolor7] ul, .section_c15[backgroundcolor=projectcolor7] ul, .section_c13-2[backgroundcolor=projectcolor7] ul, .section_c16[backgroundcolor=projectcolor7] ul, .section_c16-2[backgroundcolor=projectcolor7] ul {
  list-style-type: none !important;
  margin-left: 0 !important;
}
.section_c09[backgroundcolor=projectcolor7] ul li, .section_c09-1[backgroundcolor=projectcolor7] ul li, .section_c09-2[backgroundcolor=projectcolor7] ul li, .section_c09-3[backgroundcolor=projectcolor7] ul li, .section_c09-4[backgroundcolor=projectcolor7] ul li, .section_c09-5[backgroundcolor=projectcolor7] ul li, .section_c09-6[backgroundcolor=projectcolor7] ul li, .section_c10-1[backgroundcolor=projectcolor7] ul li, .section_c14[backgroundcolor=projectcolor7] ul li, .section_c15[backgroundcolor=projectcolor7] ul li, .section_c13-2[backgroundcolor=projectcolor7] ul li, .section_c16[backgroundcolor=projectcolor7] ul li, .section_c16-2[backgroundcolor=projectcolor7] ul li {
  padding-left: 25px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-size: 15px 10px; /* Pas de grootte aan */
  color: White !important;
  background-position: 0px 9px;
  margin-bottom: 15px;
}
.section_c09[imageshape=geen] .container_02 > img, .section_c09-1[imageshape=geen] .container_02 > img, .section_c09-2[imageshape=geen] .container_02 > img, .section_c09-3[imageshape=geen] .container_02 > img, .section_c09-4[imageshape=geen] .container_02 > img, .section_c09-5[imageshape=geen] .container_02 > img, .section_c09-6[imageshape=geen] .container_02 > img, .section_c10-1[imageshape=geen] .container_02 > img, .section_c14[imageshape=geen] .container_02 > img, .section_c15[imageshape=geen] .container_02 > img, .section_c13-2[imageshape=geen] .container_02 > img, .section_c16[imageshape=geen] .container_02 > img, .section_c16-2[imageshape=geen] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  aspect-ratio: 1.4;
}
.section_c09[imageshape=standaard] .container_02 > img, .section_c09-1[imageshape=standaard] .container_02 > img, .section_c09-2[imageshape=standaard] .container_02 > img, .section_c09-3[imageshape=standaard] .container_02 > img, .section_c09-4[imageshape=standaard] .container_02 > img, .section_c09-5[imageshape=standaard] .container_02 > img, .section_c09-6[imageshape=standaard] .container_02 > img, .section_c10-1[imageshape=standaard] .container_02 > img, .section_c14[imageshape=standaard] .container_02 > img, .section_c15[imageshape=standaard] .container_02 > img, .section_c13-2[imageshape=standaard] .container_02 > img, .section_c16[imageshape=standaard] .container_02 > img, .section_c16-2[imageshape=standaard] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  -o-object-fit: cover;
     object-fit: cover;
}
.section_c09[imageshape=vierkant] .container_02 > img, .section_c09-1[imageshape=vierkant] .container_02 > img, .section_c09-2[imageshape=vierkant] .container_02 > img, .section_c09-3[imageshape=vierkant] .container_02 > img, .section_c09-4[imageshape=vierkant] .container_02 > img, .section_c09-5[imageshape=vierkant] .container_02 > img, .section_c09-6[imageshape=vierkant] .container_02 > img, .section_c10-1[imageshape=vierkant] .container_02 > img, .section_c14[imageshape=vierkant] .container_02 > img, .section_c15[imageshape=vierkant] .container_02 > img, .section_c13-2[imageshape=vierkant] .container_02 > img, .section_c16[imageshape=vierkant] .container_02 > img, .section_c16-2[imageshape=vierkant] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  display: block;
  margin: 0 auto;
  width: 350px;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
.section_c09[imageshape=rond] .container_02 > img, .section_c09-1[imageshape=rond] .container_02 > img, .section_c09-2[imageshape=rond] .container_02 > img, .section_c09-3[imageshape=rond] .container_02 > img, .section_c09-4[imageshape=rond] .container_02 > img, .section_c09-5[imageshape=rond] .container_02 > img, .section_c09-6[imageshape=rond] .container_02 > img, .section_c10-1[imageshape=rond] .container_02 > img, .section_c14[imageshape=rond] .container_02 > img, .section_c15[imageshape=rond] .container_02 > img, .section_c13-2[imageshape=rond] .container_02 > img, .section_c16[imageshape=rond] .container_02 > img, .section_c16-2[imageshape=rond] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  display: block;
  margin: 0 auto;
  width: 350px;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.section_c09[imageshape=ruit] .container_02 > img, .section_c09-1[imageshape=ruit] .container_02 > img, .section_c09-2[imageshape=ruit] .container_02 > img, .section_c09-3[imageshape=ruit] .container_02 > img, .section_c09-4[imageshape=ruit] .container_02 > img, .section_c09-5[imageshape=ruit] .container_02 > img, .section_c09-6[imageshape=ruit] .container_02 > img, .section_c10-1[imageshape=ruit] .container_02 > img, .section_c14[imageshape=ruit] .container_02 > img, .section_c15[imageshape=ruit] .container_02 > img, .section_c13-2[imageshape=ruit] .container_02 > img, .section_c16[imageshape=ruit] .container_02 > img, .section_c16-2[imageshape=ruit] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  display: block;
  margin: 0 auto !important;
  width: 470px;
  height: 470px;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
@media (max-width: 479px) {
  .section_c09[imageshape=ruit] .container_02 > img, .section_c09[imageshape=rond] .container_02 > img, .section_c09[imageshape=vierkant] .container_02 > img, .section_c09-1[imageshape=ruit] .container_02 > img, .section_c09-1[imageshape=rond] .container_02 > img, .section_c09-1[imageshape=vierkant] .container_02 > img, .section_c09-2[imageshape=ruit] .container_02 > img, .section_c09-2[imageshape=rond] .container_02 > img, .section_c09-2[imageshape=vierkant] .container_02 > img, .section_c09-3[imageshape=ruit] .container_02 > img, .section_c09-3[imageshape=rond] .container_02 > img, .section_c09-3[imageshape=vierkant] .container_02 > img, .section_c09-4[imageshape=ruit] .container_02 > img, .section_c09-4[imageshape=rond] .container_02 > img, .section_c09-4[imageshape=vierkant] .container_02 > img, .section_c09-5[imageshape=ruit] .container_02 > img, .section_c09-5[imageshape=rond] .container_02 > img, .section_c09-5[imageshape=vierkant] .container_02 > img, .section_c09-6[imageshape=ruit] .container_02 > img, .section_c09-6[imageshape=rond] .container_02 > img, .section_c09-6[imageshape=vierkant] .container_02 > img, .section_c10-1[imageshape=ruit] .container_02 > img, .section_c10-1[imageshape=rond] .container_02 > img, .section_c10-1[imageshape=vierkant] .container_02 > img, .section_c14[imageshape=ruit] .container_02 > img, .section_c14[imageshape=rond] .container_02 > img, .section_c14[imageshape=vierkant] .container_02 > img, .section_c15[imageshape=ruit] .container_02 > img, .section_c15[imageshape=rond] .container_02 > img, .section_c15[imageshape=vierkant] .container_02 > img, .section_c13-2[imageshape=ruit] .container_02 > img, .section_c13-2[imageshape=rond] .container_02 > img, .section_c13-2[imageshape=vierkant] .container_02 > img, .section_c16[imageshape=ruit] .container_02 > img, .section_c16[imageshape=rond] .container_02 > img, .section_c16[imageshape=vierkant] .container_02 > img, .section_c16-2[imageshape=ruit] .container_02 > img, .section_c16-2[imageshape=rond] .container_02 > img, .section_c16-2[imageshape=vierkant] .container_02 > img {
    width: 70vw;
    height: 70vw;
  }
}
.section_c09[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-1[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-2[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-3[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-4[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-5[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c09-6[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c10-1[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c14[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c15[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c13-2[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c16[imageshape=afsnedehoeklinksboven] .container_02 > img, .section_c16-2[imageshape=afsnedehoeklinksboven] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
  clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 27%, 15% 0%);
}
.section_c09[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-1[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-2[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-3[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-4[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-5[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c09-6[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c10-1[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c14[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c15[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c13-2[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c16[imageshape=afsnedehoekrechtsboven] .container_02 > img, .section_c16-2[imageshape=afsnedehoekrechtsboven] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
  clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 85% 0%, 100% 27%);
}
.section_c09[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-1[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-2[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-3[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-4[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-5[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c09-6[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c10-1[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c14[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c15[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c13-2[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c16[imageshape=afsnedehoekrechtsonder] .container_02 > img, .section_c16-2[imageshape=afsnedehoekrechtsonder] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
  clip-path: polygon(100% 0%, 100% 73%, 85% 100%, 0% 100%, 0% 0%);
}
.section_c09[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-1[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-2[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-3[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-4[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-5[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c09-6[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c10-1[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c14[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c15[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c13-2[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c16[imageshape=afsnedehoeklinksonder] .container_02 > img, .section_c16-2[imageshape=afsnedehoeklinksonder] .container_02 > img {
  border: NULL solid Black;
  border-radius: NULL;
  border: unset;
  clip-path: unset;
  width: unset;
  height: unset;
  -o-object-fit: unset;
     object-fit: unset;
  border-radius: unset;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4;
  clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 73%, 0% 0%);
}
@media (min-width: 992px) {
  .section_c09[txtalign=txtleft100] .flexi .flexi_container, .section_c09-1[txtalign=txtleft100] .flexi .flexi_container, .section_c09-2[txtalign=txtleft100] .flexi .flexi_container, .section_c09-3[txtalign=txtleft100] .flexi .flexi_container, .section_c09-4[txtalign=txtleft100] .flexi .flexi_container, .section_c09-5[txtalign=txtleft100] .flexi .flexi_container, .section_c09-6[txtalign=txtleft100] .flexi .flexi_container, .section_c10-1[txtalign=txtleft100] .flexi .flexi_container, .section_c14[txtalign=txtleft100] .flexi .flexi_container, .section_c15[txtalign=txtleft100] .flexi .flexi_container, .section_c13-2[txtalign=txtleft100] .flexi .flexi_container, .section_c16[txtalign=txtleft100] .flexi .flexi_container, .section_c16-2[txtalign=txtleft100] .flexi .flexi_container {
    width: 100%;
    text-align: left;
  }
  .section_c09[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtleft100] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtleft100] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .section_c09[txtalign=txtleft70] .flexi .flexi_container, .section_c09-1[txtalign=txtleft70] .flexi .flexi_container, .section_c09-2[txtalign=txtleft70] .flexi .flexi_container, .section_c09-3[txtalign=txtleft70] .flexi .flexi_container, .section_c09-4[txtalign=txtleft70] .flexi .flexi_container, .section_c09-5[txtalign=txtleft70] .flexi .flexi_container, .section_c09-6[txtalign=txtleft70] .flexi .flexi_container, .section_c10-1[txtalign=txtleft70] .flexi .flexi_container, .section_c14[txtalign=txtleft70] .flexi .flexi_container, .section_c15[txtalign=txtleft70] .flexi .flexi_container, .section_c13-2[txtalign=txtleft70] .flexi .flexi_container, .section_c16[txtalign=txtleft70] .flexi .flexi_container, .section_c16-2[txtalign=txtleft70] .flexi .flexi_container {
    width: 100%;
    padding-right: 30%;
    text-align: left;
  }
  .section_c09[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtleft70] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtleft70] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .section_c09[txtalign=txtleft50] .flexi .flexi_container, .section_c09-1[txtalign=txtleft50] .flexi .flexi_container, .section_c09-2[txtalign=txtleft50] .flexi .flexi_container, .section_c09-3[txtalign=txtleft50] .flexi .flexi_container, .section_c09-4[txtalign=txtleft50] .flexi .flexi_container, .section_c09-5[txtalign=txtleft50] .flexi .flexi_container, .section_c09-6[txtalign=txtleft50] .flexi .flexi_container, .section_c10-1[txtalign=txtleft50] .flexi .flexi_container, .section_c14[txtalign=txtleft50] .flexi .flexi_container, .section_c15[txtalign=txtleft50] .flexi .flexi_container, .section_c13-2[txtalign=txtleft50] .flexi .flexi_container, .section_c16[txtalign=txtleft50] .flexi .flexi_container, .section_c16-2[txtalign=txtleft50] .flexi .flexi_container {
    width: 100%;
    padding-right: 50%;
    text-align: left;
  }
  .section_c09[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtleft50] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtleft50] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .section_c09[txtalign=txtright100] .flexi .flexi_container, .section_c09-1[txtalign=txtright100] .flexi .flexi_container, .section_c09-2[txtalign=txtright100] .flexi .flexi_container, .section_c09-3[txtalign=txtright100] .flexi .flexi_container, .section_c09-4[txtalign=txtright100] .flexi .flexi_container, .section_c09-5[txtalign=txtright100] .flexi .flexi_container, .section_c09-6[txtalign=txtright100] .flexi .flexi_container, .section_c10-1[txtalign=txtright100] .flexi .flexi_container, .section_c14[txtalign=txtright100] .flexi .flexi_container, .section_c15[txtalign=txtright100] .flexi .flexi_container, .section_c13-2[txtalign=txtright100] .flexi .flexi_container, .section_c16[txtalign=txtright100] .flexi .flexi_container, .section_c16-2[txtalign=txtright100] .flexi .flexi_container {
    width: 100%;
    text-align: right;
  }
  .section_c09[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtright100] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtright100] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
  .section_c09[txtalign=txtright70] .flexi .flexi_container, .section_c09-1[txtalign=txtright70] .flexi .flexi_container, .section_c09-2[txtalign=txtright70] .flexi .flexi_container, .section_c09-3[txtalign=txtright70] .flexi .flexi_container, .section_c09-4[txtalign=txtright70] .flexi .flexi_container, .section_c09-5[txtalign=txtright70] .flexi .flexi_container, .section_c09-6[txtalign=txtright70] .flexi .flexi_container, .section_c10-1[txtalign=txtright70] .flexi .flexi_container, .section_c14[txtalign=txtright70] .flexi .flexi_container, .section_c15[txtalign=txtright70] .flexi .flexi_container, .section_c13-2[txtalign=txtright70] .flexi .flexi_container, .section_c16[txtalign=txtright70] .flexi .flexi_container, .section_c16-2[txtalign=txtright70] .flexi .flexi_container {
    width: 100%;
    padding-left: 30%;
    text-align: right;
  }
  .section_c09[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtright70] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtright70] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
  .section_c09[txtalign=txtright50] .flexi .flexi_container, .section_c09-1[txtalign=txtright50] .flexi .flexi_container, .section_c09-2[txtalign=txtright50] .flexi .flexi_container, .section_c09-3[txtalign=txtright50] .flexi .flexi_container, .section_c09-4[txtalign=txtright50] .flexi .flexi_container, .section_c09-5[txtalign=txtright50] .flexi .flexi_container, .section_c09-6[txtalign=txtright50] .flexi .flexi_container, .section_c10-1[txtalign=txtright50] .flexi .flexi_container, .section_c14[txtalign=txtright50] .flexi .flexi_container, .section_c15[txtalign=txtright50] .flexi .flexi_container, .section_c13-2[txtalign=txtright50] .flexi .flexi_container, .section_c16[txtalign=txtright50] .flexi .flexi_container, .section_c16-2[txtalign=txtright50] .flexi .flexi_container {
    width: 100%;
    padding-left: 50%;
    text-align: right;
  }
  .section_c09[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-1[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-2[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-3[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-4[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-5[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c09-6[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c10-1[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c14[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c15[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c13-2[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c16[txtalign=txtright50] .flexi .flexi_container .fl-button-default, .section_c16-2[txtalign=txtright50] .flexi .flexi_container .fl-button-default {
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
  .section_c09 .title_coloring[titlecolor=projectcolor3], .section_c09-1 .title_coloring[titlecolor=projectcolor3], .section_c09-2 .title_coloring[titlecolor=projectcolor3], .section_c09-3 .title_coloring[titlecolor=projectcolor3], .section_c09-4 .title_coloring[titlecolor=projectcolor3], .section_c09-5 .title_coloring[titlecolor=projectcolor3], .section_c09-6 .title_coloring[titlecolor=projectcolor3], .section_c10-1 .title_coloring[titlecolor=projectcolor3], .section_c14 .title_coloring[titlecolor=projectcolor3], .section_c15 .title_coloring[titlecolor=projectcolor3], .section_c13-2 .title_coloring[titlecolor=projectcolor3], .section_c16 .title_coloring[titlecolor=projectcolor3], .section_c16-2 .title_coloring[titlecolor=projectcolor3] {
    color: #161a1d !important;
  }
  .section_c09 .title_coloring[titlecolor=projectcolor0], .section_c09-1 .title_coloring[titlecolor=projectcolor0], .section_c09-2 .title_coloring[titlecolor=projectcolor0], .section_c09-3 .title_coloring[titlecolor=projectcolor0], .section_c09-4 .title_coloring[titlecolor=projectcolor0], .section_c09-5 .title_coloring[titlecolor=projectcolor0], .section_c09-6 .title_coloring[titlecolor=projectcolor0], .section_c10-1 .title_coloring[titlecolor=projectcolor0], .section_c14 .title_coloring[titlecolor=projectcolor0], .section_c15 .title_coloring[titlecolor=projectcolor0], .section_c13-2 .title_coloring[titlecolor=projectcolor0], .section_c16 .title_coloring[titlecolor=projectcolor0], .section_c16-2 .title_coloring[titlecolor=projectcolor0] {
    color: #FFFFFF !important;
  }
  .section_c09 .title_coloring[titlecolor=projectcolor1], .section_c09-1 .title_coloring[titlecolor=projectcolor1], .section_c09-2 .title_coloring[titlecolor=projectcolor1], .section_c09-3 .title_coloring[titlecolor=projectcolor1], .section_c09-4 .title_coloring[titlecolor=projectcolor1], .section_c09-5 .title_coloring[titlecolor=projectcolor1], .section_c09-6 .title_coloring[titlecolor=projectcolor1], .section_c10-1 .title_coloring[titlecolor=projectcolor1], .section_c14 .title_coloring[titlecolor=projectcolor1], .section_c15 .title_coloring[titlecolor=projectcolor1], .section_c13-2 .title_coloring[titlecolor=projectcolor1], .section_c16 .title_coloring[titlecolor=projectcolor1], .section_c16-2 .title_coloring[titlecolor=projectcolor1] {
    color: #ae2420 !important;
  }
}
.section_c09 .flexi, .section_c09-1 .flexi, .section_c09-2 .flexi, .section_c09-3 .flexi, .section_c09-4 .flexi, .section_c09-5 .flexi, .section_c09-6 .flexi, .section_c10-1 .flexi, .section_c14 .flexi, .section_c15 .flexi, .section_c13-2 .flexi, .section_c16 .flexi, .section_c16-2 .flexi {
  gap: 70px;
}
section[backgroundcolor=projectcolor6] li:has(a[href*=tmstv]) {
  background-image: url(/wp-content/flexicss/projectimages/icon-download-white.svg) !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  color: White !important;
  background-position: 2px 7px !important;
}
section[backgroundcolor=projectcolor1] li:has(a[href*=tmstv]) {
  background-image: url(/wp-content/flexicss/projectimages/icon-download-white.svg) !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  color: White !important;
  background-position: 2px 7px !important;
}
section[backgroundcolor=projectcolor0] li:has(a[href*=tmstv]) {
  background-image: url(/wp-content/flexicss/projectimages/icon-download-black.svg) !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  color: White !important;
  background-position: 2px 7px !important;
}
section[backgroundcolor=projectcolor4] li:has(a[href*=tmstv]) {
  background-image: url(/wp-content/flexicss/projectimages/icon-download-black.svg) !important;
  background-repeat: no-repeat;
  background-size: 17px !important;
  color: White !important;
  background-position: 2px 7px !important;
}

.statement span {
  font-family: "poppins-regular";
  background-image: url("/wp-content/flexicss/projectimages/checkmark-white.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 16px;
  padding-left: 30px;
  font-size: 1.3rem;
  text-align: center;
}

.flexi_container[contentposition=contentvmidhleft] {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexi_container[contentposition=contentvmidhleft] .fl-button-default {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.flexi_container[contentposition=contentvmidhright] {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexi_container[contentposition=contentvmidhright] p {
  text-align: right;
}
.flexi_container[contentposition=contentvmidhright] * {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .flexi_container[contentposition=contentvmidhright] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flexi_container[contentposition=contentvmidhright] p {
    text-align: left;
  }
  .flexi_container[contentposition=contentvmidhright] * {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}
.flexi_container[contentposition=contentvmidhmid] {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexi_container[contentposition=contentvmidhmid] p {
  text-align: center;
}
.flexi_container[contentposition=contentvmidhmid] * {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.flexi_container[contentposition=contentvtophleft] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.flexi_container[contentposition=contentvtophleft] .fl-button-default {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
.flexi_container[contentposition=contentvtophright] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.flexi_container[contentposition=contentvtophright] p {
  text-align: right;
}
.flexi_container[contentposition=contentvtophright] * {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
@media (max-width: 768px) {
  .flexi_container[contentposition=contentvtophright] {
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .flexi_container[contentposition=contentvtophright] p {
    text-align: left;
  }
  .flexi_container[contentposition=contentvtophright] * {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}
.flexi_container[contentposition=contentvtophmid] {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.flexi_container[contentposition=contentvtophmid] p {
  text-align: center;
}
.flexi_container[contentposition=contentvtophmid] * {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.flexi_container .carrousel-container {
  margin-top: 20px;
  width: 100%;
  border: 1px solid Red;
}
.flexi_container .carrousel-container .swiper-wrapper {
  width: 300px !important;
  border: 1px solid Yellow;
  overflow: hidden;
}
.flexi_container .carrousel-container .swiper-wrapper .repeater-item {
  width: 100px !important;
  margin-right: 20px;
}
.flexi_container .carrousel-container .swiper-wrapper .repeater-item a {
  width: 100px !important;
  height: 100px !important;
  margin-right: 20px;
}
.flexi_container .carrousel-container .swiper-wrapper .repeater-item a div.image {
  width: 100px;
  height: 100px;
  background-size: cover;
}
.flexi_container .swiper-pagination-horizontal {
  border: 1px solid Magenta;
  margin-bottom: -40px !important;
  padding-top: 0 !important;
}

.sollicitatieformulier_flexi .nf-fu-fileinput-button {
  border-radius: 0 !important;
  background-color: #8d99ae !important;
  font-family: "poppins-medium" !important;
  font-size: 16px !important;
  margin-bottom: 5px !important;
  padding: 20px !important;
  padding-left: 60px !important;
  padding-right: 50px !important;
  background-image: url("/wp-content/flexicss/projectimages/icon-file-upload.svg");
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: center left 20px;
}
.sollicitatieformulier_flexi .inputaltbg input, .sollicitatieformulier_flexi .inputaltbg textarea {
  background-color: #d3d7e0 !important;
}
.sollicitatieformulier_flexi .nf-response-msg {
  background-color: White;
}
.sollicitatieformulier_flexi .nf-error-required-error, .sollicitatieformulier_flexi .nf-error-field-errors, .sollicitatieformulier_flexi .nf-error-msg {
  color: White;
}
.sollicitatieformulier_flexi ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #161a1d;
}
.sollicitatieformulier_flexi ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #161a1d;
  opacity: 1;
}
.sollicitatieformulier_flexi :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #161a1d;
}
.sollicitatieformulier_flexi ::-ms-input-placeholder { /* Microsoft Edge */
  color: #161a1d;
}
.sollicitatieformulier_flexi ::placeholder { /* Most modern browsers support this now. */
  color: #161a1d;
}
.sollicitatieformulier_flexi input:focus::-webkit-input-placeholder {
  color: transparent;
}
.sollicitatieformulier_flexi input:focus::-moz-placeholder {
  color: transparent;
}
.sollicitatieformulier_flexi input:focus:-ms-input-placeholder {
  color: transparent;
}
.sollicitatieformulier_flexi input:focus::-ms-input-placeholder {
  color: transparent;
}
.sollicitatieformulier_flexi input:focus::placeholder {
  color: transparent;
}

.solliciteerdirect_form_title {
  font-family: "poppins-regular";
  font-size: 38px !important;
  color: #ae2420;
  margin-bottom: 40px;
}

#nf-label-field-117 {
  color: White !important;
  font-size: 14px !important;
  font-weight: unset !important;
  font-family: "poppins-regular" !important;
}

.formulier-bouwbeurs ul li label {
  color: White !important;
  font-family: "poppins-regular" !important;
  font-size: 16px !important;
}
.formulier-bouwbeurs .nf-response-msg {
  margin-top: 50px;
}
.formulier-bouwbeurs .nf-response-msg * {
  color: White !important;
}

div.form_alinea span.form_alinea_title {
  font-family: "poppins-light";
  font-size: 38px;
  margin-bottom: 20px;
}

.popup_titel {
  font-family: "poppins-regular";
}

.popup_sluit {
  font-family: "poppins-medium";
}

.popup_tekst {
  font-family: "poppins-light";
}

/*------------------------------------*\
  #PROJECT SPECIFIC HEADER
\*------------------------------------*/
/**
 * Adjustments for some website elements
 *
 */
.header_h01 .header_title {
  position: relative;
  font-size: 78px;
  font-family: "poppins-regular";
  z-index: 10000 !important;
}

@media (max-width: 768px) {
  h1.header_title {
    font-size: 38px !important;
  }
}
@media (max-width: 479px) {
  h1.header_title {
    font-size: 32px !important;
  }
}
.licht {
  font-family: "poppins-light" !important;
}

.normaal {
  font-family: "poppins-regular" !important;
}

.medium {
  font-family: "poppins-medium" !important;
}

.vet {
  font-family: "poppins-semibold" !important;
}

.rood {
  color: #ae2420 !important;
}

.header_cards_01 {
  position: relative;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.header_cards_01 div {
  display: inline-block !important;
  width: 145px;
}
.header_cards_01 div a {
  font-family: "poppins-regular";
  font-size: 15px !important;
}

.header_card_tekstmetknop {
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.header_card_tekstmetknop h3 {
  margin-top: 0 !important;
}
.header_card_tekstmetknop p, .header_card_tekstmetknop div {
  font-family: "poppins-regular";
  font-size: 15px;
}

.h01_grijswitkader {
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
  max-width: 1000px;
}
.h01_grijswitkader .kadergrijs, .h01_grijswitkader .kaderwit {
  font-family: "poppins-regular";
  font-size: 15px;
}
.h01_grijswitkader .kadergrijs div {
  color: White;
}
.h01_grijswitkader .kaderwit .fl-button-default {
  border: 1px solid #ae2420;
  margin-top: 25px;
  width: 100%;
}
.h01_grijswitkader .kaderwit .fl-button-default-inline {
  border: 1px solid #ae2420;
  margin-top: 25px;
  margin-right: 15px;
  width: unset !important;
  display: inline-block !important;
}

.header_cards_c04 {
  border: 0 !important;
  position: relative;
  background-image: url("/wp-content/flexicss/projectimages/back-arrow-headercard-white-redarrow.svg");
  background-repeat: no-repeat;
  background-size: 86px 114px;
  background-position: bottom -50px right -20px !important;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}

.cardshadow {
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}

.footerflexi > div * {
  color: White;
  font-family: "poppins-light";
  font-size: 15px;
}
.footerflexi > div h3 {
  font-family: "poppins-regular";
  font-size: 22px;
}

h4.s04_titel_tekstblok {
  font-weight: unset !important;
  font-family: "poppins-regular" !important;
  color: White !important;
  font-size: 25px !important;
}

.proces_card_s04 {
  background-color: White;
  position: relative;
  height: 100% !important;
  margin-bottom: 10px !important;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
}
.proces_card_s04 .s04_number {
  font-family: "poppins-regular";
  font-size: 48px;
  color: #8d99ae;
  display: block;
  line-height: 1.6rem;
}
.proces_card_s04 .s04_procestitle {
  color: #ae2420;
  font-family: "poppins-medium";
  display: block;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  line-height: 1.6rem;
}
.proces_card_s04 .s04_procestext {
  color: #161a1d;
}

.flexi_hoewerkthet {
  width: 100%;
  border-bottom: 1px solid White;
}
.flexi_hoewerkthet .hoewerkthet {
  background-color: #ae2420;
  padding-right: 20px;
  font-weight: unset;
  color: White;
  font-family: "poppins-light" !important;
  margin-bottom: -10px !important;
}

.hoewerkthetintro {
  color: White !important;
  font-family: "poppins-regular";
  font-size: 15px;
}
@media (min-width: 992px) {
  .hoewerkthetintro {
    padding-right: 50%;
  }
}
.hoewerkthetintro p {
  color: White !important;
  font-family: "poppins-regular";
  font-size: 15px;
}

.h01_grijswitkader {
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
  max-width: 1000px;
}
.h01_grijswitkader .kadergrijs, .h01_grijswitkader .kaderwit {
  font-family: "poppins-regular";
  font-size: 15px;
}
.h01_grijswitkader .kadergrijs div {
  color: White;
}
.h01_grijswitkader .kaderwit .fl-button-default {
  border: 1px solid #ae2420;
  margin-top: 25px;
  width: 100%;
}

.s06 i {
  display: none !important;
}
.s06 .s06_title {
  padding-right: 60px;
  background-image: url("/wp-content/flexicss/projectimages/question-arrowdown.svg");
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center right;
}
.s06 .s06_title h5 {
  font-family: "poppins-medium";
  font-size: 1rem;
}
.s06 p {
  font-family: "poppins-light";
  font-size: 1rem;
}
.s06 .s06_url {
  display: block;
  background-image: url("/wp-content/flexicss/projectimages/arrow-red-right.svg");
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center left;
  padding-left: 40px;
  font-family: "poppins-medium";
  font-size: 1rem;
  margin-top: 35px;
}
.s06 .nf-response-msg {
  background-color: White;
}
.s06 .nf-error-required-error, .s06 .nf-error-field-errors, .s06 .nf-error-msg {
  color: #ffcc00 !important;
}
.s06 ::-webkit-input-placeholder {
  color: #8d99ae;
}
.s06 ::-moz-placeholder {
  color: #8d99ae;
}
.s06 :-ms-input-placeholder {
  color: #8d99ae;
}
.s06 ::-ms-input-placeholder {
  color: #8d99ae;
}
.s06 ::placeholder {
  color: #8d99ae;
}
.s06 input:focus::-webkit-input-placeholder {
  color: transparent;
}
.s06 input:focus::-moz-placeholder {
  color: transparent;
}
.s06 input:focus:-ms-input-placeholder {
  color: transparent;
}
.s06 input:focus::-ms-input-placeholder {
  color: transparent;
}
.s06 input:focus::placeholder {
  color: transparent;
}
.s06 .formlead {
  color: White;
}
.s06 .formtitle {
  color: White;
}

.psection_c07 {
  background-color: #f3f3f3;
  background-image: url("/wp-content/flexicss/projectimages/c06-back_grid_sectorenkader.png");
  background-repeat: repeat-x;
  background-position: bottom center;
}

.flexi_c07 .brxe-container {
  gap: 20px !important;
}
.flexi_c07 .brxe-block {
  gap: 0 !important;
}
.flexi_c07 .slider_c07 {
  grid-gap: 0 !important;
}
.flexi_c07 .slide_c07 {
  display: inline-block !important;
  overflow: hidden;
}
.flexi_c07 .slide_c07 .c07_afbeelding {
  display: inline-block !important;
  border: 1px solid #D3D3D3;
  margin-bottom: 20px !important;
}
.flexi_c07 .slide_c07 .c07_naam {
  color: #ae2420;
  font-family: "poppins-regular";
  font-size: 20px !important;
  display: block !important;
  margin-top: -10px;
}
.flexi_c07 .slide_c07 .c07_organisatie {
  color: #8d99ae;
  font-family: "poppins-medium";
  display: block;
  font-size: 15px !important;
}
.flexi_c07 .slide_c07 .c07_tekst {
  margin-top: 30px !important;
  font-family: "poppins-light";
  color: #727272;
  display: block;
  font-size: 13px !important;
}
.flexi_c07 button {
  display: block !important;
  width: 65px !important;
  height: 65px !important;
  background-color: #ae2420;
}
.flexi_c07 button svg {
  display: none !important;
}
.flexi_c07 button:nth-of-type(2) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}
.flexi_c07 button:nth-of-type(1) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}

.s07_tekst {
  color: White !important;
}
.s07_tekst p {
  color: inherit !important;
}
@media (min-width: 768px) and (max-width: 992px) {
  .s07_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .s07_tekst p {
    max-width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .s07_tekst p {
    max-width: 30%;
  }
}
@media (min-width: 1600px) {
  .s07_tekst p {
    max-width: 30%;
  }
}

.flexi_s07 .brxe-container {
  gap: 20px !important;
}
.flexi_s07 .brxe-block {
  gap: 0 !important;
}
.flexi_s07 .slider_s07 {
  grid-gap: 0 !important;
}
.flexi_s07 .slide_s07 {
  display: inline-block !important;
  overflow: hidden;
}
.flexi_s07 .slide_s07 .s07_afbeelding {
  display: inline-block !important;
  border: 1px solid #D3D3D3;
  margin-bottom: 20px !important;
}
.flexi_s07 .slide_s07 .s07_naam {
  color: #ae2420;
  font-family: "poppins-regular";
  font-size: 20px !important;
  display: block !important;
  margin-top: -10px;
}
.flexi_s07 .slide_s07 .s07_organisatie {
  color: #8d99ae;
  font-family: "poppins-medium";
  display: block;
  font-size: 15px !important;
}
.flexi_s07 .slide_s07 .s07_tekst {
  margin-top: 30px !important;
  font-family: "poppins-light";
  color: #727272;
  display: block;
  font-size: 13px !important;
}

.bricks_slider button {
  display: block !important;
  width: 65px !important;
  height: 65px !important;
  background-color: #ae2420;
}
.bricks_slider button svg {
  display: none !important;
}
.bricks_slider button:nth-of-type(2) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}
.bricks_slider button:nth-of-type(1) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}

/*------------------------------------*\
  # S11 (direct naar sector)
\*------------------------------------*/
.flexi_s11 {
  text-align: center;
  padding-bottom: 0 !important;
}
.flexi_s11 .directnaar_button {
  background-repeat: no-repeat;
  background-position: center left 20px;
  display: inline-block !important;
  border-radius: 50px;
  padding: 13px 39px 11px 13px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #ae2420 !important;
  font-family: "poppins-regular";
  font-size: 12px;
  color: #ae2420;
  text-transform: uppercase;
  text-align: left;
}
.flexi_s11 .directnaar_button[icon=kantoor] {
  background-size: 25px 23px;
  background-image: url("/wp-content/flexicss/projectimages/icon-kantoor-rood.svg");
  padding-left: 70px;
}
.flexi_s11 .directnaar_button[icon=wonen] {
  background-size: 25px 20px;
  background-image: url("/wp-content/flexicss/projectimages/icon-wonen-rood.svg");
  padding-left: 70px;
}
.flexi_s11 .directnaar_button[icon=onderwijs] {
  background-size: 27px 20px;
  background-image: url("/wp-content/flexicss/projectimages/icon-onderwijs-rood.svg");
  padding-left: 70px;
}
.flexi_s11 .directnaar_button[icon=industrie] {
  background-size: 23px 23px;
  background-image: url("/wp-content/flexicss/projectimages/icon-industrie-rood.svg");
  padding-left: 70px;
}
.flexi_s11 .directnaar_button[icon=bouw] {
  background-size: 22px 23px;
  background-image: url("/wp-content/flexicss/projectimages/icon-bouw-rood.svg");
  padding-left: 70px;
}
@media (max-width: 992px) {
  .flexi_s11 {
    text-align: left;
  }
  .flexi_s11 .directnaar_button {
    background-repeat: no-repeat;
    background-position: center left 12px;
    display: inline-block !important;
    border-radius: 50px;
    padding: 9px 20px 9px 9px;
    margin-left: 0px;
    margin-right: 10px;
    border: 1px solid #ae2420 !important;
    font-family: "poppins-regular";
    font-size: 12px;
    color: #ae2420;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 20px;
    background-size: 22px auto;
    padding-left: 50px !important;
  }
  .flexi_s11 .directnaar_button:last-of-type {
    margin-bottom: 0;
  }
}

.flexi_s12 .huren {
  padding-left: 45px;
  background-image: url("/wp-content/flexicss/projectimages/icon-wit-huren.png");
  background-repeat: no-repeat;
  background-position: top 10px left 0px;
}
.flexi_s12 .huren * {
  text-align: left;
}
.flexi_s12 .kopen {
  padding-left: 45px;
  background-image: url("/wp-content/flexicss/projectimages/icon-wit-kopen.png");
  background-repeat: no-repeat;
  background-position: top 12px left 0px;
}
.flexi_s12 .kopen * {
  text-align: left;
}

@media (max-width: 768px) {
  .flexi_blijfopdehoogte form {
    width: 100% !important;
  }
  .flexi_blijfopdehoogte form > div {
    width: 100% !important;
  }
  .flexi_blijfopdehoogte form > div .nf-cell {
    width: 100% !important;
  }
  .flexi_blijfopdehoogte form > div .nf-cell input {
    width: 100% !important;
  }
}
.s13titel {
  font-family: "poppins-light" !important;
}

.s13card .s13cardicon {
  max-width: 25px;
  color: White;
}
.s13card p {
  font-family: "poppins-regular";
  font-size: 15px;
  color: White !important;
}

.vestiginginfo h3 {
  font-family: "poppins-medium";
  color: #ae2420;
  font-size: 18px;
}
.vestiginginfo p {
  font-family: "poppins-regular";
}

.unitdetails-intro .fl-lead-projectcolor1 {
  font-family: "poppins-regular" !important;
  font-size: 15px !important;
}
.unitdetails-intro ul, .unitdetails-intro ol {
  margin-top: 20px;
}
.unitdetails-intro ul li, .unitdetails-intro ol li {
  margin-bottom: 5px;
}
.unitdetails-intro .intro-content p {
  margin-bottom: 15px;
}
.unitdetails-intro .intro-content .onderkopje_unit-details {
  display: block;
  margin-top: -25px !important;
  margin-bottom: 25px !important;
  font-size: 22px !important;
}
.unitdetails-intro .stuur-email {
  color: #ae2420;
  font-family: "poppins-light";
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 8px;
}
.unitdetails-intro .carrousel-container {
  margin-top: 30px;
  border: 1px solid Yellow;
}
.unitdetails-intro .carrousel-container .swiper-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 500px !important;
  border: 4px solid Magenta;
}
.unitdetails-intro .carrousel-container .swiper-wrapper .repeater-item {
  width: 100px !important;
}
.unitdetails-intro .carrousel-container .swiper-wrapper .repeater-item a {
  width: 100px !important;
  height: 100px !important;
}
.unitdetails-intro .carrousel-container .swiper-wrapper .repeater-item a div.image {
  width: 100px;
  height: 100px;
  background-size: cover;
}
.unitdetails-intro .swiper-pagination-horizontal {
  margin-bottom: -15px !important;
  padding-top: 10px !important;
}

.slider-nestable button {
  outline: 1px solid transparent !important;
}
.slider-nestable > div > div {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}
.slider-nestable button {
  display: block !important;
  width: 65px !important;
  height: 65px !important;
}
.slider-nestable button svg {
  display: none !important;
}
@media (max-width: 768px) {
  .slider-nestable button {
    display: block !important;
    width: 45px !important;
    height: 65px !important;
    outline: none !important;
  }
  .slider-nestable button svg {
    display: none !important;
  }
}
.slider-nestable button:nth-of-type(2) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right-red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}
.slider-nestable button:nth-of-type(1) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right-red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px 25px !important;
}
@media (max-width: 479px) {
  .slider-nestable {
    width: 90vw;
    margin: 0 auto;
  }
}

.tab-menu .tab-title {
  z-index: 9;
}
.tab-menu .tab-title div {
  font-family: "poppins-regular" !important;
  font-size: 22px !important;
}

.tab-content {
  z-index: 8;
  margin-top: -2px;
}
.tab-content span {
  color: #161a1d;
  font-family: "poppins-light";
  font-size: 16px;
}

.pluspunten {
  color: #8d99ae !important;
  font-family: "poppins-regular";
  font-size: 18px;
}

.opsomming ul {
  list-style-position: inside;
  list-style-type: disc;
  color: #ae2420 !important;
  margin-left: 25px !important;
}
.opsomming ul li {
  background-image: none;
  list-style: disc;
  margin-left: 0;
  padding-left: 0;
}
.opsomming ul li::marker {
  color: #ae2420 !important;
}

span.heading-detailtabs {
  font-family: "poppins-medium" !important;
  font-size: 16px;
}

.blogs-loop .section_c09-1:nth-child(odd) {
  background-color: #f3f3f3 !important;
}

#nf-form-5-cont form {
  width: 50%;
  margin: 0 auto;
}
#nf-form-5-cont form #nf-field-35 {
  background-color: #8d99ae;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 28px !important;
  background-position: center right 20px !important;
  font-family: "poppins-medium" !important;
  font-size: 1rem !important;
  color: White !important;
  padding-right: 110px !important;
  padding-left: 20px !important;
}
#nf-form-5-cont form #nf-field-35:Hover {
  background-color: #727272 !important;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button.svg") !important;
  background-repeat: no-repeat !important;
  background-size: 28px !important;
  background-position: center right 20px !important;
  font-family: "poppins-medium" !important;
  font-size: 1rem !important;
  color: White !important;
  padding-right: 110px !important;
  padding-left: 20px !important;
}

.psection .section_container .flexi p a {
  text-decoration: underline;
}
.psection .section_container .flexi a.fl-button-default {
  text-decoration: none;
}

.psection_hoewerkthet {
  background-color: #ae2420;
}
.psection_hoewerkthet h3 {
  color: White;
}

.card_vestiging {
  background-image: url("/wp-content/flexicss/projectimages/arrow-wit-right.svg");
  background-repeat: no-repeat;
  background-position: bottom 15px right 15px;
  background-size: 17px;
}

h4.alt-h4 {
  font-family: "poppins-light";
  font-weight: unset;
}

@media (min-width: 768px) {
  .fontsizeplus {
    font-size: 1.2rem;
  }
  .fontsizeplus p {
    font-size: 1.2rem;
  }
  .fontsizeplus li {
    font-size: 1.2rem;
  }
  .fontsizeplus li * {
    font-size: 1.2rem;
  }
}

.font1-15-white {
  font-family: "poppins-light";
  font-size: 15px;
  color: White;
}
.font1-15-white p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.font1-15-dark {
  font-family: "poppins-light";
  font-size: 15px;
  color: #161a1d;
}
.font1-15-dark p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.font1-13-dark {
  font-family: "poppins-light";
  font-size: 15px;
  color: #161a1d;
}
.font1-13-dark p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

span.rood {
  color: #ae2420 !important;
}

.fl-lead-projectcolor1 {
  font-family: "poppins-regular" !important;
  font-size: 15px !important;
}

.psection_wijadviserenook h2 {
  font-family: "poppins-light";
  font-weight: 400;
}
.psection_wijadviserenook .unitcard {
  background-color: White;
  -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
  padding-bottom: 50px;
}
@media (min-width: 479px) {
  .psection_wijadviserenook .unitcard {
    height: 450px;
  }
}

.removedefaultsliderarrows .splide__arrow--prev, .removedefaultsliderarrows .splide__arrow--next {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.removedefaultsliderarrows .splide__arrow--prev *, .removedefaultsliderarrows .splide__arrow--next * {
  opacity: 0 !important;
}

#brxe-muipfj select {
  padding: 18px 60px 18px 20px !important;
  width: 320px !important;
}
#brxe-muipfj select#keuze_aanbod_desktop {
  background-image: url("/wp-content/flexicss/projectimages/arrow-eenvoudigzoeken-down.svg");
}
#brxe-muipfj select#keuze_mogelijkheid_desktop {
  background-image: url("/wp-content/flexicss/projectimages/arrow-eenvoudigzoeken-down.svg");
}
#brxe-muipfj select > option {
  font-family: "poppins-medium" !important;
  font-size: 20px !important;
}

#brxe-pxhtgu {
  margin-top: 5px !important;
  width: 320px !important;
  padding: 23px 60px 23px 20px !important;
  -webkit-box-pack: left !important;
      -ms-flex-pack: left !important;
          justify-content: left !important;
  background-image: url("/wp-content/flexicss/projectimages/icon-white-button-down.svg");
}

a.whatsapp_chat_contact {
  color: transparent !important;
  display: inline-block;
  margin-left: 5px;
  height: 60px;
  width: 60px;
  background-image: url("https://kleinunits.nl/wp-content/uploads/2025/05/whatsapp.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.flexi_contact .contact_adres p {
  font-family: "poppins-regular";
  font-size: 1.2em;
}
.flexi_contact .contact_adres p a {
  text-decoration: none;
}
.flexi_contact .contact_adres a {
  font-family: "poppins-regular" !important;
  text-decoration: none !important;
}
.flexi_contact .contact_form_updated label {
  color: Black !important;
  font-family: "poppins-light" !important;
}
@media (max-width: 768px) {
  .flexi_contact .contact_form_updated .formtitle {
    font-size: 1.6rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .flexi_contact .contact_form_updated .formtitle {
    font-size: 1.6rem !important;
  }
}
.flexi_contact .contact_form_updated .nf-response-msg {
  margin-top: 10px;
  padding: 15px !important;
}
.flexi_contact .contact_form_updated .nf-response-msg * {
  color: Black !important;
}
.flexi_contact .contact_form_updated input[type=text], .flexi_contact .contact_form_updated input[type=email], .flexi_contact .contact_form_updated input[type=tel], .flexi_contact .contact_form_updated textarea {
  border: 0 !important;
  background-color: transparent !important;
}
.flexi_contact .contact_form_updated div.nf-field-element {
  border-bottom: 1px solid #D3D3D3;
}
.flexi_contact .contact_form_updated #nf-field-148-wrap div.nf-field-element {
  border-bottom: none !important;
}
.flexi_contact .contact_form_updated #nf-field-148-wrap div.nf-field-element input {
  margin-top: 30px;
}
.flexi_contact .contact_form_updated #nf-field-142-wrap div.nf-field-element {
  border-bottom: none !important;
}
.flexi_contact .contact_form_updated #nf-field-142-wrap div.nf-field-element input {
  margin-top: 30px;
}
.flexi_contact .contact_form_updated #nf-field-154-wrap div.nf-field-element {
  border-bottom: none !important;
}
.flexi_contact .contact_form_updated #nf-field-154-wrap div.nf-field-element input {
  margin-top: 30px;
}

.allspanswithredcheckmarks div {
  margin-top: 10px !important;
}
.allspanswithredcheckmarks div span {
  border: 0 !important;
  padding-left: 40px;
  background-image: url("/wp-content/flexicss/projectimages/checkmark-red.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 7px;
}

.newscard[subtilehover=on] {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px 0px;
          box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px 0px;
  background-color: #fafafa;
}

.showblocklabels .psection::before {
  content: attr(bloklabel);
  display: block;
  z-index: 2;
  top: 1px;
  padding: 5px 30px;
  border-radius: 3px;
  line-height: 1;
  color: White;
  background-color: Magenta;
  background-image: url("/wp-content/flexicss/projectimages/arrow-down.svg"), url("/wp-content/flexicss/projectimages/arrow-down.svg");
  background-position: left 5px center, right 5px center; /* Positie van elke afbeelding */
  background-repeat: no-repeat, no-repeat; /* Herhalingsinstelling voor elke afbeelding */
  background-size: 17px auto;
}

.showheadingindicators h1::before {
  content: "H1";
  display: inline-block;
  margin-right: 5px;
  background-color: #ff0000;
  color: White;
}

.showheadingindicators h2::before {
  content: "H2";
  display: inline-block;
  margin-right: 5px;
  background-color: #f57900;
  color: White;
}

.showheadingindicators h3::before {
  content: "H3";
  display: inline-block;
  margin-right: 5px;
  background-color: #e5b711;
  color: White;
}

.showheadingindicators h4::before {
  content: "H4";
  display: inline-block;
  margin-right: 5px;
  background-color: #c0ec3d;
  color: White;
}

.showheadingindicators h5::before {
  content: "H5";
  display: inline-block;
  margin-right: 5px;
  background-color: #ff00ff;
  color: White;
}

.showheadingindicators h6::before {
  content: "H6";
  display: inline-block;
  margin-right: 5px;
  background-color: #00ffff;
  color: White;
}

@media (max-width: 479px) {
  .psection:last-of-type {
    padding-bottom: 3.5rem !important;
  }
}
@media (min-width: 479px) and (max-width: 768px) {
  .psection:last-of-type {
    padding-bottom: 5rem !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .psection:last-of-type {
    padding-bottom: 7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .psection:last-of-type {
    padding-bottom: 10.5rem !important;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .psection:last-of-type {
    padding-bottom: 14rem !important;
  }
}
@media (min-width: 1600px) {
  .psection:last-of-type {
    padding-bottom: 18rem !important;
  }
}

.flexi-with-slider .splide__arrows svg {
  display: none !important;
}
.flexi-with-slider .splide__arrows button {
  outline: 1px solid #f3f3f3 !important;
  background-color: #ae2420;
  background-position: center center;
  background-repeat: no-repeat;
}
.flexi-with-slider .splide__arrows button:nth-of-type(1) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
}
.flexi-with-slider .splide__arrows button:nth-of-type(2) {
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
}
@media (max-width: 479px) {
  .flexi-with-slider {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .flexi-with-slider .splide__arrows button {
    width: 30px !important;
    padding: 20px 10px !important;
    background-size: 50% auto !important;
  }
}
@media (min-width: 479px) {
  .flexi-with-slider {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }
}
@media (min-width: 768px) {
  .flexi-with-slider {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .flexi-with-slider .splide__arrows button {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    background-size: 15px auto !important;
  }
}
@media (min-width: 992px) {
  .flexi-with-slider {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}
@media (min-width: 1280px) {
  .flexi-with-slider {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .flexi-with-slider .splide__arrows button {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    background-size: 15px auto !important;
  }
}

.flexi_customslider .removedefaultsliderarrows .splide__arrow--prev, .flexi_customslider .removedefaultsliderarrows .splide__arrow--next {
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.flexi_customslider .removedefaultsliderarrows .splide__arrow--prev *, .flexi_customslider .removedefaultsliderarrows .splide__arrow--next * {
  opacity: 0 !important;
}
.flexi_customslider .slidercontainercustomarrows {
  position: relative !important;
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows {
  position: absolute;
  z-index: 10;
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows .customsliderarrow {
  background-color: #ae2420;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px !important;
  width: 55px !important;
  height: 55px !important;
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows .clickleft {
  background-image: url("/wp-content/flexicss/projectimages/arrow-left.svg");
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows .clickright {
  margin-left: 1px;
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows-alt {
  position: absolute;
  z-index: 10;
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows-alt .customsliderarrow {
  background-color: #f3f3f3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px !important;
  width: 55px !important;
  height: 55px !important;
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows-alt .clickleft {
  background-image: url("/wp-content/flexicss/projectimages/arrow-left-red.svg");
}
.flexi_customslider .slidercontainercustomarrows .customsliderarrows-alt .clickright {
  margin-left: 1px;
  background-image: url("/wp-content/flexicss/projectimages/arrow-right-red.svg");
}

/* Stuctuur:
.psection {
 .section_container {
  .flexi .flexi_naam .flexi_customslider {
    .slidercontainercustomarrows {
      .customsliderarrows {pijlen links/rechts}
      .removedefaultsliderarrows .customslider { (dit is de SLIDER)
        .customslidercard { (dit is de CARD met repeater actie)}
        }
      }
    }
  }
}
*/
.flexi_wijadviserenook .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_wijadviserenook .slidercontainercustomarrows .customslider div .customslidercard {
    height: 300px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_wijadviserenook .slidercontainercustomarrows .customslider div .customslidercard {
    height: 348px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_wijadviserenook .slidercontainercustomarrows {
    padding: 30px 0 0 0;
  }
  .flexi_wijadviserenook .slidercontainercustomarrows .customsliderarrows {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_wijadviserenook .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_wijadviserenook .slidercontainercustomarrows .customsliderarrows {
    top: 0;
    right: 0;
  }
}

.flexi_denkookaan .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_denkookaan .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_denkookaan .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_denkookaan .slidercontainercustomarrows {
    padding: 30px 0 0 0;
  }
  .flexi_denkookaan .slidercontainercustomarrows .customsliderarrows {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_denkookaan .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_denkookaan .slidercontainercustomarrows .customsliderarrows {
    top: 0;
    right: 0;
  }
}

.flexi_jouwnieuwecollega .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_jouwnieuwecollega .slidercontainercustomarrows .customslider div .customslidercard {
    height: 530px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_jouwnieuwecollega .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_jouwnieuwecollega .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_jouwnieuwecollega .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_jouwnieuwecollega .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_jouwnieuwecollega .slidercontainercustomarrows .customsliderarrows {
    top: 0;
    right: 0;
  }
}

.flexi_werkenbijons .slidercontainercustomarrows .customsliderarrows-alt {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_werkenbijons .slidercontainercustomarrows .customslider div .customslidercard {
    height: 530px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_werkenbijons .slidercontainercustomarrows .customslider div .customslidercard {
    height: 500px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_werkenbijons .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_werkenbijons .slidercontainercustomarrows .customsliderarrows-alt {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_werkenbijons .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_werkenbijons .slidercontainercustomarrows .customsliderarrows-alt {
    top: 0;
    right: 0;
  }
}

.flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows .customsliderarrows-alt {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows .customslider div .customslidercard {
    height: 530px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows .customslider div .customslidercard {
    height: 500px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_nieuwsitems_boven_blogs .slidercontainercustomarrows .customsliderarrows {
    top: -20px;
    right: 0px;
  }
}

.flexi_hoewerkthetslider .slidercontainercustomarrows .customsliderarrows-alt {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_hoewerkthetslider .slidercontainercustomarrows .customslider div .customslidercard {
    height: 310px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_hoewerkthetslider .slidercontainercustomarrows .customslider div .customslidercard {
    height: 320px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_hoewerkthetslider .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_hoewerkthetslider .slidercontainercustomarrows .customsliderarrows-alt {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_hoewerkthetslider .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_hoewerkthetslider .slidercontainercustomarrows .customsliderarrows-alt {
    top: 0;
    right: 0;
  }
}

.flexi_c07 .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_c07 .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_c07 .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_c07 .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_c07 .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_c07 .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_c07 .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}

.flexi_binnenkijken .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_binnenkijken .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_binnenkijken .slidercontainercustomarrows .customslider div .customslidercard {
    height: 350px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_binnenkijken .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_binnenkijken .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_binnenkijken .slidercontainercustomarrows {
    padding: 0 0 0 50px;
  }
  .flexi_binnenkijken .slidercontainercustomarrows .customsliderarrows {
    bottom: -27px;
    left: -5px;
  }
}

.flexi_geschiedenis .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_geschiedenis .slidercontainercustomarrows .customslider div .customslidercard {
    height: 500px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_geschiedenis .slidercontainercustomarrows .customslider div .customslidercard {
    height: 448px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_geschiedenis .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_geschiedenis .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_geschiedenis .slidercontainercustomarrows {
    padding: 0 0 0 0px;
  }
  .flexi_geschiedenis .slidercontainercustomarrows .customsliderarrows {
    bottom: -27px;
    left: 570px;
  }
}

.flexi_vanvraagtotophalen .slidercontainercustomarrows .customsliderarrows {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_vanvraagtotophalen .slidercontainercustomarrows .customslider div .customslidercard {
    height: 400px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_vanvraagtotophalen .slidercontainercustomarrows .customslider div .customslidercard {
    height: 340px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_vanvraagtotophalen .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_vanvraagtotophalen .slidercontainercustomarrows .customsliderarrows {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_vanvraagtotophalen .slidercontainercustomarrows {
    padding: 0 0 0 0px;
  }
  .flexi_vanvraagtotophalen .slidercontainercustomarrows .customsliderarrows {
    bottom: -27px;
    left: 615px;
  }
}

.flexi_waarwijvoorstaanslider .slidercontainercustomarrows .customsliderarrows-alt {
  line-height: 0 !important;
}
@media (max-width: 1280px) {
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows .customslider div .customslidercard {
    height: 330px !important;
  }
}
@media (min-width: 1280px) {
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows .customslider div .customslidercard {
    height: 500px !important;
  }
}
@media (max-width: 1280px) {
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows {
    padding: 0 0 30px 0;
  }
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows .customsliderarrows-alt {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows {
    padding: 0 140px 0 0;
  }
  .flexi_waarwijvoorstaanslider .slidercontainercustomarrows .customsliderarrows-alt {
    top: 0;
    right: 0;
  }
}

.flexi_directnaaronze {
  position: relative;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider {
  height: 560px !important;
  overflow: hidden;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider .cardgebruik {
  max-width: 380px;
  padding: 30px;
  height: 520px !important;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider .cardgebruik .directnaaronze_item_title {
  font-family: "poppins-semibold";
  color: #ae2420;
  font-size: 23px;
  line-height: 1.6rem;
  margin-bottom: 20px;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider .cardgebruik .directnaaronze_item_tekst {
  font-family: "poppins-light";
  color: #161a1d;
  font-size: 15px;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider .cardgebruik .buttonabsolute {
  right: 30px;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: start !important;
}
.flexi_directnaaronze .slidercontainercustomarrows .directnaaronze_slider .cardgebruik .buttonabsolute a {
  text-align: left !important;
}
.flexi_directnaaronze .directnaaronze {
  background-color: transparent !important;
}
.flexi_directnaaronze .customsliderarrows {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
}
.flexi_directnaaronze .customsliderarrows .customsliderarrow {
  background-color: #ae2420;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px !important;
  width: 55px !important;
  height: 55px !important;
}
.flexi_directnaaronze .customsliderarrows .clickleft {
  background-image: url("/wp-content/flexicss/projectimages/arrow-left.svg");
}
.flexi_directnaaronze .customsliderarrows .clickright {
  margin-left: 1px;
  background-image: url("/wp-content/flexicss/projectimages/arrow-right.svg");
}