/****################################### BEGIN STYLING #################################### ****/
@font-face {
    font-display: swap;
    font-family: 'JaapokkiRegular';
    src: url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/regular/jaapokki-regular.eot');
    src: url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/regular/jaapokki-regular.eot') format('embedded-opentype'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/regular/jaapokki-regular.woff') format('woff'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/regular/jaapokki-regular.ttf') format('truetype'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/regular/jaapokki-regular.svg#JaapokkiRegular') format('svg');
}

@font-face {
    font-display: swap;
    font-family: 'JaapokkisubtractRegular';
    src: url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/substract/jaapokkisubtract-regular.eot');
    src: url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/substract/jaapokkisubtract-regular.eot') format('embedded-opentype'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/substract/jaapokkisubtract-regular.woff') format('woff'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/substract/jaapokkisubtract-regular.ttf') format('truetype'),
        url('/wp-content/plugins/twire-functions/assets/fonts/jaapokki/substract/jaapokkisubtract-regular.svg#JaapokkisubtractRegular') format('svg');
}

html {
    font-size: 16px;
}

body {
    background-color: var(--twire-surface3);
}

body.show {
    opacity: 1;
}

body.freeze {
    height: 100vh;
    overflow: hidden;
}

html,
html body,
body p,
.nectar_single_testimonial span,
body .testimonial_slider blockquote span,
body blockquote,
body .nectar-button,
body #slide-out-widget-area .inner .off-canvas-menu-container li a,
body[data-full-width-header=false] #slide-out-widget-area .slide_out_area_close,
body div.symbol-wrap,
body span.symbol,
body .nectar-milestone .number {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; */
    font-weight: 700 !important;
}

/*h1 {
    font-family: 'JaapokkiRegular' !important;
}*/

/**** twire-primary ****/
body .twire-primary *,
.span_12.light .twire-primary .wpb_text_column a {
    background-color: var(--twire-primary);
    color: var(--twire-on-primary);
}

/**** twire-accent ****/
body .twire-accent *,
.span_12.light .twire-accent .wpb_text_column a {
    background-color: var(--twire-accent);
    color: var(--twire-on-accent);
}

/**** twire-default ****/
body .twire-default *,
.span_12.light .twire-default .wpb_text_column a {
    background-color: var(--twire-default);
    color: var(--twire-on-default);
}

/**** twire-success ****/
body .twire-success *,
.span_12.light .twire-success .wpb_text_column a {
    background-color: var(--twire-success);
    color: var(--twire-on-success);
}

/**** twire-warning ****/
body .twire-warning *,
.span_12.light .twire-warning .wpb_text_column a {
    background-color: var(--twire-warning);
    color: var(--twire-on-warning);
}

/**** twire-error ****/
body .twire-error *,
.span_12.light .twire-error .wpb_text_column a {
    background-color: var(--twire-error);
    color: var(--twire-on-error);
}

/**** twire-navigation ****/
body .twire-navigation *,
.span_12.light .twire-navigation .wpb_text_column a {
    background-color: var(--twire-navigation);
    color: var(--twire-on-navigation);
}

/**** twire-background ****/
body .twire-background *,
.span_12.light .twire-background .wpb_text_column a {
    background-color: var(--twire-background);
    color: var(--twire-on-background);
}

/**** twire-surface1 ****/
body .twire-surface1 *,
.span_12.light .twire-surface1 .wpb_text_column a {
    background-color: var(--twire-surface1);
    color: var(--twire-on-surface1);
}

/**** twire-surface2 ****/
body .twire-surface2 *,
.span_12.light .twire-surface2 .wpb_text_column a {
    background-color: var(--twire-surface2);
    color: var(--twire-on-surface2);
}

/**** twire-surface3 ****/
body .twire-surface3 *,
.span_12.light .twire-surface3 .wpb_text_column a {
    background-color: var(--twire-surface3);
    color: var(--twire-on-surface3);
}

/**** links ****/
.left-sidebar .menu a,
.span_12.light .wpb_text_column a,
#footer-outer #footer-widgets a,
#footer-outer #copyright ul:not(.social) a,
#footer-outer #copyright .container>div:first-of-type a {
    filter: var(--twire-filter-darker);
    opacity: 1;
    border-radius: var(--twire-border-radius-default);
    text-decoration: none;
    margin: 0 0 !important;
    line-height: 1.25em;
    padding: 0 0.25em;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
    align-items: flex-start;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.left-sidebar .menu a,
#footer-outer #footer-widgets ul a {
    width: 100%;
    padding: 0.25rem !important;
    line-height: 2rem;
    justify-content: flex-start;
}

#footer-outer #footer-widgets .col ul li:first-child>a,
#footer-outer #footer-widgets .col ul li:first-child {
    padding-top: .25rem !important;
}

/* link a:after */
.left-sidebar .menu a:after,
.span_12.light .wpb_text_column a:after,
#footer-outer #footer-widgets a:after,
#footer-outer #copyright ul:not(.social) a:after,
#footer-outer #copyright .container>div:first-of-type a:after {
    height: 100%;
    border: none;
    background-color: var(--twire-primary);
    left: 0;
    position: absolute;
    top: 0;
    content: ' ';
    z-index: -1;
    width: 100%;
    display: block;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.12, .75, .4, 1);
    transition: transform .35s cubic-bezier(.12, .75, .4, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -webkit-transform-origin: left;
    transform-origin: left;
}

/* link a:hover */
.left-sidebar .menu a:hover,
.span_12.light .wpb_text_column a:hover,
#footer-outer #footer-widgets a:hover,
#footer-outer #copyright ul:not(.social) a:hover,
#footer-outer #copyright .container>div:first-of-type a:hover {
    text-decoration: none;
    color: var(--twire-on-primary) !important;
    filter: var(--twire-filter-lighter) !important;
}

/* link a:hover:after */
.left-sidebar .menu a:hover:after,
.span_12.light .wpb_text_column a:hover:after,
#footer-outer #footer-widgets a:hover:after,
#footer-outer #copyright ul:not(.social) a:hover:after,
#footer-outer #copyright .container>div:first-of-type a:hover:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);

}

/**** color of the reveal transition animation ****/
body #ajax-loading-screen .reveal-1 {
    background-color: var(--twire-primary);
}

body #ajax-loading-screen .reveal-2 {
    background-color: var(--twire-background);
}

/**** setting primary color ****/
/* .nectar-color-accent-color,
body a,
label span,
body [class^="icon-"].icon-default-style,
.blog-recent[data-style*="classic_enhanced"] .post-meta a:hover i,
.masonry.classic_enhanced .post .post-meta a:hover i,
.post .post-header h2 a,
.post .post-header a:hover,
.post .post-header a:focus,
#single-below-header a:hover,
#single-below-header a:focus,
.comment-list .pingback .comment-body>a:hover,
[data-style="list_featured_first_row"] .meta-category a,
[data-style="list_featured_first_row"] .meta-category a,
.nectar-fancy-box[data-style="color_box_hover"][data-color="accent-color"] .icon-default-style,
div[data-style="minimal"] .toggle:hover>.toggle-title a,
div[data-style="minimal"] .toggle.open>.toggle-title a,
#footer-outer #copyright li a i:hover,
.ascend .comment-list .reply a,
body.material .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body.material #sidebar .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
body.material #footer-outer .widget:not(.nectar_popular_posts_widget):not(.recent_posts_extra_widget) li a:hover,
#top nav .sf-menu .current_page_item>a .sf-sub-indicator i,
#top nav .sf-menu .current_page_ancestor>a .sf-sub-indicator i,
.sf-menu>.current_page_ancestor>a>.sf-sub-indicator i,
.material .widget .tagcloud a,
#single-below-header a:hover [class^="icon-"],
.wpcf7-form .wpcf7-not-valid-tip,
#header-outer .nectar-menu-label {
    color: var(--twire-primary);
} */

/**** settings for the dark-mode-toggle animation ****/
.container-wrap.copy {
    background-color: var(--twire-primary);
    color: var(--twire-on-primary);
    margin-left: 275px;

}

#ajax-content-wrap .container-wrap {
    z-index: -1;
}

.container-wrap.copy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    animation: growing-visibility 5s 1 both;
}

body:has(.container-wrap.copy):after {
    background-color: var(--twire-primary);
    opacity: 1;
    visibility: visible;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999;
    animation: growing-circle 5s 1 both;
}

/**** floating icons ****/
body.logged-in.wpb-js-composer .floating_icons {
    display: none;
}

section.floating_icons:before,
section.floating_icons:after {
    content: '';
    width: 1px;
    height: 12vh;
    background: var(--twire-on-navigation);
    filter: drop-shadow(1px 1px 0px var(--twire-navigation));
    position: absolute;
    bottom: calc(100% + 16px);
    left: 50%;
}

section.floating_icons:after {
    bottom: calc(-12vh - 16px);
}

section.floating_icons {
    position: fixed;
    gap: 16px;
    z-index: 9999;
    background: transparent;
    bottom: auto;
    top: calc(50vh - 48px);
    right: 1%;
    left: auto;
    width: 48px;
    justify-content: center;
    flex-direction: column;
    display: flex;
}

section.floating_icons a,
section.floating_icons a .icon {
    min-height: 48px;
    min-width: 48px;
    display: inline-flex;
    background-position: center;
    background-repeat: no-repeat;
    flex-grow: 1;
}

section.floating_icons a .icon {
    filter: var(--twire-on-navigation-filter);
    background-size: 20px;
}

section.floating_icons a {
    border-radius: var(--twire-border-radius-circle);
    border: 1px solid;
    border-color: var(--twire-on-navigation);
    background: var(--twire-navigation);
    -webkit-transition: border-color .4s ease-out;
    transition: border-color .4s ease-out;
}

section.floating_icons a:hover {
    border-color: var(--twire-navigation);
    background: var(--twire-on-navigation);
}

section.floating_icons a:hover .icon {
    filter: var(--twire-navigation-filter);
}

section.floating_icons a.phone .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTYuNjIgMTAuNzljMS40NCAyLjgzIDMuNzYgNS4xNSA2LjU5IDYuNTlsMi4yLTIuMmMuMjgtLjI4LjY3LS4zNiAxLjAyLS4yNWMxLjEyLjM3IDIuMzIuNTcgMy41Ny41N2ExIDEgMCAwIDEgMSAxVjIwYTEgMSAwIDAgMS0xIDFBMTcgMTcgMCAwIDEgMyA0YTEgMSAwIDAgMSAxLTFoMy41YTEgMSAwIDAgMSAxIDFjMCAxLjI1LjIgMi40NS41NyAzLjU3Yy4xMS4zNS4wMy43NC0uMjUgMS4wMmwtMi4yIDIuMloiLz48L3N2Zz4=');
}

section.floating_icons a.mail .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0ibTIwIDhsLTggNWwtOC01VjZsOCA1bDgtNW0wLTJINGMtMS4xMSAwLTIgLjg5LTIgMnYxMmEyIDIgMCAwIDAgMiAyaDE2YTIgMiAwIDAgMCAyLTJWNmEyIDIgMCAwIDAtMi0yWiIvPjwvc3ZnPg==');
}

section.floating_icons a.facebook .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyIDIuMDRjLTUuNSAwLTEwIDQuNDktMTAgMTAuMDJjMCA1IDMuNjYgOS4xNSA4LjQ0IDkuOXYtN0g3Ljl2LTIuOWgyLjU0VjkuODVjMC0yLjUxIDEuNDktMy44OSAzLjc4LTMuODljMS4wOSAwIDIuMjMuMTkgMi4yMy4xOXYyLjQ3aC0xLjI2Yy0xLjI0IDAtMS42My43Ny0xLjYzIDEuNTZ2MS44OGgyLjc4bC0uNDUgMi45aC0yLjMzdjdhMTAgMTAgMCAwIDAgOC40NC05LjljMC01LjUzLTQuNS0xMC4wMi0xMC0xMC4wMloiLz48L3N2Zz4=');
}

section.floating_icons a.instagram .icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTcuOCAyaDguNEMxOS40IDIgMjIgNC42IDIyIDcuOHY4LjRhNS44IDUuOCAwIDAgMS01LjggNS44SDcuOEM0LjYgMjIgMiAxOS40IDIgMTYuMlY3LjhBNS44IDUuOCAwIDAgMSA3LjggMm0tLjIgMkEzLjYgMy42IDAgMCAwIDQgNy42djguOEM0IDE4LjM5IDUuNjEgMjAgNy42IDIwaDguOGEzLjYgMy42IDAgMCAwIDMuNi0zLjZWNy42QzIwIDUuNjEgMTguMzkgNCAxNi40IDRINy42bTkuNjUgMS41YTEuMjUgMS4yNSAwIDAgMSAxLjI1IDEuMjVBMS4yNSAxLjI1IDAgMCAxIDE3LjI1IDhBMS4yNSAxLjI1IDAgMCAxIDE2IDYuNzVhMS4yNSAxLjI1IDAgMCAxIDEuMjUtMS4yNU0xMiA3YTUgNSAwIDAgMSA1IDVhNSA1IDAgMCAxLTUgNWE1IDUgMCAwIDEtNS01YTUgNSAwIDAgMSA1LTVtMCAyYTMgMyAwIDAgMC0zIDNhMyAzIDAgMCAwIDMgM2EzIDMgMCAwIDAgMy0zYTMgMyAwIDAgMC0zLTNaIi8+PC9zdmc+');
}

body.mobile section.floating_icons a {
    background: var(--twire-navigation);
    border-radius: 0;
    backdrop-filter: none;
    border: none;
}

body.mobile section.floating_icons a:first-of-type {
    border-radius: var(--twire-border-radius-pill) 0 0 0;
}

body.mobile section.floating_icons a:last-of-type {
    border-radius: 0 var(--twire-border-radius-pill) 0 0;
}

body.mobile section.floating_icons:before,
body.mobile section.floating_icons:after {
    display: none;
}

body.mobile section.floating_icons {
    background: var(--twire-on-navigation);
    background: linear-gradient(var(--twire-navigation), var(--twire-navigation)) padding-box, linear-gradient(to bottom, var(--twire-primary), var(--twire-accent)) border-box;
    mix-blend-mode: initial;
    width: 100%;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: start;
    border-radius: calc(var(--twire-border-radius-pill) + 5px) calc(var(--twire-border-radius-pill) + 5px) 0 0;
    border-radius: var(--twire-border-radius-pill) var(--twire-border-radius-pill) 0 0;
    filter: drop-shadow(0px 3px 3px #222222);
    border: 1px solid transparent;
    border-bottom: none;
}

body.mobile section.floating_icons a .icon {
    filter: var(--twire-on-navigation-filter);
}

/*#ajax-content-wrap > div {
     position: relative;
}*/

/**** main navigation ****/
/* .pin-spacer {
    height: auto !important;
} */

/* #header-space {
    height: 0 !important;
} */

#slide-out-widget-area {
    left: auto !important;
}

#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen) {
    background-color: var(--twire-navigation);
}

body #slide-out-widget-area a,
body #slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {
    color: var(--twire-on-navigation);
    opacity: 1 !important;
}

body #slide-out-widget-area-bg {
    height: 0;
}

body #header-outer {
    padding: 0;
    background-color: var(--twire-navigation);
    opacity: 1;
    border-radius: 0 0 var(--twire-border-radius-pill) var(--twire-border-radius-pill);
    z-index: 99999 !important;
    /* filter: drop-shadow(0px -3px 3px #222222); */
    background-color: var(--twire-navigation);
    background: linear-gradient(var(--twire-navigation), var(--twire-navigation)) padding-box, linear-gradient(to bottom, var(--twire-primary), var(--twire-accent)) border-box;
    border: 1px solid transparent;
}

#header-outer[data-has-menu=true] #top .span_3,
#header-outer[data-has-menu=true][data-mobile-fixed="1"] #top .span_3 {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

#header-outer .slide-out-widget-area-toggle a[aria-expanded="true"] i.lines-button:after {
    opacity: 0;
}

#header-outer .slide-out-widget-area-toggle a[aria-expanded="true"] i.lines:before {
    transform: rotate(45deg);
    top: 0;
}

#header-outer .slide-out-widget-area-toggle a[aria-expanded="true"] i.lines:after {
    transform: rotate(-45deg);
    top: 0;
}

body.mobile #header-outer {
    border-radius: 0 0 var(--twire-border-radius-pill) var(--twire-border-radius-pill);
    border-top: none;
}

body[data-header-format=left-header] #header-outer .button_social_group {
    bottom: 16px;
}

body[data-header-format=left-header] #header-outer .button_social_group {
    width: 100%;
    left: 0;
    max-width: 100%;
}

#header-outer #top .col.span_3:before {
        content: '';
        width: 24px;
        height: 24px;
        display: flex;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMCA1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDBCNEUwO3N0cm9rZS13aWR0aDozMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2Rpc3BsYXk6bm9uZTt9Cgkuc3Qye2Rpc3BsYXk6aW5saW5lO2ZpbGw6IzAwQjRFMDtzdHJva2U6IzBGMTcxRjtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0M3tkaXNwbGF5Om5vbmU7ZmlsbDojMDBCNEUwO30KCS5zdDR7ZGlzcGxheTpub25lO2ZpbGw6IzAwQjRFMDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDV7Zm9udC1mYW1pbHk6J0phYXBva2tpc3VidHJhY3QtUmVndWxhcic7fQoJLnN0Nntmb250LXNpemU6MjYzcHg7fQoJLnN0N3tsZXR0ZXItc3BhY2luZzotNjc7fQoJLnN0OHtsZXR0ZXItc3BhY2luZzotMjE7fQoJLnN0OXtkaXNwbGF5OmlubGluZTtmaWxsOiMwMEIzREY7fQoJLnN0MTB7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtmaWxsOiMwMEI0RTA7fQo8L3N0eWxlPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNTAiIGN5PSIyNTAiIHI9IjIzMCIvPgo8ZyBjbGFzcz0ic3QxIj4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNjQuNywxNTcuOXYzNi44aC01MXYxNDcuNUg3Ni44VjE5NC44SDI1LjZWMTU4aDEzOS4xTDE2NC43LDE1Ny45TDE2NC43LDE1Ny45eiIvPgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM3My4yLDE1Ny45bC04NC40LDE4NC40aC04LjlsLTMwLjgtNjcuNmwtMzEsNjcuNmgtOC45TDEyNSwxNTcuOWg0MC44bDQ5LjEsMTAzLjdsMTYuMy0zMUwxOTUuNywxNThoNDAuOCAgIGw0Ny45LDEwMmw0OC4xLTEwMmg0MC43VjE1Ny45eiIvPgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM3OS42LDE5NC41VjM0MmgtMzYuOFYxNTcuN2g3Mi4xYzMwLjUsMCw1NS4yLDI1LDU1LjIsNTUuNWMwLDIyLjQtMTMuMSw0MS42LTMyLjMsNTAuMmwzNi42LDc4LjloLTM5LjIgICBsLTM0LjUtNzMuOXYtMzYuOGgxNC4yYzEwLjMsMCwxOC40LTguMiwxOC40LTE4LjRjMC0xMC4zLTguMi0xOC43LTE4LjQtMTguN0gzNzkuNnoiLz4KPC9nPgo8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjc4LjcsNDg4LjZoLTU2LjVjLTE3LjcsMC0zMi4xLTE0LjQtMzIuMS0zMi4xdi0yNDVjMC03LjcsNi4zLTE0LDE0LTE0czE0LDYuMywxNCwxNHYyNDVjMCwyLjIsMS44LDQsNCw0ICBoNTYuNWMyLjIsMCw0LTEuOCw0LTRWMTg2LjNjMC0xNy43LDE0LjQtMzIuMSwzMi4xLTMyLjFoODguOGMyLjIsMCw0LTEuOCw0LTR2LTM4LjdjMC0yLjItMS44LTQtNC00aC03MCAgYy0xMy44LDAtMjYuOCw1LjQtMzYuNSwxNS4xbC0zNi4zLDM2LjNjLTE1LjEsMTUuMS0zNS4xLDIzLjMtNTYuMywyMy4zaC0xMDhjLTE3LjcsMC0zMi4xLTE0LjQtMzIuMS0zMi4xdi0zOC43ICBjMC0xNy43LDE0LjQtMzIuMSwzMi4xLTMyLjFoMTUxLjhjNy43LDAsMTQsNi4zLDE0LDE0cy02LjMsMTQtMTQsMTRIOTYuNGMtMi4yLDAtNCwxLjgtNCw0VjE1MGMwLDIuMiwxLjgsNCw0LDRoMTA4ICBjMTMuOCwwLDI2LjgtNS40LDM2LjUtMTUuMWwzNi4zLTM2LjNjMTUuMS0xNS4xLDM1LjEtMjMuMyw1Ni4zLTIzLjNoNzBjMTcuNywwLDMyLjEsMTQuNCwzMi4xLDMyLjF2MzguNyAgYzAsMTcuNy0xNC40LDMyLjEtMzIuMSwzMi4xaC04OC44Yy0yLjIsMC00LDEuOC00LDR2MjcwLjJDMzEwLjgsNDc0LjIsMjk2LjQsNDg4LjYsMjc4LjcsNDg4LjZ6Ii8+Cjx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNjUuMzQ0MiAyNTguOTQ2MykiIGNsYXNzPSJzdDQgc3Q1IHN0NiBzdDciPlRXPC90ZXh0Pgo8dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDExNC4zMTE1IDQ1NC41MTY2KSIgY2xhc3M9InN0NCBzdDUgc3Q2IHN0OCI+UkU8L3RleHQ+CjxnIGNsYXNzPSJzdDEiPgoJPHBhdGggY2xhc3M9InN0OSIgZD0iTTI0OS45LDQ4OC4yYy0zNi4zLDAtNjUuOC0yOS41LTY1LjgtNjUuOFYyNjEuMmMwLTUzLjcsNDMuNy05Ny4zLDk3LjMtOTcuM2g4OC4zYzEwLjQsMCwxOC44LTguNCwxOC44LTE4LjggICBjMC0xMC40LTguNC0xOC44LTE4LjgtMTguOEgxMzAuMWMtMTAuNCwwLTE4LjgsOC40LTE4LjgsMTguOGMwLDEwLjQsOC40LDE4LjgsMTguOCwxOC44aDE4LjZjMTMsMCwyMy41LDEwLjUsMjMuNSwyMy41ICAgcy0xMC41LDIzLjUtMjMuNSwyMy41aC0xOC42Yy0zNi4zLDAtNjUuOC0yOS41LTY1LjgtNjUuOHMyOS41LTY1LjgsNjUuOC02NS44aDIzOS43YzM2LjMsMCw2NS44LDI5LjUsNjUuOCw2NS44ICAgcy0yOS41LDY1LjgtNjUuOCw2NS44aC04OC4zYy0yNy43LDAtNTAuMywyMi42LTUwLjMsNTAuM3YxNjEuMmMwLDEwLjQsOC40LDE4LjgsMTguOCwxOC44YzEwLjQsMCwxOC44LTguNCwxOC44LTE4LjhWMjY2LjggICBjMC0xMywxMC41LTIzLjUsMjMuNS0yMy41czIzLjUsMTAuNSwyMy41LDIzLjV2MTU1LjZDMzE1LjgsNDU4LjcsMjg2LjIsNDg4LjIsMjQ5LjksNDg4LjJ6Ii8+CjwvZz4KPGcgY2xhc3M9InN0MTAiPgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0zNjksMTEwLjV2NjNoLTg3LjN2MjUyLjRoLTYzVjE3My40SDEzMXYtNjNIMzY5eiIvPgo8L2c+Cjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-size: cover;
        filter: var(--twire-on-navigation-filter);
}

#header-outer.transparent #top #logo,
#header-outer:not(.transparent) #top #logo,
#top #logo {
    display: inline-flex;
    -webkit-mask-size: cover;
    height: 48px;
    color: var(--twire-on-navigation) !important;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: 'JaapokkisubtractRegular';
    font-weight: 500;
    padding-top: 9px;
}

#header-outer #top .col.span_3:after {
    content: '';
    width: 24px;
    height: 24px;
}

#header-outer #top nav>ul>li>a,
#header-outer #top nav ul #search-btn a span,
#header-outer #top nav ul #search-btn a:hover span,
#header-outer:not([data-permanent-transparent="1"]) .mobile-search .icon-salient-search {
    color: var(--twire-on-navigation) !important;
}

#header-outer[data-lhe="animated_underline"] #top nav>ul>li>a .menu-title-text:after,
body.material #header-outer #search-outer #search input[type="text"],
body[data-header-format="left-header"].material #search-outer #search input[type="text"] {
    border-color: var(--twire-on-navigation);
}

#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before,
#header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    background-color: var(--twire-on-navigation) !important;
}

#header-outer #top .slide-out-widget-area-toggle a .lines-button:after {
    width: 80% !important;
}

#header-outer .slide-out-widget-area-toggle .lines,
#header-outer .slide-out-widget-area-toggle .lines-button,
#header-outer .slide-out-widget-area-toggle .lines:after,
#header-outer .slide-out-widget-area-toggle .lines:before,
.slide-out-widget-area-toggle.mobile-icon .lines-button:after,
.slide-out-widget-area-toggle.mobile-icon .lines:after,
.slide-out-widget-area-toggle.mobile-icon .lines:before {
    width: 32px !important;
}

#header-outer #top nav ul #search-btn a:after {
    -webkit-transition: -webkit-transform .3s ease-out, border-color .3s ease-out;
    transition: transform .3s ease-out, border-color .3s ease-out;
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 2px solid var(--twire-on-navigation) !important;
    content: '';
    padding-bottom: inherit;
}

#header-outer.small-nav {
    transition: border-radius ease-out .4s, box-shadow 0.42 ease, opacity 0.4s ease;
}

#header-outer #top nav ul #search-btn a:hover:after {
    backface-visibility: hidden;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

body .icon-salient-x:before,
body span.icon-salient-x.icon-default-style {
    content: '' !important;
    font-family: none !important;
}

body .slide_out_area_close {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE5IDYuNDFMMTcuNTkgNUwxMiAxMC41OUw2LjQxIDVMNSA2LjQxTDEwLjU5IDEyTDUgMTcuNTlMNi40MSAxOUwxMiAxMy40MUwxNy41OSAxOUwxOSAxNy41OUwxMy40MSAxMkwxOSA2LjQxWiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center center;
}

.left-sidebar {
    display: none;
}

.social-media {
    display: flex;
    flex-direction: column;
    width: calc(100% - 32px);
    justify-content: space-around;
    padding-bottom: 16px;
    border-bottom-right-radius: var(--twire-border-radius-pill);
    border-bottom-left-radius: var(--twire-border-radius-default);
    border: 1px solid;
    margin: 16px;
    margin-top: 48px;
    transition: border-radius ease-out .4s;
}

.social-media .tagline {
    display: inline-flex;
    justify-content: center;
    font-family: 'JaapokkisubtractRegular';
    font-weight: 100;
    letter-spacing: 7px;
    position: absolute;
    bottom: 53px;
}

.social-media-icons {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.social-media-icons a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    width: 20px;
    height: 20px;
    display: inline-flex;
    filter: var(--twire-on-navigation-filter);
}
.social-media-icons .facebook {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjYzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzIwIDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0ibTI3OS4xNCAyODhsMTQuMjItOTIuNjZoLTg4Ljkxdi02MC4xM2MwLTI1LjM1IDEyLjQyLTUwLjA2IDUyLjI0LTUwLjA2aDQwLjQyVjYuMjZTMjYwLjQzIDAgMjI1LjM2IDBjLTczLjIyIDAtMTIxLjA4IDQ0LjM4LTEyMS4wOCAxMjQuNzJ2NzAuNjJIMjIuODlWMjg4aDgxLjM5djIyNGgxMDAuMTdWMjg4eiIvPjwvc3ZnPg==);
}
.social-media-icons .instagram {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjg4ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTIyNC4xIDE0MWMtNjMuNiAwLTExNC45IDUxLjMtMTE0LjkgMTE0LjlzNTEuMyAxMTQuOSAxMTQuOSAxMTQuOVMzMzkgMzE5LjUgMzM5IDI1NS45UzI4Ny43IDE0MSAyMjQuMSAxNDF6bTAgMTg5LjZjLTQxLjEgMC03NC43LTMzLjUtNzQuNy03NC43czMzLjUtNzQuNyA3NC43LTc0LjdzNzQuNyAzMy41IDc0LjcgNzQuN3MtMzMuNiA3NC43LTc0LjcgNzQuN3ptMTQ2LjQtMTk0LjNjMCAxNC45LTEyIDI2LjgtMjYuOCAyNi44Yy0xNC45IDAtMjYuOC0xMi0yNi44LTI2LjhzMTItMjYuOCAyNi44LTI2LjhzMjYuOCAxMiAyNi44IDI2Ljh6bTc2LjEgMjcuMmMtMS43LTM1LjktOS45LTY3LjctMzYuMi05My45Yy0yNi4yLTI2LjItNTgtMzQuNC05My45LTM2LjJjLTM3LTIuMS0xNDcuOS0yLjEtMTg0LjkgMGMtMzUuOCAxLjctNjcuNiA5LjktOTMuOSAzNi4xcy0zNC40IDU4LTM2LjIgOTMuOWMtMi4xIDM3LTIuMSAxNDcuOSAwIDE4NC45YzEuNyAzNS45IDkuOSA2Ny43IDM2LjIgOTMuOXM1OCAzNC40IDkzLjkgMzYuMmMzNyAyLjEgMTQ3LjkgMi4xIDE4NC45IDBjMzUuOS0xLjcgNjcuNy05LjkgOTMuOS0zNi4yYzI2LjItMjYuMiAzNC40LTU4IDM2LjItOTMuOWMyLjEtMzcgMi4xLTE0Ny44IDAtMTg0Ljh6TTM5OC44IDM4OGMtNy44IDE5LjYtMjIuOSAzNC43LTQyLjYgNDIuNmMtMjkuNSAxMS43LTk5LjUgOS0xMzIuMSA5cy0xMDIuNyAyLjYtMTMyLjEtOWMtMTkuNi03LjgtMzQuNy0yMi45LTQyLjYtNDIuNmMtMTEuNy0yOS41LTktOTkuNS05LTEzMi4xcy0yLjYtMTAyLjcgOS0xMzIuMWM3LjgtMTkuNiAyMi45LTM0LjcgNDIuNi00Mi42YzI5LjUtMTEuNyA5OS41LTkgMTMyLjEtOXMxMDIuNy0yLjYgMTMyLjEgOWMxOS42IDcuOCAzNC43IDIyLjkgNDIuNiA0Mi42YzExLjcgMjkuNSA5IDk5LjUgOSAxMzIuMXMyLjcgMTAyLjctOSAxMzIuMXoiLz48L3N2Zz4=);
}
.social-media-icons .youtube {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjEzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTc2IDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTU0OS42NTUgMTI0LjA4M2MtNi4yODEtMjMuNjUtMjQuNzg3LTQyLjI3Ni00OC4yODQtNDguNTk3QzQ1OC43ODEgNjQgMjg4IDY0IDI4OCA2NFMxMTcuMjIgNjQgNzQuNjI5IDc1LjQ4NmMtMjMuNDk3IDYuMzIyLTQyLjAwMyAyNC45NDctNDguMjg0IDQ4LjU5N2MtMTEuNDEyIDQyLjg2Ny0xMS40MTIgMTMyLjMwNS0xMS40MTIgMTMyLjMwNXMwIDg5LjQzOCAxMS40MTIgMTMyLjMwNWM2LjI4MSAyMy42NSAyNC43ODcgNDEuNSA0OC4yODQgNDcuODIxQzExNy4yMiA0NDggMjg4IDQ0OCAyODggNDQ4czE3MC43OCAwIDIxMy4zNzEtMTEuNDg2YzIzLjQ5Ny02LjMyMSA0Mi4wMDMtMjQuMTcxIDQ4LjI4NC00Ny44MjFjMTEuNDEyLTQyLjg2NyAxMS40MTItMTMyLjMwNSAxMS40MTItMTMyLjMwNXMwLTg5LjQzOC0xMS40MTItMTMyLjMwNXptLTMxNy41MSAyMTMuNTA4VjE3NS4xODVsMTQyLjczOSA4MS4yMDVsLTE0Mi43MzkgODEuMjAxeiIvPjwvc3ZnPg==);
}
.social-media-icons .github {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjk3ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDk2IDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTE2NS45IDM5Ny40YzAgMi0yLjMgMy42LTUuMiAzLjZjLTMuMy4zLTUuNi0xLjMtNS42LTMuNmMwLTIgMi4zLTMuNiA1LjItMy42YzMtLjMgNS42IDEuMyA1LjYgMy42em0tMzEuMS00LjVjLS43IDIgMS4zIDQuMyA0LjMgNC45YzIuNiAxIDUuNiAwIDYuMi0ycy0xLjMtNC4zLTQuMy01LjJjLTIuNi0uNy01LjUuMy02LjIgMi4zem00NC4yLTEuN2MtMi45LjctNC45IDIuNi00LjYgNC45Yy4zIDIgMi45IDMuMyA1LjkgMi42YzIuOS0uNyA0LjktMi42IDQuNi00LjZjLS4zLTEuOS0zLTMuMi01LjktMi45ek0yNDQuOCA4QzEwNi4xIDggMCAxMTMuMyAwIDI1MmMwIDExMC45IDY5LjggMjA1LjggMTY5LjUgMjM5LjJjMTIuOCAyLjMgMTcuMy01LjYgMTcuMy0xMi4xYzAtNi4yLS4zLTQwLjQtLjMtNjEuNGMwIDAtNzAgMTUtODQuNy0yOS44YzAgMC0xMS40LTI5LjEtMjcuOC0zNi42YzAgMC0yMi45LTE1LjcgMS42LTE1LjRjMCAwIDI0LjkgMiAzOC42IDI1LjhjMjEuOSAzOC42IDU4LjYgMjcuNSA3Mi45IDIwLjljMi4zLTE2IDguOC0yNy4xIDE2LTMzLjdjLTU1LjktNi4yLTExMi4zLTE0LjMtMTEyLjMtMTEwLjVjMC0yNy41IDcuNi00MS4zIDIzLjYtNTguOWMtMi42LTYuNS0xMS4xLTMzLjMgMi42LTY3LjljMjAuOS02LjUgNjkgMjcgNjkgMjdjMjAtNS42IDQxLjUtOC41IDYyLjgtOC41czQyLjggMi45IDYyLjggOC41YzAgMCA0OC4xLTMzLjYgNjktMjdjMTMuNyAzNC43IDUuMiA2MS40IDIuNiA2Ny45YzE2IDE3LjcgMjUuOCAzMS41IDI1LjggNTguOWMwIDk2LjUtNTguOSAxMDQuMi0xMTQuOCAxMTAuNWM5LjIgNy45IDE3IDIyLjkgMTcgNDYuNGMwIDMzLjctLjMgNzUuNC0uMyA4My42YzAgNi41IDQuNiAxNC40IDE3LjMgMTIuMUM0MjguMiA0NTcuOCA0OTYgMzYyLjkgNDk2IDI1MkM0OTYgMTEzLjMgMzgzLjUgOCAyNDQuOCA4ek05Ny4yIDM1Mi45Yy0xLjMgMS0xIDMuMy43IDUuMmMxLjYgMS42IDMuOSAyLjMgNS4yIDFjMS4zLTEgMS0zLjMtLjctNS4yYy0xLjYtMS42LTMuOS0yLjMtNS4yLTF6bS0xMC44LTguMWMtLjcgMS4zLjMgMi45IDIuMyAzLjljMS42IDEgMy42LjcgNC4zLS43Yy43LTEuMy0uMy0yLjktMi4zLTMuOWMtMi0uNi0zLjYtLjMtNC4zLjd6bTMyLjQgMzUuNmMtMS42IDEuMy0xIDQuMyAxLjMgNi4yYzIuMyAyLjMgNS4yIDIuNiA2LjUgMWMxLjMtMS4zLjctNC4zLTEuMy02LjJjLTIuMi0yLjMtNS4yLTIuNi02LjUtMXptLTExLjQtMTQuN2MtMS42IDEtMS42IDMuNiAwIDUuOWMxLjYgMi4zIDQuMyAzLjMgNS42IDIuM2MxLjYtMS4zIDEuNi0zLjkgMC02LjJjLTEuNC0yLjMtNC0zLjMtNS42LTJ6Ii8+PC9zdmc+);
}
.social-media-icons .xing {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjc1ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTE2Mi43IDIxMGMtMS44IDMuMy0yNS4yIDQ0LjQtNzAuMSAxMjMuNWMtNC45IDguMy0xMC44IDEyLjUtMTcuNyAxMi41SDkuOGMtNy43IDAtMTIuMS03LjUtOC41LTE0LjRsNjktMTIxLjNjLjIgMCAuMi0uMSAwLS4zbC00My45LTc1LjZjLTQuMy03LjguMy0xNC4xIDguNS0xNC4xSDEwMGM3LjMgMCAxMy4zIDQuMSAxOCAxMi4ybDQ0LjcgNzcuNXpNMzgyLjYgNDYuMWwtMTQ0IDI1M3YuM0wzMzAuMiA0NjZjMy45IDcuMS4yIDE0LjEtOC41IDE0LjFoLTY1LjJjLTcuNiAwLTEzLjYtNC0xOC0xMi4ybC05Mi40LTE2OC41YzMuMy01LjggNTEuNS05MC44IDE0NC44LTI1NS4yYzQuNi04LjEgMTAuNC0xMi4yIDE3LjUtMTIuMmg2NS43YzggMCAxMi4zIDYuNyA4LjUgMTQuMXoiLz48L3N2Zz4=);
}
.social-media-icons .linkedin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjg4ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0iTTEwMC4yOCA0NDhINy40VjE0OC45aDkyLjg4ek01My43OSAxMDguMUMyNC4wOSAxMDguMSAwIDgzLjUgMCA1My44YTUzLjc5IDUzLjc5IDAgMCAxIDEwNy41OCAwYzAgMjkuNy0yNC4xIDU0LjMtNTMuNzkgNTQuM3pNNDQ3LjkgNDQ4aC05Mi42OFYzMDIuNGMwLTM0LjctLjctNzkuMi00OC4yOS03OS4yYy00OC4yOSAwLTU1LjY5IDM3LjctNTUuNjkgNzYuN1Y0NDhoLTkyLjc4VjE0OC45aDg5LjA4djQwLjhoMS4zYzEyLjQtMjMuNSA0Mi42OS00OC4zIDg3Ljg4LTQ4LjNjOTQgMCAxMTEuMjggNjEuOSAxMTEuMjggMTQyLjNWNDQ4eiIvPjwvc3ZnPg==);
}

/**** #multicolor-intro ****/
#multicolor-intro {
    padding: 0 !important;
    height: 100vh;
}

#multicolor-intro>div.row-bg-wrap {
    background-color: var(--twire-primary);
    background-color: aqua;
}

#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner,
#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.column-inner-wrap>.column-inner {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80vh !important;
    max-width: min(95%, min(1000px));
    max-height: min(95%, min(600px));
    border-radius: var(--twire-border-radius-pill);
    border: 1px solid var(--twire-navigation);
    border-bottom: 5px solid var(--twire-navigation);
    box-shadow: 0px 10px 24px -8px hsl(0 0% 0% / .5);
    transition: border-radius ease-out .4s;
}

#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner>div:before,
#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.column-inner-wrap>.column-inner>div:before {
    content: "";
    background: var(--twire-background);
    z-index: -1;
    border: 1px solid var(--twire-navigation);
    border-right: 1px solid var(--twire-navigation);
    border-bottom: 1px solid var(--twire-navigation);
    box-shadow: 1px 4px 5px 0 hsl(0 0% 0% / .5) inset;
    filter: var(--twire-filter-darker);
    position: absolute;
    width: calc(100% - 72px);
    height: calc(100% - 85px);
    top: 41px;
    left: 35px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI1NjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDQwIDU2MCI+PGcgbWFzaz0idXJsKCZxdW90OyNTdmdqc01hc2sxMDAzJnF1b3Q7KSIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE0NDAiIGhlaWdodD0iNTYwIiB4PSIwIiB5PSIwIiBmaWxsPSJyZ2JhKDM2LCAzOCwgNDUsIDEpIiBzdHlsZT0iJiMxMDsgICAgZmlsbDogdHJhbnNwYXJlbnQ7JiMxMDsiLz48cGF0aCBkPSJNNDM3LjY5IDU5NS4xNEM1NjUuOTEgNTU3LjYyIDUyMi45MiAxOTUuNzggNzkyLjE3IDE5NS4yNCAxMDYxLjQyIDE5NC43IDEzMTQuODUgNDIyIDE1MDEuMTMgNDI0Ljg0IiBzdHJva2U9InJnYmEoMTI5LCAxNDUsIDE2MSwgMC41OCkiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Ik03NTUuNzMgNjIzLjQ3Qzg5MC4wNiA1NDguMTggODE2LjYxIDk5LjM2IDEwNjguNTcgOTIuODUgMTMyMC41MyA4Ni4zNCAxNTMyLjY2IDI1My45MyAxNjk0LjI2IDI1NS4yNSIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMjA0LjgxIDU5Ni42MUMzODkuOSA1ODYuOTYgNTE0LjI4IDI2NS42IDg2NC42MyAyNTguNTUgMTIxNC45OCAyNTEuNSAxMzU2LjExIDEyNC44MyAxNTI0LjQ1IDEyNC4xNSIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMzQ2LjE2IDU3Ny44M0M0NjkuMTggNTY0LjA2IDU0MS43MiAyOTQuODcgNzUxLjI1IDI5My4wNiA5NjAuNzggMjkxLjI1IDk1My43OSAzNjMuMDYgMTE1Ni4zNCAzNjMuMDYgMTM1OC44OCAzNjMuMDYgMTQ1OC42NiAyOTMuMzIgMTU2MS40MyAyOTMuMDYiIHN0cm9rZT0icmdiYSgxMjksIDE0NSwgMTYxLCAwLjU4KSIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTUwNi45MSA2NjAuMDVDNTkyLjcxIDY1Ni42MyA1NjMuMjggNTI1LjE2IDgxOC43NiA1MTYuMTMgMTA3NC4yMyA1MDcuMSAxMjcyLjc2IDI1Mi45NyAxNDQyLjQ1IDI0Ny4zMyIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PGRlZnM+PG1hc2sgaWQ9IlN2Z2pzTWFzazEwMDMiPjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjU2MCIgZmlsbD0id2hpdGUiLz48L21hc2s+PC9kZWZzPjwvc3ZnPg==");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 1 !important;
}

#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner>div:after,
#multicolor-intro.vc_row.vc_row-flex>.span_12>.vc_column_container>.column-inner-wrap>.column-inner>div:after {
    content: "";
    background: transparent;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    filter: var(--twire-on-navigation-filter) contrast(9) invert(1);
    background: linear-gradient(45deg, transparent, rgba(180, 180, 180, 0.2)), url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpteWRhdGE9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3My4xIDg1LjkiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwLjF2MTcuMWgyMy45djY4LjZINDFWMTcuM2gyMy43VjAuMUwwLDAuMXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3NS4zLDAuMUwxNTMsNDcuNkwxMzAuNywwLjFoLTE5bDE2LjUsMzMuOGwtNy42LDE0LjRMOTcuOCwwLjFoLTE5TDExOCw4NS45aDQuMmwxNC40LTMxLjRsMTQuMywzMS40aDQuMiAgICAgbDM5LjMtODUuOEwxNzUuMywwLjF6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTAuMiw4NS44VjAuMWgxNy4xdjg1LjdIMjEwLjJ6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzUuNiwxNy4xYzQuOCwwLDguNiwzLjksOC42LDguN2MwLDQuOC0zLjgsOC42LTguNiw4LjZoLTYuNnYxNy4xbDE2LDM0LjRoMTguMmwtMTctMzYuNyAgICAgYzguOS00LDE1LjEtMTMsMTUuMS0yMy40YzAtMTQuMi0xMS41LTI1LjgtMjUuNy0yNS44SDI0MnY4NS44aDE3LjFWMTcuMUwyNzUuNiwxNy4xeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzczLjEsMC4xaC01Ny4xdjE3LjFoNTcuMVYwLjF6IE0zMTUuOSw1MC4zaDQ3LjRWMzMuMmgtNDcuNFY1MC4zeiBNMzE1LjksODUuOWg1Ni44VjY4LjhoLTU2LjhWODUuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+") no-repeat center 98%;
    background-size: 100% 100%, 100px;
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.2) inset;
    box-shadow: 0 0px 2px 0 var(--twire-on-navigation) inset;
    border-radius: var(--twire-border-radius-pill);
}

#multicolor-intro .row-bg {
    background-image: radial-gradient(farthest-side at 0 0, var(--twire-background), transparent),
        radial-gradient(farthest-side at 100% 0, var(--twire-primary), transparent),
        radial-gradient(farthest-side at 100% 100%, var(--twire-accent), transparent),
        radial-gradient(farthest-side at 0 100%, var(--twire-surface1), transparent)
}

#multicolor-intro .row-bg-wrap .row-bg-overlay {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpzdmdqcz0iaHR0cDovL3N2Z2pzLmNvbS9zdmdqcyIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI1NjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCAxNDQwIDU2MCI+PGcgbWFzaz0idXJsKCZxdW90OyNTdmdqc01hc2sxMDAzJnF1b3Q7KSIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE0NDAiIGhlaWdodD0iNTYwIiB4PSIwIiB5PSIwIiBmaWxsPSJyZ2JhKDM2LCAzOCwgNDUsIDEpIiBzdHlsZT0iJiMxMDsgICAgZmlsbDogdHJhbnNwYXJlbnQ7JiMxMDsiLz48cGF0aCBkPSJNNDM3LjY5IDU5NS4xNEM1NjUuOTEgNTU3LjYyIDUyMi45MiAxOTUuNzggNzkyLjE3IDE5NS4yNCAxMDYxLjQyIDE5NC43IDEzMTQuODUgNDIyIDE1MDEuMTMgNDI0Ljg0IiBzdHJva2U9InJnYmEoMTI5LCAxNDUsIDE2MSwgMC41OCkiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGQ9Ik03NTUuNzMgNjIzLjQ3Qzg5MC4wNiA1NDguMTggODE2LjYxIDk5LjM2IDEwNjguNTcgOTIuODUgMTMyMC41MyA4Ni4zNCAxNTMyLjY2IDI1My45MyAxNjk0LjI2IDI1NS4yNSIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMjA0LjgxIDU5Ni42MUMzODkuOSA1ODYuOTYgNTE0LjI4IDI2NS42IDg2NC42MyAyNTguNTUgMTIxNC45OCAyNTEuNSAxMzU2LjExIDEyNC44MyAxNTI0LjQ1IDEyNC4xNSIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48cGF0aCBkPSJNMzQ2LjE2IDU3Ny44M0M0NjkuMTggNTY0LjA2IDU0MS43MiAyOTQuODcgNzUxLjI1IDI5My4wNiA5NjAuNzggMjkxLjI1IDk1My43OSAzNjMuMDYgMTE1Ni4zNCAzNjMuMDYgMTM1OC44OCAzNjMuMDYgMTQ1OC42NiAyOTMuMzIgMTU2MS40MyAyOTMuMDYiIHN0cm9rZT0icmdiYSgxMjksIDE0NSwgMTYxLCAwLjU4KSIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTUwNi45MSA2NjAuMDVDNTkyLjcxIDY1Ni42MyA1NjMuMjggNTI1LjE2IDgxOC43NiA1MTYuMTMgMTA3NC4yMyA1MDcuMSAxMjcyLjc2IDI1Mi45NyAxNDQyLjQ1IDI0Ny4zMyIgc3Ryb2tlPSJyZ2JhKDEyOSwgMTQ1LCAxNjEsIDAuNTgpIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PGRlZnM+PG1hc2sgaWQ9IlN2Z2pzTWFzazEwMDMiPjxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjU2MCIgZmlsbD0id2hpdGUiLz48L21hc2s+PC9kZWZzPjwvc3ZnPg==");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-color: transparent !important;
    opacity: 1 !important;
    /* transform: rotate(-45deg); */
}

#multicolor-intro .pre-header:before {
    content: '';
    width: 24px;
    height: 24px;
    display: flex;
    margin-left: 4px;
    margin-bottom: 4px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwMCA1MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMCA1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMDBCNEUwO3N0cm9rZS13aWR0aDozMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2Rpc3BsYXk6bm9uZTt9Cgkuc3Qye2Rpc3BsYXk6aW5saW5lO2ZpbGw6IzAwQjRFMDtzdHJva2U6IzBGMTcxRjtzdHJva2Utd2lkdGg6MTA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0M3tkaXNwbGF5Om5vbmU7ZmlsbDojMDBCNEUwO30KCS5zdDR7ZGlzcGxheTpub25lO2ZpbGw6IzAwQjRFMDtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30KCS5zdDV7Zm9udC1mYW1pbHk6J0phYXBva2tpc3VidHJhY3QtUmVndWxhcic7fQoJLnN0Nntmb250LXNpemU6MjYzcHg7fQoJLnN0N3tsZXR0ZXItc3BhY2luZzotNjc7fQoJLnN0OHtsZXR0ZXItc3BhY2luZzotMjE7fQoJLnN0OXtkaXNwbGF5OmlubGluZTtmaWxsOiMwMEIzREY7fQoJLnN0MTB7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cgkuc3QxMXtmaWxsOiMwMEI0RTA7fQo8L3N0eWxlPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyNTAiIGN5PSIyNTAiIHI9IjIzMCIvPgo8ZyBjbGFzcz0ic3QxIj4KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNjQuNywxNTcuOXYzNi44aC01MXYxNDcuNUg3Ni44VjE5NC44SDI1LjZWMTU4aDEzOS4xTDE2NC43LDE1Ny45TDE2NC43LDE1Ny45eiIvPgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM3My4yLDE1Ny45bC04NC40LDE4NC40aC04LjlsLTMwLjgtNjcuNmwtMzEsNjcuNmgtOC45TDEyNSwxNTcuOWg0MC44bDQ5LjEsMTAzLjdsMTYuMy0zMUwxOTUuNywxNThoNDAuOCAgIGw0Ny45LDEwMmw0OC4xLTEwMmg0MC43VjE1Ny45eiIvPgoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTM3OS42LDE5NC41VjM0MmgtMzYuOFYxNTcuN2g3Mi4xYzMwLjUsMCw1NS4yLDI1LDU1LjIsNTUuNWMwLDIyLjQtMTMuMSw0MS42LTMyLjMsNTAuMmwzNi42LDc4LjloLTM5LjIgICBsLTM0LjUtNzMuOXYtMzYuOGgxNC4yYzEwLjMsMCwxOC40LTguMiwxOC40LTE4LjRjMC0xMC4zLTguMi0xOC43LTE4LjQtMTguN0gzNzkuNnoiLz4KPC9nPgo8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMjc4LjcsNDg4LjZoLTU2LjVjLTE3LjcsMC0zMi4xLTE0LjQtMzIuMS0zMi4xdi0yNDVjMC03LjcsNi4zLTE0LDE0LTE0czE0LDYuMywxNCwxNHYyNDVjMCwyLjIsMS44LDQsNCw0ICBoNTYuNWMyLjIsMCw0LTEuOCw0LTRWMTg2LjNjMC0xNy43LDE0LjQtMzIuMSwzMi4xLTMyLjFoODguOGMyLjIsMCw0LTEuOCw0LTR2LTM4LjdjMC0yLjItMS44LTQtNC00aC03MCAgYy0xMy44LDAtMjYuOCw1LjQtMzYuNSwxNS4xbC0zNi4zLDM2LjNjLTE1LjEsMTUuMS0zNS4xLDIzLjMtNTYuMywyMy4zaC0xMDhjLTE3LjcsMC0zMi4xLTE0LjQtMzIuMS0zMi4xdi0zOC43ICBjMC0xNy43LDE0LjQtMzIuMSwzMi4xLTMyLjFoMTUxLjhjNy43LDAsMTQsNi4zLDE0LDE0cy02LjMsMTQtMTQsMTRIOTYuNGMtMi4yLDAtNCwxLjgtNCw0VjE1MGMwLDIuMiwxLjgsNCw0LDRoMTA4ICBjMTMuOCwwLDI2LjgtNS40LDM2LjUtMTUuMWwzNi4zLTM2LjNjMTUuMS0xNS4xLDM1LjEtMjMuMyw1Ni4zLTIzLjNoNzBjMTcuNywwLDMyLjEsMTQuNCwzMi4xLDMyLjF2MzguNyAgYzAsMTcuNy0xNC40LDMyLjEtMzIuMSwzMi4xaC04OC44Yy0yLjIsMC00LDEuOC00LDR2MjcwLjJDMzEwLjgsNDc0LjIsMjk2LjQsNDg4LjYsMjc4LjcsNDg4LjZ6Ii8+Cjx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNjUuMzQ0MiAyNTguOTQ2MykiIGNsYXNzPSJzdDQgc3Q1IHN0NiBzdDciPlRXPC90ZXh0Pgo8dGV4dCB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDExNC4zMTE1IDQ1NC41MTY2KSIgY2xhc3M9InN0NCBzdDUgc3Q2IHN0OCI+UkU8L3RleHQ+CjxnIGNsYXNzPSJzdDEiPgoJPHBhdGggY2xhc3M9InN0OSIgZD0iTTI0OS45LDQ4OC4yYy0zNi4zLDAtNjUuOC0yOS41LTY1LjgtNjUuOFYyNjEuMmMwLTUzLjcsNDMuNy05Ny4zLDk3LjMtOTcuM2g4OC4zYzEwLjQsMCwxOC44LTguNCwxOC44LTE4LjggICBjMC0xMC40LTguNC0xOC44LTE4LjgtMTguOEgxMzAuMWMtMTAuNCwwLTE4LjgsOC40LTE4LjgsMTguOGMwLDEwLjQsOC40LDE4LjgsMTguOCwxOC44aDE4LjZjMTMsMCwyMy41LDEwLjUsMjMuNSwyMy41ICAgcy0xMC41LDIzLjUtMjMuNSwyMy41aC0xOC42Yy0zNi4zLDAtNjUuOC0yOS41LTY1LjgtNjUuOHMyOS41LTY1LjgsNjUuOC02NS44aDIzOS43YzM2LjMsMCw2NS44LDI5LjUsNjUuOCw2NS44ICAgcy0yOS41LDY1LjgtNjUuOCw2NS44aC04OC4zYy0yNy43LDAtNTAuMywyMi42LTUwLjMsNTAuM3YxNjEuMmMwLDEwLjQsOC40LDE4LjgsMTguOCwxOC44YzEwLjQsMCwxOC44LTguNCwxOC44LTE4LjhWMjY2LjggICBjMC0xMywxMC41LTIzLjUsMjMuNS0yMy41czIzLjUsMTAuNSwyMy41LDIzLjV2MTU1LjZDMzE1LjgsNDU4LjcsMjg2LjIsNDg4LjIsMjQ5LjksNDg4LjJ6Ii8+CjwvZz4KPGcgY2xhc3M9InN0MTAiPgoJPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0zNjksMTEwLjV2NjNoLTg3LjN2MjUyLjRoLTYzVjE3My40SDEzMXYtNjNIMzY5eiIvPgo8L2c+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: cover;
    filter: var(--twire-on-navigation-filter);
}

#multicolor-intro .pre-header {
    font-size: .9rem !important;
    color: var(--twire-on-navigation) !important;
    font-family: 'JaapokkisubtractRegular';
    padding: 5px 10px 0px 10px !important;
    border-radius: 0 0 var(--twire-border-radius-pill) var(--twire-border-radius-pill);
    display: flex !important;
    margin-bottom: 0;
    margin-top: 0px;
    align-items: center;
    width: calc(100% - 72px);
    justify-content: space-between;
    top: 72px;
    position: absolute;
    background: linear-gradient(var(--twire-navigation), var(--twire-navigation)) padding-box, linear-gradient(to bottom, var(--twire-primary), var(--twire-accent)) border-box;
    border: 1px solid transparent;
    transition: border-radius ease-out .4s;
}

#multicolor-intro .pre-header:after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGlkPSJidXJnZXIiIGZpbGw9IiMwMDAwMDAiIHZpZXdCb3g9IjAgMCA1MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBjbGFzcz0iYW5pbSI+CiAgICA8cGF0aCBjbGFzcz0idG9wIiBkPSJNMCA4aDUwdjNIMHoiLz4KICAgIDxwYXRoIGNsYXNzPSJib3R0b20iIGQ9Ik0wIDI4aDUwdjNIMHoiLz4KICAgIDxwYXRoIGNsYXNzPSJtaWRkbGUiIGQ9Ik0wIDE4aDQwdjNIMHoiLz4KICA8L2c+CiAgPGcgY2xhc3M9InNwb29mIj4KICAgPHBhdGggY2xhc3M9InRvcGMiIGQ9Ik0wIDQ4aDUwdjNIMHoiLz4KCQkgICAgPHBhdGggY2xhc3M9ImJvdHRvbWMiIGQ9Ik0wIDY4aDUwdjNIMHoiLz4KCQkgICAgPHBhdGggY2xhc3M9Im1pZGRsZWMiIGQ9Ik0wIDU4aDQwdjNIMHoiLz4KICA8L2c+Cjwvc3ZnPg==");
    width: 30px;
    height: 25px;
    margin-right: 8px;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--twire-on-navigation-filter);
}

#multicolor-intro h1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(1.5rem, 5vw, 6rem);
    color: var(--twire-on-background);
}

#multicolor-intro .span_12 {
    height: 100vh;
    padding-top: 60px;
    padding-bottom: 60px;
}

#multicolor-intro .span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
    /* backdrop-filter: blur(5px) saturate(1.5); */
    border-radius: var(--twire-border-radius-pill);
    filter: drop-shadow(1px 1px 0px var(--twire-navigation));
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--twire-navigation);
    justify-content: center;
    transition: border-radius ease-out .4s;
}

#multicolor-intro .nectar-rotating-words-title {
    display: flex;
    padding-top: 40px;
    align-items: center;
    height: calc(100% - 82px);
    width: calc(100% - 72px);
    justify-content: center;
}

#multicolor-intro .nectar-rotating-words-title .dynamic-words span {
    padding-top: 2px;
    padding-bottom: 2px;
}

/**** #intro - lightness text-shadow effect ****/
#intro>div>div>div.row-bg {
    background: var(--twire-surface1) !important;
}

#intro .nectar-shape-divider {
    fill: var(--twire-surface2);
}

#intro .twire-lighness-wrapper {
    background: var(--twire-surface1);
    height: 150px;
    width: 100%;
    margin: 0;
}

#intro .twire-lighness-wrapper.show {
    display: block !important;
}

#intro .twire-lighness-wrapper .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    z-index: 100;
    background: var(--twire-surface1);
    background: linear-gradient(0deg, var(--twire-surface1) 75%, transparent);
}

#intro .twire-lighness-wrapper .text {
    /* font-family: "Yanone Kaffeesatz"; */
    /* font-family: "JaapokkiRegular"; */
    font-weight: 200;
    font-size: clamp(30px, 3vw, 100px);
    line-height: clamp(30px, 3vw, 100px);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 50px;
    left: 0%;
    color: var(--twire-on-surface1);
    user-select: none;
}
#intro .twire-lighness-wrapper .wrapper {
    padding-left: clamp(5px, 1vw, 20px);
    padding-right: clamp(5px, 1vw, 20px);
    padding-top: clamp(5px, 1vw, 20px);
}
#intro .twire-lighness-wrapper .shadow {
    transform: scale(1, -1);
    opacity: .2;
}
#intro img {
    filter: var(--twire-image-filter) drop-shadow(2px 4px 6px var(--twire-surface2));
}
/**** #global-dont-be-shy ****/
#global-dont-be-shy #dont-be-shy .row_col_wrap_12 {
    display: grid;
    grid-template-rows: 1fr 1fr;
}
#global-dont-be-shy .row-bg {
    background: var(--twire-surface3);
    background: linear-gradient(180deg, var(--twire-surface3) 50%, var(--twire-accent) 50%);
}

#dont-be-shy .wpcf7-form-control *,
#dont-be-shy input::placeholder,
#dont-be-shy input::-webkit-input-placeholder,
#dont-be-shy textarea::placeholder,
#dont-be-shy textarea::-webkit-input-placeholder {
    color: var(--twire-on-accent);
}

#dont-be-shy input:-ms-input-placeholder,
#dont-be-shy textarea:-ms-input-placeholder {
    color: var(--twire-on-accent);
}

#dont-be-shy input,
#dont-be-shy textarea {
    border-bottom: 1px solid var(--twire-on-accent);
}

#dont-be-shy input:focus,
#dont-be-shy textarea:focus {
    border-bottom-width: 2px;
    backdrop-filter: var(--twire-filter-darker);
}

#dont-be-shy .wpcf7-acceptance label {
    font-weight: 300 !important;
    font-size: .8rem;
}

#dont-be-shy .wpcf7-acceptance label a {
    font-weight: 500;
}

#dont-be-shy .wpcf7-acceptance>.wpcf7-list-item,
#dont-be-shy input[type="checkbox"] {
    margin-left: 0;
}

#dont-be-shy .wpcf7 form.invalid .wpcf7-response-output,
#dont-be-shy .wpcf7 form.unaccepted .wpcf7-response-output,
#dont-be-shy .wpcf7 form.payment-required .wpcf7-response-output {
    background-color: var(--twire-error);
    color: var(--twire-on-error) !important;
    border: none;
    border-radius: var(--twire-border-radius-default) var(--twire-border-radius-default) var(--twire-border-radius-pill) var(--twire-border-radius-default);
    transition: border-radius ease-out .4s;
}
#dont-be-shy .wpcf7-form .wpcf7-not-valid-tip {
    background-color: var(--twire-on-error) !important;
    color: var(--twire-error);
    box-shadow: none;
    border-radius: var(--twire-border-radius-default) var(--twire-border-radius-default) var(--twire-border-radius-pill) var(--twire-border-radius-default);
    transition: border-radius ease-out .4s;
}
#dont-be-shy input[type=submit] {
    color: var(--twire-accent);
    background-color: var(--twire-on-accent) !important;
    border-bottom: none;
    font-family: 'JaapokkisubtractRegular';
    border-bottom-right-radius: var(--twire-border-radius-pill);
    border-radius: var(--twire-border-radius-default) var(--twire-border-radius-default) var(--twire-border-radius-pill) var(--twire-border-radius-default);
    transition: border-radius ease-out .4s;
}
#dont-be-shy .wpcf7 form.sent .wpcf7-response-output {
    background-color: var(--twire-success);
    color: var(--twire-on-success) !important;
    border: none;
}
/**** call-to-action ****/
#call-to-action,
#call-to-action .row-bg {
    background-color: var(--twire-primary) !important;
}
#call-to-action .container span {
    font-size: clamp(1.4rem, 4vw, 3rem);
    font-weight: 700;
    color: var(--twire-on-primary);
    line-height: 1.2;
}
#call-to-action .cta-text {
    text-align: left;
    padding-bottom: 72px;
    padding-top: 72px;
}
#call-to-action .nectar-cta span.text,
#call-to-action .nectar-cta span.link_wrap {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: var(--twire-on-primary);
    color: var(--twire-primary);
    width: 100%;
    border-radius: var(--twire-border-radius-default) var(--twire-border-radius-default) var(--twire-border-radius-pill) var(--twire-border-radius-default);
    transition: border-radius ease-out .4s;
}
#call-to-action .nectar-cta svg {
    background: transparent;
}
#call-to-action .nectar-cta svg polyline {
    stroke: var(--twire-primary);
}
#call-to-action .nectar-cta span.line {
    background-color: var(--twire-primary);
}
#call-to-action .nectar-cta a.link_text {
    padding: 0 0 0 40px;
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    top: auto;
    margin-left: 0;
    margin-top: 4px;
}

/**** footer ****/
body #footer-outer #footer-widgets,
body #footer-outer #footer-widgets *,
.span_12.light #footer-outer .wpb_text_column a:not(:hover),
.ascend #footer-outer #copyright {
    background-color: var(--twire-background);
    color: var(--twire-on-background)
}

body #footer-outer .footer-title {
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: -25px;
}

#footer-outer #copyright li a i {
    color: var(--twire-on-background);
}

#ajax-content-wrap #footer-outer #copyright {
    border-top: 1px solid var(--twire-background);
    filter: var(--twire-filter-darker);
}

#footer-outer #copyright ul.social {
    padding-bottom: 40px;
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

/**** browser-mockup ****/
#multicolor-intro .nectar-rotating-words-title,
.browser-mockup {
    /* box-shadow: 0 0.1em 1em 0 var(--twire-navigation); */
    position: relative;
    filter: drop-shadow(0px 0px 1px var(--twire-on-navigation));
    /* border: 4px solid var(--twire-navigation); */
    border-top: 2rem solid var(--twire-navigation);
}

#multicolor-intro .nectar-rotating-words-title:before,
.browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -1.25rem;
    left: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--twire-border-radius-circle);
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5;
}

#multicolor-intro .nectar-rotating-words-title:after,
.browser-mockup:after {
    display: block;
    position: absolute;
    content: 'https://twire.info';
    top: -1.6rem;
    left: 5.5rem;
    color: var(--twire-on-navigation);
    width: calc(100% - 6.5rem);
    height: 1.2rem;
    border-radius: var(--twire-border-radius-pill);
    background-color: var(--twire-navigation);
    filter: var(--twire-filter-darker);
    line-height: 1.4em;
    font-size: .8rem;
    text-align: left;
    padding-left: 7px;
}

#dont-be-shy .left .wpb_wrapper * {
    position: relative;
    z-index: 1;
    background: transparent;
}

#dont-be-shy .right .first-line,
#dont-be-shy .right .second-line {
    text-align: center;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 5rem;
    font-weight: 700;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    padding-bottom: 4px;
}

#dont-be-shy .right .second-line {
    background-color: var(--twire-on-accent);
    color: var(--twire-accent);
    border-bottom-right-radius: var(--twire-border-radius-pill);
    transition: border-radius ease-out .4s;
}

.nectar-global-section.before-footer>.container {
    max-width: 100%;
    padding: 0;
}

/**** popup ****/
.popup {
    position: fixed;
    top: -60px;
    right: 10px;
    padding: 16px 40px;
    background: var(--twire-primary);
    color: var(--twire-on-primary);
    border: 1px solid var(--twire-primary);
    border-radius: var(--twire-border-radius-pill);
    animation: popup 5s ease-in-out;
    z-index: 99999;
}

#to-top {
    bottom: 80px;
}

#footer-outer #copyright .col {
    width: 100%;
}

/**** keyframes ****/
@keyframes growing-visibility {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes growing-circle {
    0% {
        clip-path: circle(30% at -25% -25%);
        opacity: 1;
        visibility: visible;
    }

    100% {
        clip-path: circle(200% at 0 0);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes popup {
    10%,
    90% {
        top: 60px;
    }

    100% {
        top: -60px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 690px) {
    .container,
    .orbit-wrapper .slider-nav,
    .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 100%;
        margin: 0 calc(100vw * 0.10);
    }
}

/**** media queries (mobile first) ****/
@media only screen and (max-width: 690px) {
    .container,
    .orbit-wrapper .slider-nav,
    .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 100% !important;
        margin: 0 calc(100vw * 0.10);
    }
    #copyright .col.span_5 {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 690px) and (max-width: 999px) {
    .container,
    .orbit-wrapper .slider-nav,
    .post-area.standard-minimal.full-width-content .post .inner-wrap {
        max-width: 100%;
        margin: 0 calc(100vw * 0.10);
    }
}

@media only screen and (min-width: 1000px) {
    #call-to-action .container {
        padding: 0 90px;
    }
    #to-top {
        bottom: 0;
    }
    body #header-outer {
        /* width: calc((100% * 20 / 24) - (2 * 46px)); */
        width: calc((100% - 224px) - (2 * 46px));
        /* left: calc(100% * 4 / 24); */
        left: 224px;
        margin-left: 46px;
        margin-right: 46px;
        margin-top: 8px;
        border-radius: var(--twire-border-radius-pill);
        transition: border-radius ease-out .4s;
    }
    /**** more space for content because the round corners of the side-navigation-background ****/
    .single-product[data-header-format=left-header] .product[data-gallery-style=left_thumb_sticky][data-gallery-variant=fullwidth] .single-product-wrap,
    [data-header-format=left-header] .full-width-content.blog-fullwidth-wrap,
    [data-header-format=left-header] .full-width-content.nectar-shop-outer,
    [data-header-format=left-header] .full-width-section .nectar-parallax-scene,
    [data-header-format=left-header] .full-width-section .row-bg-wrap,
    [data-header-format=left-header] .full-width-section.parallax_section .row-bg-wrap,
    [data-header-format=left-header] .full-width-section>.nectar-shape-divider-wrap,
    [data-header-format=left-header] .full-width-section>.video-color-overlay,
    [data-header-format=left-header] .nectar-slider-wrap[data-full-width=true],
    [data-header-format=left-header] .page-submenu .full-width-content,
    [data-header-format=left-header] .page-submenu>.full-width-section,
    [data-header-format=left-header] .portfolio-filters-inline.full-width-section:not(.non-fw),
    [data-header-format=left-header] .wpb_row.full-width-content,
    [data-header-format=left-header] .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content,
    [data-header-format=left-header][data-aie=long-zoom-out] .first-section .row-bg-wrap,
    [data-header-format=left-header][data-aie=long-zoom-out] .top-level.full-width-section .row-bg-wrap,
    [data-header-format=left-header][data-aie=zoom-out] .first-section .row-bg-wrap,
    [data-header-format=left-header][data-aie=zoom-out] .top-level.full-width-section .row-bg-wrap,
    body[data-header-format=left-header] .wpb_row.full-width-section .templatera_shortcode>.wpb_row.full-width-section>.row-bg-wrap {
        margin-left: calc(-50vw + 105px);
        margin-left: calc(-50vw + 105px + var(--scroll-bar-w)/ 2);
        width: calc(100vw - 242px);
        width: calc(100vw - 242px - var(--scroll-bar-w));
        left: 50%;
    }

    #header-outer #top>.container {
        padding: 0 24px;
    }

    #header-outer #top .col.span_3:before,
    #header-outer #top .col.span_3:after {
        content: unset;
    }

    #header-outer[data-format="left-header"] #top .span_9 {
        margin-top: 150px;
    }

    body.ascend #header-outer[data-full-width=false] #top nav>.buttons {
        margin-left: auto;
    }

    body:not(.mobile) #header-outer .row>.span_3 {
        width: 100%;
    }

    body[data-header-format=left-header] #header-outer .span_3 {
        margin-top: 16px;
    }

    body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a:hover {
        color: var(--twire-on-primary) !important;
    }

    body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] #top nav>ul>li:not([class*="button_"])>a>span:after {
        background-color: var(--twire-primary) !important;
    }

    body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]).current-menu-item>a,
    body[data-header-format=left-header] #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_]).current_page_item>a {
        color: var(--twire-on-primary) !important;
    }

    #multicolor-intro .span_12 {
        padding-bottom: 0;
    }

    #intro .twire-lighness-wrapper {
        margin: 180px 0 0 0;
    }

    #intro .twire-lighness-wrapper .overlay {
        height: 85px;
    }

    .site-holder {
        min-height: 1080px;
        position: relative;
    }

    .mx-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .left-sidebar {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        grid-column: span 4 / span 4;
        background-color: var(--twire-navigation);
        background: linear-gradient(var(--twire-navigation), var(--twire-navigation)) padding-box,
        linear-gradient(to bottom, var(--twire-primary), var(--twire-accent)) border-box;
        border: 1px solid transparent;
        border-left: none;
        border-radius: 0 var(--twire-border-radius-pill) var(--twire-border-radius-pill) 0;
        z-index: 999;
        height: 100vh;
        transition: border-radius ease-out .4s;
    }

    .left-sidebar .logo {
        color: transparent !important;
        width: calc(224px - 32px);
        height: 44px;
        line-height: 44px;
        margin: 16px;
        display: flex;
        background: var(--twire-on-navigation);
        /* background: linear-gradient(to right, var(--twire-primary) 0%, var(--twire-accent) 100%); */
        /* -webkit-mask: url('/wp-content/plugins/twire-functions/assets/img/twire-logo-transparent-blue-v2_.svg') no-repeat left center; */
        /* mask: url('/wp-content/plugins/twire-functions/assets/img/twire-logo-transparent-blue-v2_.svg'); */
        mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpteWRhdGE9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3My4xIDg1LjkiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwLjF2MTcuMWgyMy45djY4LjZINDFWMTcuM2gyMy43VjAuMUwwLDAuMXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3NS4zLDAuMUwxNTMsNDcuNkwxMzAuNywwLjFoLTE5bDE2LjUsMzMuOGwtNy42LDE0LjRMOTcuOCwwLjFoLTE5TDExOCw4NS45aDQuMmwxNC40LTMxLjRsMTQuMywzMS40aDQuMiAgICAgbDM5LjMtODUuOEwxNzUuMywwLjF6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTAuMiw4NS44VjAuMWgxNy4xdjg1LjdIMjEwLjJ6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzUuNiwxNy4xYzQuOCwwLDguNiwzLjksOC42LDguN2MwLDQuOC0zLjgsOC42LTguNiw4LjZoLTYuNnYxNy4xbDE2LDM0LjRoMTguMmwtMTctMzYuNyAgICAgYzguOS00LDE1LjEtMTMsMTUuMS0yMy40YzAtMTQuMi0xMS41LTI1LjgtMjUuNy0yNS44SDI0MnY4NS44aDE3LjFWMTcuMUwyNzUuNiwxNy4xeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzczLjEsMC4xaC01Ny4xdjE3LjFoNTcuMVYwLjF6IE0zMTUuOSw1MC4zaDQ3LjRWMzMuMmgtNDcuNFY1MC4zeiBNMzE1LjksODUuOWg1Ni44VjY4LjhoLTU2LjhWODUuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+);
        mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpteWRhdGE9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM3My4xIDg1LjkiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwwLjF2MTcuMWgyMy45djY4LjZINDFWMTcuM2gyMy43VjAuMUwwLDAuMXoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3NS4zLDAuMUwxNTMsNDcuNkwxMzAuNywwLjFoLTE5bDE2LjUsMzMuOGwtNy42LDE0LjRMOTcuOCwwLjFoLTE5TDExOCw4NS45aDQuMmwxNC40LTMxLjRsMTQuMywzMS40aDQuMiAgICAgbDM5LjMtODUuOEwxNzUuMywwLjF6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTAuMiw4NS44VjAuMWgxNy4xdjg1LjdIMjEwLjJ6Ii8+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzUuNiwxNy4xYzQuOCwwLDguNiwzLjksOC42LDguN2MwLDQuOC0zLjgsOC42LTguNiw4LjZoLTYuNnYxNy4xbDE2LDM0LjRoMTguMmwtMTctMzYuNyAgICAgYzguOS00LDE1LjEtMTMsMTUuMS0yMy40YzAtMTQuMi0xMS41LTI1LjgtMjUuNy0yNS44SDI0MnY4NS44aDE3LjFWMTcuMUwyNzUuNiwxNy4xeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzczLjEsMC4xaC01Ny4xdjE3LjFoNTcuMVYwLjF6IE0zMTUuOSw1MC4zaDQ3LjRWMzMuMmgtNDcuNFY1MC4zeiBNMzE1LjksODUuOWg1Ni44VjY4LjhoLTU2LjhWODUuOXoiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+);
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
    }

    .left-sidebar .menu {
        margin: 0;
    }

    .left-sidebar .menu li {
        list-style: none !important;
        margin: 8px 16px !important;
    }

    .sidebar-holder {
        overflow-y: auto;
        overflow-x: hidden;
        display: inline-flex;
        flex-direction: column;
        height: 100%;
        justify-content: end;
    }

    .hexa-content {
        grid-column: span 20 / span 20;
    }
    .md\:grid-cols-24 {
        grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
        grid-template-columns: minmax(56px, 0) minmax(56px, 0) minmax(56px, 0) minmax(56px, 0) repeat(20, minmax(0, 1fr)) !important;
    }

    .md\:grid {
        display: grid !important;
    }

    #global-dont-be-shy #dont-be-shy .row_col_wrap_12 {
        display: flex;
    }

    #global-dont-be-shy .row-bg {
        background: linear-gradient(90deg, var(--twire-surface3) 50%, var(--twire-accent) 50%);
    }

    #footer-outer #copyright .col.col_last {
        display: none;
    }
}









#ajax-content-wrap .container-wrap {
    z-index: 0;
}

#header-space {
    height: 0 !important;
}

div#footer-outer {
    width: 100vw;
}

@media only screen and (min-width: 1000px) {
    /* body .full-width-section .row-bg-wrap {
        left: -224px;
        margin-left: -90px;
    }

    body .full-width-section>.nectar-shape-divider-wrap {
        left: -224px;
        margin-left: -90px;
    } */
}