@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@100;200;300;400&display=block");
@import url(https://use.typekit.net/gew7qrs.css);
:root {
--icon-font: "Material Symbols Outlined";
--black-10: rgba(46, 53, 67, 0.10);
--blue-light-10: #2d5982;
--blue-light-20: #456b90;
--blue-light-30: #5c7e9e;
--blue-light-40: #7390ac;
--blue-light-50: #8ba3ba;
--blue-light-60: #a2b5c7;
--blue-light-70: #b9c8d5;
--blue-light-80: #d0dae3;
--blue-light-90: #e8edf1;
--blue-light-95: #f3f6f8;
--blue: #164674;
--blue: #164674;
--blue-dark-10: #143f68;
--blue-dark-20: #12385d;
--blue-dark-30: #0f3151;
--blue-dark-40: #0d2a46;
--blue-dark-50: #0b233a;
--blue-dark-60: #091c2e;
--blue-dark-70: #071523;
--blue-dark-80: #040e17;
--blue-dark-90: #02070c;
--blue-dark-100: black;
--orange-light-10: #f79848;
--orange-light-20: #f8a35d;
--orange-light-30: #f9af71;
--orange-light-40: #faba85;
--orange-light-50: #fbc69a;
--orange-light-60: #fbd1ae;
--orange-light-70: #fcddc2;
--orange-light-80: #fde8d6;
--orange-light-90: #fef4eb;
--orange-light-95: #fff9f5;
--orange: #F68C34;
--orange: #F68C34;
--orange-dark-10: #dd7e2f;
--orange-dark-20: #c5702a;
--orange-dark-30: #ac6224;
--orange-dark-40: #94541f;
--orange-dark-50: #7b461a;
--orange-dark-60: #623815;
--orange-dark-70: #4a2a10;
--orange-dark-80: #311c0a;
--orange-dark-90: #190e05;
--orange-dark-100: black;
} html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
*:before, *:after {
box-sizing: inherit;
}
img,
embed,
object,
audio,
video {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
button,
input,
optgroup,
select,
textarea, html input[type=button],
input[type=reset],
input[type=submit], button[disabled],
html input[disabled], button::-moz-focus-inner,
input::-moz-focus-inner, input[type=checkbox],
input[type=radio], input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button, input[type=search], input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
border: 0;
background-image: none;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
} :root,
[data-bs-theme=light] {
--bs-blue: #164674;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #F68C34;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #0D0D0D;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #164674;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 22, 70, 116;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text: #12385d;
--bs-secondary-text: #6c757d;
--bs-success-text: #146c43;
--bs-info-text: #087990;
--bs-warning-text: #997404;
--bs-danger-text: #b02a37;
--bs-light-text: #6c757d;
--bs-dark-text: #495057;
--bs-primary-bg-subtle: #d0dae3;
--bs-secondary-bg-subtle: #f8f9fa;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #a2b5c7;
--bs-secondary-border-subtle: #e9ecef;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 13, 13, 13;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", "Rubik", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-emphasis-color: #0D0D0D;
--bs-emphasis-color-rgb: 13, 13, 13;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-link-color: #164674;
--bs-link-color-rgb: 22, 70, 116;
--bs-link-decoration: underline;
--bs-link-hover-color: #12385d;
--bs-link-hover-color-rgb: 18, 56, 93;
--bs-code-color: #d63384;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(13, 13, 13, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
--bs-emphasis-color: #0D0D0D;
--bs-form-control-bg: var(--bs-body-bg);
--bs-form-control-disabled-bg: var(--bs-secondary-bg);
--bs-highlight-bg: #fff3cd;
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1400px;
--bs-breakpoint-xxl: 1600px;
}
[data-bs-theme=dark] {
--bs-body-color: #adb5bd;
--bs-body-color-rgb: 173, 181, 189;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #f8f9fa;
--bs-emphasis-color-rgb: 248, 249, 250;
--bs-secondary-color: rgba(173, 181, 189, 0.75);
--bs-secondary-color-rgb: 173, 181, 189;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(173, 181, 189, 0.5);
--bs-tertiary-color-rgb: 173, 181, 189;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-emphasis-color: #fff;
--bs-primary-text: #7390ac;
--bs-secondary-text: #dee2e6;
--bs-success-text: #75b798;
--bs-info-text: #6edff6;
--bs-warning-text: #ffda6a;
--bs-danger-text: #ea868f;
--bs-light-text: #f8f9fa;
--bs-dark-text: #dee2e6;
--bs-primary-bg-subtle: #040e17;
--bs-secondary-bg-subtle: #212529;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #212427;
--bs-primary-border-subtle: #0d2a46;
--bs-secondary-border-subtle: #495057;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #055160;
--bs-warning-border-subtle: #664d03;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: #fff;
--bs-link-color: #7390ac;
--bs-link-hover-color: #a2b5c7;
--bs-link-color-rgb: 115, 144, 172;
--bs-link-hover-color-rgb: 162, 181, 199;
--bs-code-color: #e685b5;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 36px;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 2);
padding-left: calc(var(--bs-gutter-x) * 2);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 100%;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 100%;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 100%;
}
}
@media (min-width: 1400px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 100%;
}
}
@media (min-width: 1600px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1440px;
}
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
padding-left: var(--wp--preset--spacing--small);
padding-right: var(--wp--preset--spacing--small);
}
.row {
--bs-gutter-x: clamp(24px, 4vw, 32px);
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--wp--preset--spacing--small) * 0.5);
padding-left: calc(var(--wp--preset--spacing--small) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 6px;
}
.g-1,
.gy-1 {
--bs-gutter-y: 6px;
}
.g-2,
.gx-2 {
--bs-gutter-x: 12px;
}
.g-2,
.gy-2 {
--bs-gutter-y: 12px;
}
.g-3,
.gx-3 {
--bs-gutter-x: 18px;
}
.g-3,
.gy-3 {
--bs-gutter-y: 18px;
}
.g-4,
.gx-4 {
--bs-gutter-x: 24px;
}
.g-4,
.gy-4 {
--bs-gutter-y: 24px;
}
.g-5,
.gx-5 {
--bs-gutter-x: 30px;
}
.g-5,
.gy-5 {
--bs-gutter-y: 30px;
}
.g-6,
.gx-6 {
--bs-gutter-x: 36px;
}
.g-6,
.gy-6 {
--bs-gutter-y: 36px;
}
.g-7,
.gx-7 {
--bs-gutter-x: 42px;
}
.g-7,
.gy-7 {
--bs-gutter-y: 42px;
}
.g-8,
.gx-8 {
--bs-gutter-x: 48px;
}
.g-8,
.gy-8 {
--bs-gutter-y: 48px;
}
.g-9,
.gx-9 {
--bs-gutter-x: 54px;
}
.g-9,
.gy-9 {
--bs-gutter-y: 54px;
}
.g-10,
.gx-10 {
--bs-gutter-x: 60px;
}
.g-10,
.gy-10 {
--bs-gutter-y: 60px;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 6px;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 6px;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 12px;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 12px;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 18px;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 18px;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 24px;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 24px;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 30px;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 30px;
}
.g-sm-6,
.gx-sm-6 {
--bs-gutter-x: 36px;
}
.g-sm-6,
.gy-sm-6 {
--bs-gutter-y: 36px;
}
.g-sm-7,
.gx-sm-7 {
--bs-gutter-x: 42px;
}
.g-sm-7,
.gy-sm-7 {
--bs-gutter-y: 42px;
}
.g-sm-8,
.gx-sm-8 {
--bs-gutter-x: 48px;
}
.g-sm-8,
.gy-sm-8 {
--bs-gutter-y: 48px;
}
.g-sm-9,
.gx-sm-9 {
--bs-gutter-x: 54px;
}
.g-sm-9,
.gy-sm-9 {
--bs-gutter-y: 54px;
}
.g-sm-10,
.gx-sm-10 {
--bs-gutter-x: 60px;
}
.g-sm-10,
.gy-sm-10 {
--bs-gutter-y: 60px;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 6px;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 6px;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 12px;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 12px;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 18px;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 18px;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 24px;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 24px;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 30px;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 30px;
}
.g-md-6,
.gx-md-6 {
--bs-gutter-x: 36px;
}
.g-md-6,
.gy-md-6 {
--bs-gutter-y: 36px;
}
.g-md-7,
.gx-md-7 {
--bs-gutter-x: 42px;
}
.g-md-7,
.gy-md-7 {
--bs-gutter-y: 42px;
}
.g-md-8,
.gx-md-8 {
--bs-gutter-x: 48px;
}
.g-md-8,
.gy-md-8 {
--bs-gutter-y: 48px;
}
.g-md-9,
.gx-md-9 {
--bs-gutter-x: 54px;
}
.g-md-9,
.gy-md-9 {
--bs-gutter-y: 54px;
}
.g-md-10,
.gx-md-10 {
--bs-gutter-x: 60px;
}
.g-md-10,
.gy-md-10 {
--bs-gutter-y: 60px;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 6px;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 6px;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 12px;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 12px;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 18px;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 18px;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 24px;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 24px;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 30px;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 30px;
}
.g-lg-6,
.gx-lg-6 {
--bs-gutter-x: 36px;
}
.g-lg-6,
.gy-lg-6 {
--bs-gutter-y: 36px;
}
.g-lg-7,
.gx-lg-7 {
--bs-gutter-x: 42px;
}
.g-lg-7,
.gy-lg-7 {
--bs-gutter-y: 42px;
}
.g-lg-8,
.gx-lg-8 {
--bs-gutter-x: 48px;
}
.g-lg-8,
.gy-lg-8 {
--bs-gutter-y: 48px;
}
.g-lg-9,
.gx-lg-9 {
--bs-gutter-x: 54px;
}
.g-lg-9,
.gy-lg-9 {
--bs-gutter-y: 54px;
}
.g-lg-10,
.gx-lg-10 {
--bs-gutter-x: 60px;
}
.g-lg-10,
.gy-lg-10 {
--bs-gutter-y: 60px;
}
}
@media (min-width: 1400px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 6px;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 6px;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 12px;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 12px;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 18px;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 18px;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 24px;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 24px;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 30px;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 30px;
}
.g-xl-6,
.gx-xl-6 {
--bs-gutter-x: 36px;
}
.g-xl-6,
.gy-xl-6 {
--bs-gutter-y: 36px;
}
.g-xl-7,
.gx-xl-7 {
--bs-gutter-x: 42px;
}
.g-xl-7,
.gy-xl-7 {
--bs-gutter-y: 42px;
}
.g-xl-8,
.gx-xl-8 {
--bs-gutter-x: 48px;
}
.g-xl-8,
.gy-xl-8 {
--bs-gutter-y: 48px;
}
.g-xl-9,
.gx-xl-9 {
--bs-gutter-x: 54px;
}
.g-xl-9,
.gy-xl-9 {
--bs-gutter-y: 54px;
}
.g-xl-10,
.gx-xl-10 {
--bs-gutter-x: 60px;
}
.g-xl-10,
.gy-xl-10 {
--bs-gutter-y: 60px;
}
}
@media (min-width: 1600px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 6px;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 6px;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 12px;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 12px;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 18px;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 18px;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 24px;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 24px;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 30px;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 30px;
}
.g-xxl-6,
.gx-xxl-6 {
--bs-gutter-x: 36px;
}
.g-xxl-6,
.gy-xxl-6 {
--bs-gutter-y: 36px;
}
.g-xxl-7,
.gx-xxl-7 {
--bs-gutter-x: 42px;
}
.g-xxl-7,
.gy-xxl-7 {
--bs-gutter-y: 42px;
}
.g-xxl-8,
.gx-xxl-8 {
--bs-gutter-x: 48px;
}
.g-xxl-8,
.gy-xxl-8 {
--bs-gutter-y: 48px;
}
.g-xxl-9,
.gx-xxl-9 {
--bs-gutter-x: 54px;
}
.g-xxl-9,
.gy-xxl-9 {
--bs-gutter-y: 54px;
}
.g-xxl-10,
.gx-xxl-10 {
--bs-gutter-x: 60px;
}
.g-xxl-10,
.gy-xxl-10 {
--bs-gutter-y: 60px;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.justify-content-evenly {
justify-content: space-evenly !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 6px !important;
}
.m-2 {
margin: 12px !important;
}
.m-3 {
margin: 18px !important;
}
.m-4 {
margin: 24px !important;
}
.m-5 {
margin: 30px !important;
}
.m-6 {
margin: 36px !important;
}
.m-7 {
margin: 42px !important;
}
.m-8 {
margin: 48px !important;
}
.m-9 {
margin: 54px !important;
}
.m-10 {
margin: 60px !important;
}
.m-auto {
margin: auto !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 6px !important;
}
.mt-2 {
margin-top: 12px !important;
}
.mt-3 {
margin-top: 18px !important;
}
.mt-4 {
margin-top: 24px !important;
}
.mt-5 {
margin-top: 30px !important;
}
.mt-6 {
margin-top: 36px !important;
}
.mt-7 {
margin-top: 42px !important;
}
.mt-8 {
margin-top: 48px !important;
}
.mt-9 {
margin-top: 54px !important;
}
.mt-10 {
margin-top: 60px !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-0 {
margin-right: 0 !important;
}
.me-1 {
margin-right: 6px !important;
}
.me-2 {
margin-right: 12px !important;
}
.me-3 {
margin-right: 18px !important;
}
.me-4 {
margin-right: 24px !important;
}
.me-5 {
margin-right: 30px !important;
}
.me-6 {
margin-right: 36px !important;
}
.me-7 {
margin-right: 42px !important;
}
.me-8 {
margin-right: 48px !important;
}
.me-9 {
margin-right: 54px !important;
}
.me-10 {
margin-right: 60px !important;
}
.me-auto {
margin-right: auto !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 6px !important;
}
.mb-2 {
margin-bottom: 12px !important;
}
.mb-3 {
margin-bottom: 18px !important;
}
.mb-4 {
margin-bottom: 24px !important;
}
.mb-5 {
margin-bottom: 30px !important;
}
.mb-6 {
margin-bottom: 36px !important;
}
.mb-7 {
margin-bottom: 42px !important;
}
.mb-8 {
margin-bottom: 48px !important;
}
.mb-9 {
margin-bottom: 54px !important;
}
.mb-10 {
margin-bottom: 60px !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ms-0 {
margin-left: 0 !important;
}
.ms-1 {
margin-left: 6px !important;
}
.ms-2 {
margin-left: 12px !important;
}
.ms-3 {
margin-left: 18px !important;
}
.ms-4 {
margin-left: 24px !important;
}
.ms-5 {
margin-left: 30px !important;
}
.ms-6 {
margin-left: 36px !important;
}
.ms-7 {
margin-left: 42px !important;
}
.ms-8 {
margin-left: 48px !important;
}
.ms-9 {
margin-left: 54px !important;
}
.ms-10 {
margin-left: 60px !important;
}
.ms-auto {
margin-left: auto !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 6px !important;
}
.p-2 {
padding: 12px !important;
}
.p-3 {
padding: 18px !important;
}
.p-4 {
padding: 24px !important;
}
.p-5 {
padding: 30px !important;
}
.p-6 {
padding: 36px !important;
}
.p-7 {
padding: 42px !important;
}
.p-8 {
padding: 48px !important;
}
.p-9 {
padding: 54px !important;
}
.p-10 {
padding: 60px !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 6px !important;
}
.pt-2 {
padding-top: 12px !important;
}
.pt-3 {
padding-top: 18px !important;
}
.pt-4 {
padding-top: 24px !important;
}
.pt-5 {
padding-top: 30px !important;
}
.pt-6 {
padding-top: 36px !important;
}
.pt-7 {
padding-top: 42px !important;
}
.pt-8 {
padding-top: 48px !important;
}
.pt-9 {
padding-top: 54px !important;
}
.pt-10 {
padding-top: 60px !important;
}
.pl-0 {
padding-right: 0 !important;
}
.pl-1 {
padding-right: 6px !important;
}
.pl-2 {
padding-right: 12px !important;
}
.pl-3 {
padding-right: 18px !important;
}
.pl-4 {
padding-right: 24px !important;
}
.pl-5 {
padding-right: 30px !important;
}
.pl-6 {
padding-right: 36px !important;
}
.pl-7 {
padding-right: 42px !important;
}
.pl-8 {
padding-right: 48px !important;
}
.pl-9 {
padding-right: 54px !important;
}
.pl-10 {
padding-right: 60px !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 6px !important;
}
.pb-2 {
padding-bottom: 12px !important;
}
.pb-3 {
padding-bottom: 18px !important;
}
.pb-4 {
padding-bottom: 24px !important;
}
.pb-5 {
padding-bottom: 30px !important;
}
.pb-6 {
padding-bottom: 36px !important;
}
.pb-7 {
padding-bottom: 42px !important;
}
.pb-8 {
padding-bottom: 48px !important;
}
.pb-9 {
padding-bottom: 54px !important;
}
.pb-10 {
padding-bottom: 60px !important;
}
.pl-0 {
padding-left: 0 !important;
}
.pl-1 {
padding-left: 6px !important;
}
.pl-2 {
padding-left: 12px !important;
}
.pl-3 {
padding-left: 18px !important;
}
.pl-4 {
padding-left: 24px !important;
}
.pl-5 {
padding-left: 30px !important;
}
.pl-6 {
padding-left: 36px !important;
}
.pl-7 {
padding-left: 42px !important;
}
.pl-8 {
padding-left: 48px !important;
}
.pl-9 {
padding-left: 54px !important;
}
.pl-10 {
padding-left: 60px !important;
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.justify-content-sm-evenly {
justify-content: space-evenly !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 6px !important;
}
.m-sm-2 {
margin: 12px !important;
}
.m-sm-3 {
margin: 18px !important;
}
.m-sm-4 {
margin: 24px !important;
}
.m-sm-5 {
margin: 30px !important;
}
.m-sm-6 {
margin: 36px !important;
}
.m-sm-7 {
margin: 42px !important;
}
.m-sm-8 {
margin: 48px !important;
}
.m-sm-9 {
margin: 54px !important;
}
.m-sm-10 {
margin: 60px !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 6px !important;
}
.mt-sm-2 {
margin-top: 12px !important;
}
.mt-sm-3 {
margin-top: 18px !important;
}
.mt-sm-4 {
margin-top: 24px !important;
}
.mt-sm-5 {
margin-top: 30px !important;
}
.mt-sm-6 {
margin-top: 36px !important;
}
.mt-sm-7 {
margin-top: 42px !important;
}
.mt-sm-8 {
margin-top: 48px !important;
}
.mt-sm-9 {
margin-top: 54px !important;
}
.mt-sm-10 {
margin-top: 60px !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 6px !important;
}
.me-sm-2 {
margin-right: 12px !important;
}
.me-sm-3 {
margin-right: 18px !important;
}
.me-sm-4 {
margin-right: 24px !important;
}
.me-sm-5 {
margin-right: 30px !important;
}
.me-sm-6 {
margin-right: 36px !important;
}
.me-sm-7 {
margin-right: 42px !important;
}
.me-sm-8 {
margin-right: 48px !important;
}
.me-sm-9 {
margin-right: 54px !important;
}
.me-sm-10 {
margin-right: 60px !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 6px !important;
}
.mb-sm-2 {
margin-bottom: 12px !important;
}
.mb-sm-3 {
margin-bottom: 18px !important;
}
.mb-sm-4 {
margin-bottom: 24px !important;
}
.mb-sm-5 {
margin-bottom: 30px !important;
}
.mb-sm-6 {
margin-bottom: 36px !important;
}
.mb-sm-7 {
margin-bottom: 42px !important;
}
.mb-sm-8 {
margin-bottom: 48px !important;
}
.mb-sm-9 {
margin-bottom: 54px !important;
}
.mb-sm-10 {
margin-bottom: 60px !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 6px !important;
}
.ms-sm-2 {
margin-left: 12px !important;
}
.ms-sm-3 {
margin-left: 18px !important;
}
.ms-sm-4 {
margin-left: 24px !important;
}
.ms-sm-5 {
margin-left: 30px !important;
}
.ms-sm-6 {
margin-left: 36px !important;
}
.ms-sm-7 {
margin-left: 42px !important;
}
.ms-sm-8 {
margin-left: 48px !important;
}
.ms-sm-9 {
margin-left: 54px !important;
}
.ms-sm-10 {
margin-left: 60px !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 6px !important;
}
.p-sm-2 {
padding: 12px !important;
}
.p-sm-3 {
padding: 18px !important;
}
.p-sm-4 {
padding: 24px !important;
}
.p-sm-5 {
padding: 30px !important;
}
.p-sm-6 {
padding: 36px !important;
}
.p-sm-7 {
padding: 42px !important;
}
.p-sm-8 {
padding: 48px !important;
}
.p-sm-9 {
padding: 54px !important;
}
.p-sm-10 {
padding: 60px !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 6px !important;
}
.pt-sm-2 {
padding-top: 12px !important;
}
.pt-sm-3 {
padding-top: 18px !important;
}
.pt-sm-4 {
padding-top: 24px !important;
}
.pt-sm-5 {
padding-top: 30px !important;
}
.pt-sm-6 {
padding-top: 36px !important;
}
.pt-sm-7 {
padding-top: 42px !important;
}
.pt-sm-8 {
padding-top: 48px !important;
}
.pt-sm-9 {
padding-top: 54px !important;
}
.pt-sm-10 {
padding-top: 60px !important;
}
.pl-sm-0 {
padding-right: 0 !important;
}
.pl-sm-1 {
padding-right: 6px !important;
}
.pl-sm-2 {
padding-right: 12px !important;
}
.pl-sm-3 {
padding-right: 18px !important;
}
.pl-sm-4 {
padding-right: 24px !important;
}
.pl-sm-5 {
padding-right: 30px !important;
}
.pl-sm-6 {
padding-right: 36px !important;
}
.pl-sm-7 {
padding-right: 42px !important;
}
.pl-sm-8 {
padding-right: 48px !important;
}
.pl-sm-9 {
padding-right: 54px !important;
}
.pl-sm-10 {
padding-right: 60px !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 6px !important;
}
.pb-sm-2 {
padding-bottom: 12px !important;
}
.pb-sm-3 {
padding-bottom: 18px !important;
}
.pb-sm-4 {
padding-bottom: 24px !important;
}
.pb-sm-5 {
padding-bottom: 30px !important;
}
.pb-sm-6 {
padding-bottom: 36px !important;
}
.pb-sm-7 {
padding-bottom: 42px !important;
}
.pb-sm-8 {
padding-bottom: 48px !important;
}
.pb-sm-9 {
padding-bottom: 54px !important;
}
.pb-sm-10 {
padding-bottom: 60px !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.pl-sm-1 {
padding-left: 6px !important;
}
.pl-sm-2 {
padding-left: 12px !important;
}
.pl-sm-3 {
padding-left: 18px !important;
}
.pl-sm-4 {
padding-left: 24px !important;
}
.pl-sm-5 {
padding-left: 30px !important;
}
.pl-sm-6 {
padding-left: 36px !important;
}
.pl-sm-7 {
padding-left: 42px !important;
}
.pl-sm-8 {
padding-left: 48px !important;
}
.pl-sm-9 {
padding-left: 54px !important;
}
.pl-sm-10 {
padding-left: 60px !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.justify-content-md-evenly {
justify-content: space-evenly !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 6px !important;
}
.m-md-2 {
margin: 12px !important;
}
.m-md-3 {
margin: 18px !important;
}
.m-md-4 {
margin: 24px !important;
}
.m-md-5 {
margin: 30px !important;
}
.m-md-6 {
margin: 36px !important;
}
.m-md-7 {
margin: 42px !important;
}
.m-md-8 {
margin: 48px !important;
}
.m-md-9 {
margin: 54px !important;
}
.m-md-10 {
margin: 60px !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 6px !important;
}
.mt-md-2 {
margin-top: 12px !important;
}
.mt-md-3 {
margin-top: 18px !important;
}
.mt-md-4 {
margin-top: 24px !important;
}
.mt-md-5 {
margin-top: 30px !important;
}
.mt-md-6 {
margin-top: 36px !important;
}
.mt-md-7 {
margin-top: 42px !important;
}
.mt-md-8 {
margin-top: 48px !important;
}
.mt-md-9 {
margin-top: 54px !important;
}
.mt-md-10 {
margin-top: 60px !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 6px !important;
}
.me-md-2 {
margin-right: 12px !important;
}
.me-md-3 {
margin-right: 18px !important;
}
.me-md-4 {
margin-right: 24px !important;
}
.me-md-5 {
margin-right: 30px !important;
}
.me-md-6 {
margin-right: 36px !important;
}
.me-md-7 {
margin-right: 42px !important;
}
.me-md-8 {
margin-right: 48px !important;
}
.me-md-9 {
margin-right: 54px !important;
}
.me-md-10 {
margin-right: 60px !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 6px !important;
}
.mb-md-2 {
margin-bottom: 12px !important;
}
.mb-md-3 {
margin-bottom: 18px !important;
}
.mb-md-4 {
margin-bottom: 24px !important;
}
.mb-md-5 {
margin-bottom: 30px !important;
}
.mb-md-6 {
margin-bottom: 36px !important;
}
.mb-md-7 {
margin-bottom: 42px !important;
}
.mb-md-8 {
margin-bottom: 48px !important;
}
.mb-md-9 {
margin-bottom: 54px !important;
}
.mb-md-10 {
margin-bottom: 60px !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 6px !important;
}
.ms-md-2 {
margin-left: 12px !important;
}
.ms-md-3 {
margin-left: 18px !important;
}
.ms-md-4 {
margin-left: 24px !important;
}
.ms-md-5 {
margin-left: 30px !important;
}
.ms-md-6 {
margin-left: 36px !important;
}
.ms-md-7 {
margin-left: 42px !important;
}
.ms-md-8 {
margin-left: 48px !important;
}
.ms-md-9 {
margin-left: 54px !important;
}
.ms-md-10 {
margin-left: 60px !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 6px !important;
}
.p-md-2 {
padding: 12px !important;
}
.p-md-3 {
padding: 18px !important;
}
.p-md-4 {
padding: 24px !important;
}
.p-md-5 {
padding: 30px !important;
}
.p-md-6 {
padding: 36px !important;
}
.p-md-7 {
padding: 42px !important;
}
.p-md-8 {
padding: 48px !important;
}
.p-md-9 {
padding: 54px !important;
}
.p-md-10 {
padding: 60px !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 6px !important;
}
.pt-md-2 {
padding-top: 12px !important;
}
.pt-md-3 {
padding-top: 18px !important;
}
.pt-md-4 {
padding-top: 24px !important;
}
.pt-md-5 {
padding-top: 30px !important;
}
.pt-md-6 {
padding-top: 36px !important;
}
.pt-md-7 {
padding-top: 42px !important;
}
.pt-md-8 {
padding-top: 48px !important;
}
.pt-md-9 {
padding-top: 54px !important;
}
.pt-md-10 {
padding-top: 60px !important;
}
.pl-md-0 {
padding-right: 0 !important;
}
.pl-md-1 {
padding-right: 6px !important;
}
.pl-md-2 {
padding-right: 12px !important;
}
.pl-md-3 {
padding-right: 18px !important;
}
.pl-md-4 {
padding-right: 24px !important;
}
.pl-md-5 {
padding-right: 30px !important;
}
.pl-md-6 {
padding-right: 36px !important;
}
.pl-md-7 {
padding-right: 42px !important;
}
.pl-md-8 {
padding-right: 48px !important;
}
.pl-md-9 {
padding-right: 54px !important;
}
.pl-md-10 {
padding-right: 60px !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 6px !important;
}
.pb-md-2 {
padding-bottom: 12px !important;
}
.pb-md-3 {
padding-bottom: 18px !important;
}
.pb-md-4 {
padding-bottom: 24px !important;
}
.pb-md-5 {
padding-bottom: 30px !important;
}
.pb-md-6 {
padding-bottom: 36px !important;
}
.pb-md-7 {
padding-bottom: 42px !important;
}
.pb-md-8 {
padding-bottom: 48px !important;
}
.pb-md-9 {
padding-bottom: 54px !important;
}
.pb-md-10 {
padding-bottom: 60px !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.pl-md-1 {
padding-left: 6px !important;
}
.pl-md-2 {
padding-left: 12px !important;
}
.pl-md-3 {
padding-left: 18px !important;
}
.pl-md-4 {
padding-left: 24px !important;
}
.pl-md-5 {
padding-left: 30px !important;
}
.pl-md-6 {
padding-left: 36px !important;
}
.pl-md-7 {
padding-left: 42px !important;
}
.pl-md-8 {
padding-left: 48px !important;
}
.pl-md-9 {
padding-left: 54px !important;
}
.pl-md-10 {
padding-left: 60px !important;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.justify-content-lg-evenly {
justify-content: space-evenly !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 6px !important;
}
.m-lg-2 {
margin: 12px !important;
}
.m-lg-3 {
margin: 18px !important;
}
.m-lg-4 {
margin: 24px !important;
}
.m-lg-5 {
margin: 30px !important;
}
.m-lg-6 {
margin: 36px !important;
}
.m-lg-7 {
margin: 42px !important;
}
.m-lg-8 {
margin: 48px !important;
}
.m-lg-9 {
margin: 54px !important;
}
.m-lg-10 {
margin: 60px !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 6px !important;
}
.mt-lg-2 {
margin-top: 12px !important;
}
.mt-lg-3 {
margin-top: 18px !important;
}
.mt-lg-4 {
margin-top: 24px !important;
}
.mt-lg-5 {
margin-top: 30px !important;
}
.mt-lg-6 {
margin-top: 36px !important;
}
.mt-lg-7 {
margin-top: 42px !important;
}
.mt-lg-8 {
margin-top: 48px !important;
}
.mt-lg-9 {
margin-top: 54px !important;
}
.mt-lg-10 {
margin-top: 60px !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 6px !important;
}
.me-lg-2 {
margin-right: 12px !important;
}
.me-lg-3 {
margin-right: 18px !important;
}
.me-lg-4 {
margin-right: 24px !important;
}
.me-lg-5 {
margin-right: 30px !important;
}
.me-lg-6 {
margin-right: 36px !important;
}
.me-lg-7 {
margin-right: 42px !important;
}
.me-lg-8 {
margin-right: 48px !important;
}
.me-lg-9 {
margin-right: 54px !important;
}
.me-lg-10 {
margin-right: 60px !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 6px !important;
}
.mb-lg-2 {
margin-bottom: 12px !important;
}
.mb-lg-3 {
margin-bottom: 18px !important;
}
.mb-lg-4 {
margin-bottom: 24px !important;
}
.mb-lg-5 {
margin-bottom: 30px !important;
}
.mb-lg-6 {
margin-bottom: 36px !important;
}
.mb-lg-7 {
margin-bottom: 42px !important;
}
.mb-lg-8 {
margin-bottom: 48px !important;
}
.mb-lg-9 {
margin-bottom: 54px !important;
}
.mb-lg-10 {
margin-bottom: 60px !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 6px !important;
}
.ms-lg-2 {
margin-left: 12px !important;
}
.ms-lg-3 {
margin-left: 18px !important;
}
.ms-lg-4 {
margin-left: 24px !important;
}
.ms-lg-5 {
margin-left: 30px !important;
}
.ms-lg-6 {
margin-left: 36px !important;
}
.ms-lg-7 {
margin-left: 42px !important;
}
.ms-lg-8 {
margin-left: 48px !important;
}
.ms-lg-9 {
margin-left: 54px !important;
}
.ms-lg-10 {
margin-left: 60px !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 6px !important;
}
.p-lg-2 {
padding: 12px !important;
}
.p-lg-3 {
padding: 18px !important;
}
.p-lg-4 {
padding: 24px !important;
}
.p-lg-5 {
padding: 30px !important;
}
.p-lg-6 {
padding: 36px !important;
}
.p-lg-7 {
padding: 42px !important;
}
.p-lg-8 {
padding: 48px !important;
}
.p-lg-9 {
padding: 54px !important;
}
.p-lg-10 {
padding: 60px !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 6px !important;
}
.pt-lg-2 {
padding-top: 12px !important;
}
.pt-lg-3 {
padding-top: 18px !important;
}
.pt-lg-4 {
padding-top: 24px !important;
}
.pt-lg-5 {
padding-top: 30px !important;
}
.pt-lg-6 {
padding-top: 36px !important;
}
.pt-lg-7 {
padding-top: 42px !important;
}
.pt-lg-8 {
padding-top: 48px !important;
}
.pt-lg-9 {
padding-top: 54px !important;
}
.pt-lg-10 {
padding-top: 60px !important;
}
.pl-lg-0 {
padding-right: 0 !important;
}
.pl-lg-1 {
padding-right: 6px !important;
}
.pl-lg-2 {
padding-right: 12px !important;
}
.pl-lg-3 {
padding-right: 18px !important;
}
.pl-lg-4 {
padding-right: 24px !important;
}
.pl-lg-5 {
padding-right: 30px !important;
}
.pl-lg-6 {
padding-right: 36px !important;
}
.pl-lg-7 {
padding-right: 42px !important;
}
.pl-lg-8 {
padding-right: 48px !important;
}
.pl-lg-9 {
padding-right: 54px !important;
}
.pl-lg-10 {
padding-right: 60px !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 6px !important;
}
.pb-lg-2 {
padding-bottom: 12px !important;
}
.pb-lg-3 {
padding-bottom: 18px !important;
}
.pb-lg-4 {
padding-bottom: 24px !important;
}
.pb-lg-5 {
padding-bottom: 30px !important;
}
.pb-lg-6 {
padding-bottom: 36px !important;
}
.pb-lg-7 {
padding-bottom: 42px !important;
}
.pb-lg-8 {
padding-bottom: 48px !important;
}
.pb-lg-9 {
padding-bottom: 54px !important;
}
.pb-lg-10 {
padding-bottom: 60px !important;
}
.pl-lg-0 {
padding-left: 0 !important;
}
.pl-lg-1 {
padding-left: 6px !important;
}
.pl-lg-2 {
padding-left: 12px !important;
}
.pl-lg-3 {
padding-left: 18px !important;
}
.pl-lg-4 {
padding-left: 24px !important;
}
.pl-lg-5 {
padding-left: 30px !important;
}
.pl-lg-6 {
padding-left: 36px !important;
}
.pl-lg-7 {
padding-left: 42px !important;
}
.pl-lg-8 {
padding-left: 48px !important;
}
.pl-lg-9 {
padding-left: 54px !important;
}
.pl-lg-10 {
padding-left: 60px !important;
}
}
@media (min-width: 1400px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.justify-content-xl-evenly {
justify-content: space-evenly !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 6px !important;
}
.m-xl-2 {
margin: 12px !important;
}
.m-xl-3 {
margin: 18px !important;
}
.m-xl-4 {
margin: 24px !important;
}
.m-xl-5 {
margin: 30px !important;
}
.m-xl-6 {
margin: 36px !important;
}
.m-xl-7 {
margin: 42px !important;
}
.m-xl-8 {
margin: 48px !important;
}
.m-xl-9 {
margin: 54px !important;
}
.m-xl-10 {
margin: 60px !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 6px !important;
}
.mt-xl-2 {
margin-top: 12px !important;
}
.mt-xl-3 {
margin-top: 18px !important;
}
.mt-xl-4 {
margin-top: 24px !important;
}
.mt-xl-5 {
margin-top: 30px !important;
}
.mt-xl-6 {
margin-top: 36px !important;
}
.mt-xl-7 {
margin-top: 42px !important;
}
.mt-xl-8 {
margin-top: 48px !important;
}
.mt-xl-9 {
margin-top: 54px !important;
}
.mt-xl-10 {
margin-top: 60px !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 6px !important;
}
.me-xl-2 {
margin-right: 12px !important;
}
.me-xl-3 {
margin-right: 18px !important;
}
.me-xl-4 {
margin-right: 24px !important;
}
.me-xl-5 {
margin-right: 30px !important;
}
.me-xl-6 {
margin-right: 36px !important;
}
.me-xl-7 {
margin-right: 42px !important;
}
.me-xl-8 {
margin-right: 48px !important;
}
.me-xl-9 {
margin-right: 54px !important;
}
.me-xl-10 {
margin-right: 60px !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 6px !important;
}
.mb-xl-2 {
margin-bottom: 12px !important;
}
.mb-xl-3 {
margin-bottom: 18px !important;
}
.mb-xl-4 {
margin-bottom: 24px !important;
}
.mb-xl-5 {
margin-bottom: 30px !important;
}
.mb-xl-6 {
margin-bottom: 36px !important;
}
.mb-xl-7 {
margin-bottom: 42px !important;
}
.mb-xl-8 {
margin-bottom: 48px !important;
}
.mb-xl-9 {
margin-bottom: 54px !important;
}
.mb-xl-10 {
margin-bottom: 60px !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 6px !important;
}
.ms-xl-2 {
margin-left: 12px !important;
}
.ms-xl-3 {
margin-left: 18px !important;
}
.ms-xl-4 {
margin-left: 24px !important;
}
.ms-xl-5 {
margin-left: 30px !important;
}
.ms-xl-6 {
margin-left: 36px !important;
}
.ms-xl-7 {
margin-left: 42px !important;
}
.ms-xl-8 {
margin-left: 48px !important;
}
.ms-xl-9 {
margin-left: 54px !important;
}
.ms-xl-10 {
margin-left: 60px !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 6px !important;
}
.p-xl-2 {
padding: 12px !important;
}
.p-xl-3 {
padding: 18px !important;
}
.p-xl-4 {
padding: 24px !important;
}
.p-xl-5 {
padding: 30px !important;
}
.p-xl-6 {
padding: 36px !important;
}
.p-xl-7 {
padding: 42px !important;
}
.p-xl-8 {
padding: 48px !important;
}
.p-xl-9 {
padding: 54px !important;
}
.p-xl-10 {
padding: 60px !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 6px !important;
}
.pt-xl-2 {
padding-top: 12px !important;
}
.pt-xl-3 {
padding-top: 18px !important;
}
.pt-xl-4 {
padding-top: 24px !important;
}
.pt-xl-5 {
padding-top: 30px !important;
}
.pt-xl-6 {
padding-top: 36px !important;
}
.pt-xl-7 {
padding-top: 42px !important;
}
.pt-xl-8 {
padding-top: 48px !important;
}
.pt-xl-9 {
padding-top: 54px !important;
}
.pt-xl-10 {
padding-top: 60px !important;
}
.pl-xl-0 {
padding-right: 0 !important;
}
.pl-xl-1 {
padding-right: 6px !important;
}
.pl-xl-2 {
padding-right: 12px !important;
}
.pl-xl-3 {
padding-right: 18px !important;
}
.pl-xl-4 {
padding-right: 24px !important;
}
.pl-xl-5 {
padding-right: 30px !important;
}
.pl-xl-6 {
padding-right: 36px !important;
}
.pl-xl-7 {
padding-right: 42px !important;
}
.pl-xl-8 {
padding-right: 48px !important;
}
.pl-xl-9 {
padding-right: 54px !important;
}
.pl-xl-10 {
padding-right: 60px !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 6px !important;
}
.pb-xl-2 {
padding-bottom: 12px !important;
}
.pb-xl-3 {
padding-bottom: 18px !important;
}
.pb-xl-4 {
padding-bottom: 24px !important;
}
.pb-xl-5 {
padding-bottom: 30px !important;
}
.pb-xl-6 {
padding-bottom: 36px !important;
}
.pb-xl-7 {
padding-bottom: 42px !important;
}
.pb-xl-8 {
padding-bottom: 48px !important;
}
.pb-xl-9 {
padding-bottom: 54px !important;
}
.pb-xl-10 {
padding-bottom: 60px !important;
}
.pl-xl-0 {
padding-left: 0 !important;
}
.pl-xl-1 {
padding-left: 6px !important;
}
.pl-xl-2 {
padding-left: 12px !important;
}
.pl-xl-3 {
padding-left: 18px !important;
}
.pl-xl-4 {
padding-left: 24px !important;
}
.pl-xl-5 {
padding-left: 30px !important;
}
.pl-xl-6 {
padding-left: 36px !important;
}
.pl-xl-7 {
padding-left: 42px !important;
}
.pl-xl-8 {
padding-left: 48px !important;
}
.pl-xl-9 {
padding-left: 54px !important;
}
.pl-xl-10 {
padding-left: 60px !important;
}
}
@media (min-width: 1600px) {
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-xxl-start {
justify-content: flex-start !important;
}
.justify-content-xxl-end {
justify-content: flex-end !important;
}
.justify-content-xxl-center {
justify-content: center !important;
}
.justify-content-xxl-between {
justify-content: space-between !important;
}
.justify-content-xxl-around {
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
justify-content: space-evenly !important;
}
.align-items-xxl-start {
align-items: flex-start !important;
}
.align-items-xxl-end {
align-items: flex-end !important;
}
.align-items-xxl-center {
align-items: center !important;
}
.align-items-xxl-baseline {
align-items: baseline !important;
}
.align-items-xxl-stretch {
align-items: stretch !important;
}
.align-self-xxl-auto {
align-self: auto !important;
}
.align-self-xxl-start {
align-self: flex-start !important;
}
.align-self-xxl-end {
align-self: flex-end !important;
}
.align-self-xxl-center {
align-self: center !important;
}
.align-self-xxl-baseline {
align-self: baseline !important;
}
.align-self-xxl-stretch {
align-self: stretch !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 6px !important;
}
.m-xxl-2 {
margin: 12px !important;
}
.m-xxl-3 {
margin: 18px !important;
}
.m-xxl-4 {
margin: 24px !important;
}
.m-xxl-5 {
margin: 30px !important;
}
.m-xxl-6 {
margin: 36px !important;
}
.m-xxl-7 {
margin: 42px !important;
}
.m-xxl-8 {
margin: 48px !important;
}
.m-xxl-9 {
margin: 54px !important;
}
.m-xxl-10 {
margin: 60px !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 6px !important;
}
.mt-xxl-2 {
margin-top: 12px !important;
}
.mt-xxl-3 {
margin-top: 18px !important;
}
.mt-xxl-4 {
margin-top: 24px !important;
}
.mt-xxl-5 {
margin-top: 30px !important;
}
.mt-xxl-6 {
margin-top: 36px !important;
}
.mt-xxl-7 {
margin-top: 42px !important;
}
.mt-xxl-8 {
margin-top: 48px !important;
}
.mt-xxl-9 {
margin-top: 54px !important;
}
.mt-xxl-10 {
margin-top: 60px !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 6px !important;
}
.me-xxl-2 {
margin-right: 12px !important;
}
.me-xxl-3 {
margin-right: 18px !important;
}
.me-xxl-4 {
margin-right: 24px !important;
}
.me-xxl-5 {
margin-right: 30px !important;
}
.me-xxl-6 {
margin-right: 36px !important;
}
.me-xxl-7 {
margin-right: 42px !important;
}
.me-xxl-8 {
margin-right: 48px !important;
}
.me-xxl-9 {
margin-right: 54px !important;
}
.me-xxl-10 {
margin-right: 60px !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 6px !important;
}
.mb-xxl-2 {
margin-bottom: 12px !important;
}
.mb-xxl-3 {
margin-bottom: 18px !important;
}
.mb-xxl-4 {
margin-bottom: 24px !important;
}
.mb-xxl-5 {
margin-bottom: 30px !important;
}
.mb-xxl-6 {
margin-bottom: 36px !important;
}
.mb-xxl-7 {
margin-bottom: 42px !important;
}
.mb-xxl-8 {
margin-bottom: 48px !important;
}
.mb-xxl-9 {
margin-bottom: 54px !important;
}
.mb-xxl-10 {
margin-bottom: 60px !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 6px !important;
}
.ms-xxl-2 {
margin-left: 12px !important;
}
.ms-xxl-3 {
margin-left: 18px !important;
}
.ms-xxl-4 {
margin-left: 24px !important;
}
.ms-xxl-5 {
margin-left: 30px !important;
}
.ms-xxl-6 {
margin-left: 36px !important;
}
.ms-xxl-7 {
margin-left: 42px !important;
}
.ms-xxl-8 {
margin-left: 48px !important;
}
.ms-xxl-9 {
margin-left: 54px !important;
}
.ms-xxl-10 {
margin-left: 60px !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 6px !important;
}
.p-xxl-2 {
padding: 12px !important;
}
.p-xxl-3 {
padding: 18px !important;
}
.p-xxl-4 {
padding: 24px !important;
}
.p-xxl-5 {
padding: 30px !important;
}
.p-xxl-6 {
padding: 36px !important;
}
.p-xxl-7 {
padding: 42px !important;
}
.p-xxl-8 {
padding: 48px !important;
}
.p-xxl-9 {
padding: 54px !important;
}
.p-xxl-10 {
padding: 60px !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 6px !important;
}
.pt-xxl-2 {
padding-top: 12px !important;
}
.pt-xxl-3 {
padding-top: 18px !important;
}
.pt-xxl-4 {
padding-top: 24px !important;
}
.pt-xxl-5 {
padding-top: 30px !important;
}
.pt-xxl-6 {
padding-top: 36px !important;
}
.pt-xxl-7 {
padding-top: 42px !important;
}
.pt-xxl-8 {
padding-top: 48px !important;
}
.pt-xxl-9 {
padding-top: 54px !important;
}
.pt-xxl-10 {
padding-top: 60px !important;
}
.pl-xxl-0 {
padding-right: 0 !important;
}
.pl-xxl-1 {
padding-right: 6px !important;
}
.pl-xxl-2 {
padding-right: 12px !important;
}
.pl-xxl-3 {
padding-right: 18px !important;
}
.pl-xxl-4 {
padding-right: 24px !important;
}
.pl-xxl-5 {
padding-right: 30px !important;
}
.pl-xxl-6 {
padding-right: 36px !important;
}
.pl-xxl-7 {
padding-right: 42px !important;
}
.pl-xxl-8 {
padding-right: 48px !important;
}
.pl-xxl-9 {
padding-right: 54px !important;
}
.pl-xxl-10 {
padding-right: 60px !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 6px !important;
}
.pb-xxl-2 {
padding-bottom: 12px !important;
}
.pb-xxl-3 {
padding-bottom: 18px !important;
}
.pb-xxl-4 {
padding-bottom: 24px !important;
}
.pb-xxl-5 {
padding-bottom: 30px !important;
}
.pb-xxl-6 {
padding-bottom: 36px !important;
}
.pb-xxl-7 {
padding-bottom: 42px !important;
}
.pb-xxl-8 {
padding-bottom: 48px !important;
}
.pb-xxl-9 {
padding-bottom: 54px !important;
}
.pb-xxl-10 {
padding-bottom: 60px !important;
}
.pl-xxl-0 {
padding-left: 0 !important;
}
.pl-xxl-1 {
padding-left: 6px !important;
}
.pl-xxl-2 {
padding-left: 12px !important;
}
.pl-xxl-3 {
padding-left: 18px !important;
}
.pl-xxl-4 {
padding-left: 24px !important;
}
.pl-xxl-5 {
padding-left: 30px !important;
}
.pl-xxl-6 {
padding-left: 36px !important;
}
.pl-xxl-7 {
padding-left: 42px !important;
}
.pl-xxl-8 {
padding-left: 48px !important;
}
.pl-xxl-9 {
padding-left: 54px !important;
}
.pl-xxl-10 {
padding-left: 60px !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
@font-face {
font-family: "Material Symbols Rounded";
src: url(//business2.vertaa.fi/wp-content/themes/fwpress/assets/fonts/MaterialSymbolsRoundedFilled-Regular.woff2) format("woff2"), url(//business2.vertaa.fi/wp-content/themes/fwpress/assets/fonts/MaterialSymbolsRoundedFilled-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0;
margin: 0;
font-family: "neo-sans", sans-serif;
text-box: trim-both cap alphabetic;
font-weight: bold;
color: var(--wp--preset--color--blue);
}
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
padding-top: var(--wp--preset--spacing--small);
}
.has-primary-background-color h1, .header__content h1,
.has-primary-background-color h2,
.header__content h2,
.has-primary-background-color h3,
.header__content h3,
.has-primary-background-color h4,
.header__content h4,
.has-primary-background-color h5,
.header__content h5,
.has-primary-background-color h6,
.header__content h6 {
color: #fff;
}
h1 {
font-size: var(--wp--preset--font-size--max-42);
padding-bottom: 32px;
}
h2,
.wp-heading-inline {
font-size: var(--wp--preset--font-size--max-36);
padding-bottom: calc(var(--wp--preset--spacing--small) * 1);
padding-bottom: 24px;
}
h3 {
font-size: var(--wp--preset--font-size--max-24);
padding-bottom: calc(var(--wp--preset--spacing--x-small) * 1);
padding-bottom: 24px;
}
h4 {
font-size: var(--wp--preset--font-size--max-20);
padding-bottom: calc(var(--wp--preset--spacing--small) * 0.75);
font-weight: 300;
padding-bottom: 24px;
}
p {
font-size: var(--wp--preset--font-size--bodycopy);
color: var(--typography-body-color);
padding-bottom: var(--wp--preset--spacing--small);
padding-bottom: 24px;
text-box: trim-both cap alphabetic;
}
.wp-admin p {
text-box: unset;
}
.has-large-paragraph-font-size {
font-weight: 300;
}
.text-component,
#tinymce.mce-content-body,
.textwidget {
display: flex;
flex-direction: column;
text-wrap: balance;
}
.text-component > *:first-child,
#tinymce.mce-content-body > *:first-child,
.textwidget > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.text-component > *:last-child,
#tinymce.mce-content-body > *:last-child,
.textwidget > *:last-child {
margin-bottom: 0 !important;
padding-bottom: 0;
}
.text-component + .text-component,
#tinymce.mce-content-body + .text-component,
.textwidget + .text-component {
margin-top: 36px;
}
.text-component p,
#tinymce.mce-content-body p,
.textwidget p {
padding-top: 12px;
padding-bottom: 12px;
}
.text-component--white h1,
.text-component--white h2,
.text-component--white h3,
.text-component--white h4,
.text-component--white h5,
.text-component--white h6,
.text-component--white p,
.text-component--white a:not([class]),
#tinymce.mce-content-body--white h1,
#tinymce.mce-content-body--white h2,
#tinymce.mce-content-body--white h3,
#tinymce.mce-content-body--white h4,
#tinymce.mce-content-body--white h5,
#tinymce.mce-content-body--white h6,
#tinymce.mce-content-body--white p,
#tinymce.mce-content-body--white a:not([class]),
.textwidget--white h1,
.textwidget--white h2,
.textwidget--white h3,
.textwidget--white h4,
.textwidget--white h5,
.textwidget--white h6,
.textwidget--white p,
.textwidget--white a:not([class]) {
color: #ffffff;
}
.component--text .text-component a:not([class]),
.component--text #tinymce.mce-content-body a:not([class]),
.component--text .textwidget a:not([class]) {
font-weight: bold;
text-decoration: underline;
text-underline-position: under;
}
.component--text .text-component a:not([class])[target=_blank],
.component--text #tinymce.mce-content-body a:not([class])[target=_blank],
.component--text .textwidget a:not([class])[target=_blank] {
display: inline-flex;
display: inline-flex;
align-items: flex-start;
gap: 8px;
white-space: nowrap;
}
.component--text .text-component a:not([class])[target=_blank]:after,
.component--text #tinymce.mce-content-body a:not([class])[target=_blank]:after,
.component--text .textwidget a:not([class])[target=_blank]:after {
content: "arrow_outward";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 18px;
display: inline-block;
width: 18px;
height: 18px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.component--text .text-component a:not([class])[target=_blank]:after,
.component--text #tinymce.mce-content-body a:not([class])[target=_blank]:after,
.component--text .textwidget a:not([class])[target=_blank]:after {
margin-left: 9px;
}
.text-component table,
#tinymce.mce-content-body table,
.textwidget table {
border-collapse: collapse;
}
.text-component table thead th, .text-component table thead td,
#tinymce.mce-content-body table thead th,
#tinymce.mce-content-body table thead td,
.textwidget table thead th,
.textwidget table thead td {
padding: 12px;
font-weight: bold;
text-align: left;
color: var(--theme-darkblue);
}
.text-component table tbody tr:nth-child(even) td,
#tinymce.mce-content-body table tbody tr:nth-child(even) td,
.textwidget table tbody tr:nth-child(even) td {
background-color: var(--theme-darkblue-light-95);
}
.text-component table tbody tr td,
#tinymce.mce-content-body table tbody tr td,
.textwidget table tbody tr td {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
}
a:where(:not(.wp-element-button)) {
text-decoration: none;
}
.tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.tags .tag {
min-height: 40px;
display: inline-flex;
padding-left: 16px;
padding-right: 16px;
border-radius: 16px;
justify-content: center;
align-items: center;
background-color: #fff;
border: 1px solid rgba(13, 13, 13, 0.1);
}
.tags .tag__label {
line-height: 1;
}
.tags .tag--icon {
padding-left: 8px;
gap: 4px;
display: inline-flex;
align-items: center;
}
.tags .tag--icon .tag__label {
align-items: center !important;
gap: 4px !important;
}
.tags .tag--icon .fwpress-icon {
width: 24px;
height: 24px;
}
.tags .tag--icon .fwpress-icon .material-symbols-outlined {
color: #164674;
width: 24px;
height: 24px;
font-size: 24px;
}
.tags .tag--euro .tag__label {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.tags .tag--euro .tag__label:before {
content: "euro_symbol";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: #36E1BA;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.tags .tag--surface .tag__label {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.tags .tag--surface .tag__label:before {
content: "activity_zone";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: #36E1BA;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.tags .tag--type .tag__label {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.tags .tag--type .tag__label:before {
content: "category";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: #36E1BA;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
code {
padding: 12px;
background-color: rgba(13, 13, 13, 0.05);
text-box: trim-both cap alphabetic;
}
.wp-block-quote h1, .wp-block-quote h2, .wp-block-quote h3, .wp-block-quote h4 {
font-style: italic;
font-weight: normal;
}
.has-shadow {
box-shadow: 0px 0px 19px 0px rgba(47, 19, 81, 0.1) !important;
}
.has-border {
border: 1px solid var(--wp--preset--color--primary-color-10) !important;
}
ul.documents {
display: flex;
flex-direction: column;
gap: 9px;
}
ul.documents li {
display: flex;
}
ul.documents li a {
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: #164674;
}
ul.documents li a:before {
content: "docs";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
ul.documents li a:hover {
color: #164674;
}
ul.documents li a:hover > span {
border-bottom: 1px solid var(--wp--preset--color--blue);
}
ul.documents li a > span {
font-weight: 500;
}
strong {
font-weight: 700 !important;
}
html {
margin: 0 !important;
}
body {
font-family: "neo-sans", sans-serif;
font-size: 16px;
color: var(--wp--preset--color--black);
height: 100dvh;
}
body::-webkit-scrollbar {
width: 6px;
height: 6px;
}
body::-webkit-scrollbar-track {
background: #ffffff;
}
body::-webkit-scrollbar-thumb {
background: var(--wp--preset--color--turcoise);
}
body:has(.overlay--visible) {
overflow: hidden;
}
.outer-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
text-underline-position: under;
}
.outer-wrapper .inner-wrapper {
flex: 1;
display: flex;
flex-direction: column;
}
.outer-wrapper .inner-wrapper > *:last-child:not(.topbar):not(.has-gradient-1-gradient-background) {
flex-grow: 1;
}
.outer-wrapper .inner-wrapper > *:last-child.has-lightgrey-background-color {
margin-bottom: var(--wp--preset--spacing--small);
}
.areoi-element > *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.cky-btn-revisit-wrapper {
display: none !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-weight: 700 !important;
font-family: "neo-sans", sans-serif !important;
}
.cmplz-logo {
display: flex;
}
.cmplz-cookiebanner {
bottom: 12px !important;
box-shadow: var(--dropshadow-x, 0) var(--dropshadow-y, 4px) var(--dropshadow-blur, 8px) var(--dropshadow-spread, 0) var(--dropshadow-color, rgba(0, 0, 0, 0.08)) !important;
}
:root {
--topbar-height: 80px;
}
.topbar {
z-index: 100;
top: 0;
width: 100%;
background-color: var(--wp--preset--color--blue);
position: sticky;
left: 0;
}
.topbar__inner {
display: flex;
align-items: center;
width: 100%;
gap: 24px;
height: var(--topbar-height);
}
.topbar__inner--search-focus .topbar__navigation--secondary {
display: none;
}
.topbar__bar {
display: flex;
align-items: center;
flex: 1;
position: relative;
justify-content: flex-end;
}
.topbar__logo {
position: relative;
display: flex;
align-items: center;
width: 200px;
height: 28px;
flex-shrink: 0;
flex-grow: 0;
}
.topbar__logo img {
display: block;
width: 200px;
height: 28px;
}
.topbar #main-navigation {
display: flex;
gap: 16px;
align-items: center;
position: relative;
width: fit-content;
justify-content: flex-end;
}
.topbar__navigation .menu-hoofdmenu-container .menu {
display: flex;
flex-direction: row;
}
.topbar__navigation .menu-hoofdmenu-container .menu .menu-item__link {
display: flex;
align-items: center;
}
.topbar__navigation #menu-hoofdmenu {
display: flex;
align-items: center;
gap: 24px;
justify-content: flex-end;
}
.topbar__navigation #menu-hoofdmenu .menu-item .menu-item__link {
display: inline-flex;
font-weight: 400;
align-items: center;
color: #fff;
text-decoration: none;
white-space: nowrap;
gap: 4px;
}
.topbar__navigation #menu-hoofdmenu .menu-item .menu-item__link:hover {
position: relative;
}
.topbar__navigation #menu-hoofdmenu .menu-item .menu-item__link:hover:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 2px;
background-color: var(--wp--preset--color--orange);
}
.topbar__navigation #menu-hoofdmenu .menu-item .menu-item__link .menu-item__link__label {
z-index: 1;
position: relative;
font-size: 12px;
font-size: 14px;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children {
position: relative;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .has-children {
display: inline-flex;
align-items: flex-start;
gap: 8px;
flex-grow: 0;
flex-shrink: 0;
cursor: pointer;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .has-children:after {
content: "expand_more";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children:has(.sub-menu--visible) > .menu-item__link {
background-color: var(--wp--preset--color--primary);
color: #fff;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu {
position: absolute;
width: auto;
max-width: 300px;
min-width: 250px;
top: 100%;
left: 50%;
border-radius: 3px;
background-color: #fff;
padding: 9px;
flex-direction: column;
height: auto;
display: none;
transform: translate(-50%, 24px);
z-index: 10;
gap: 0;
filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu:before {
content: "";
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #fff transparent;
transform: rotate(0deg);
position: absolute;
top: -9px;
left: calc(50% - 9px);
z-index: 5;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item {
width: 100%;
display: flex;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item a {
min-width: 36px;
width: 100%;
padding-left: 9px;
padding-right: 9px;
border-radius: 3px;
display: inline-flex;
align-items: flex-start;
gap: 8px;
width: 100%;
align-items: center;
color: #000;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item a:before {
content: "chevron_right";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover {
background-color: var(--wp--preset--color--blue-20) !important;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item a:after {
display: none;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item.current_page_item a, .topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item a, .topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item.current-page-ancestor a, .topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .menu-item:hover a {
color: var(--wp--preset--color--primary) !important;
background-color: #fff;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu.sub-menu--visible {
display: flex;
align-items: flex-start;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .has-children {
transform: rotate(-90deg);
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .sub-menu {
left: calc(100% + 36px);
top: -34px;
}
.topbar__navigation #menu-hoofdmenu .menu-item.menu-item-has-children .sub-menu .sub-menu:before {
transform: rotate(-90deg);
left: -9px;
top: 24px;
}
.topbar__navigation #menu-hoofdmenu .menu-item.current_page_item, .topbar__navigation #menu-hoofdmenu .menu-item.current-menu-item, .topbar__navigation #menu-hoofdmenu .menu-item.current-page-ancestor {
position: relative;
}
.topbar__navigation #menu-hoofdmenu .menu-item.current_page_item > .menu-item__link, .topbar__navigation #menu-hoofdmenu .menu-item.current-menu-item > .menu-item__link, .topbar__navigation #menu-hoofdmenu .menu-item.current-page-ancestor > .menu-item__link {
font-weight: bold;
position: relative;
}
.topbar__navigation #menu-hoofdmenu .menu-item.current_page_item > .menu-item__link:before, .topbar__navigation #menu-hoofdmenu .menu-item.current-menu-item > .menu-item__link:before, .topbar__navigation #menu-hoofdmenu .menu-item.current-page-ancestor > .menu-item__link:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 2px;
background-color: var(--wp--preset--color--orange);
}
.topbar__navigation #menu-hoofdmenu .menu-item.lang-item .menu-item__link {
padding: 0;
border-radius: 0;
flex-grow: 0;
flex-shrink: 0;
}
.topbar__navigation #menu-hoofdmenu#menu-secundaire-menu {
gap: var(--wp--preset--spacing--small);
}
.topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item a {
color: var(--wp--preset--color--secondary);
padding-top: 9px;
padding-bottom: 9px;
}
.topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item a:hover {
text-decoration: none;
}
.topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item.current_page_item, .topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item.current-menu-item {
position: relative;
}
.topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item.current_page_item > a:after, .topbar__navigation #menu-hoofdmenu#menu-secundaire-menu .menu-item.current-menu-item > a:after {
background-color: var(--wp--preset--color--secondary);
left: 0;
right: 0;
bottom: -21px;
}
.topbar__icons {
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
display: none;
}
.topbar__icon {
display: flex;
width: 36px;
height: 36px;
color: #fff;
justify-content: center;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.topbar__icon--menu {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M5 13.3327C5 12.4122 5.74619 11.666 6.66667 11.666H33.3333C34.2538 11.666 35 12.4122 35 13.3327C35 14.2532 34.2538 14.9993 33.3333 14.9993H6.66667C5.74619 14.9993 5 14.2532 5 13.3327ZM5 21.666C5 20.7455 5.74619 19.9993 6.66667 19.9993H33.3333C34.2538 19.9993 35 20.7455 35 21.666C35 22.5865 34.2538 23.3327 33.3333 23.3327H6.66667C5.74619 23.3327 5 22.5865 5 21.666ZM5 29.9993C5 29.0789 5.74619 28.3327 6.66667 28.3327H33.3333C34.2538 28.3327 35 29.0789 35 29.9993C35 30.9198 34.2538 31.666 33.3333 31.666H6.66667C5.74619 31.666 5 30.9198 5 29.9993Z' fill='white'/%3E%3C/svg%3E");
align-items: center;
}
.topbar__icon--search {
display: inline-flex;
align-items: flex-start;
gap: 8px;
align-items: center;
}
.topbar__icon--search:before {
content: "search";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.button-webshop a {
height: 32px;
border-radius: 16px;
border: 1px solid #fff;
padding-left: 16px;
padding-right: 16px;
display: inline-flex;
width: fit-content;
align-items: center;
}
.button-webshop a:before {
display: none !important;
}
.button-webshop a .menu-item__link__label {
font-weight: bold;
color: #fff;
}
.button-webshop a:hover {
background-color: #fff !important;
}
.button-webshop a:hover .menu-item__link__label {
color: var(--wp--preset--color--blue);
}
@media screen and (max-width: 1399px) {
.topbar__navigation {
opacity: 0;
}
}
@media screen and (max-width: 767px) {
:root {
--topbar-height:72px;
}
.topbar__inner {
gap: 24px;
}
.topbar__icons {
display: flex !important;
}
.topbar__icon--menu {
display: flex;
}
.topbar .fwpress-button {
height: 36px;
border-radius: 6px;
}
.topbar .fwpress-button.fwpress-button--primary-outline:before {
border-radius: 5px;
}
.footer__bottom #menu-quicklinks-footer {
flex-direction: column !important;
width: 100%;
align-items: flex-start !important;
justify-content: flex-start;
gap: 9px !important;
}
.footer__bottom__inner {
flex-direction: column;
}
.topbar .fwpress-button {
display: none;
}
}
.footer {
padding-top: var(--wp--preset--spacing--small);
padding-bottom: var(--wp--preset--spacing--small);
display: flex;
flex-direction: column;
color: #fff;
background: radial-gradient(222.4% 110.21% at 14.96% -1.97%, #055699 0%, #003866 100%);
}
.footer__bottom {
padding-top: var(--wp--preset--spacing--small);
}
.footer__bottom__inner {
display: flex;
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding-top: var(--wp--preset--spacing--small);
gap: var(--wp--preset--spacing--small);
justify-content: space-between;
}
.footer__logo {
flex-grow: 0;
flex-shrink: 0;
}
.footer__languages {
display: flex;
gap: var(--wp--preset--spacing--x-small);
align-items: flex-start;
}
.footer__languages__label {
flex-shrink: 0;
flex-grow: 0;
font-size: 12px;
text-box: trim-both cap alphabetic;
padding-top: 2px;
}
.footer__languages__list {
display: flex;
justify-content: flex-end;
align-items: flex-start;
align-content: flex-start;
gap: 16px;
flex-wrap: wrap;
}
.footer__language {
display: inline-flex;
width: fit-content;
align-items: center;
gap: 8px;
color: #fff;
}
.footer__language__flag {
width: 16px;
height: 12px;
}
.footer__language__flag svg,
.footer__language__flag img {
object-fit: cover;
width: 16px;
height: 12px;
display: block;
}
.footer__language__label {
text-box: trim-both cap alphabetic;
font-size: 12px;
color: #fff;
}
.footer .components {
display: flex;
flex-direction: column;
gap: 36px;
}
.footer .components .component {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--x-small);
}
.footer .components .component--widget {
display: flex;
}
.footer .components .component--widget .widgettitle {
font-weight: 700;
}
.footer .components .component--widget .menu {
display: flex;
flex-direction: column;
gap: 16px;
}
.footer .components .component--widget .menu li {
display: flex;
}
.footer .components .component--widget .menu li a {
color: #fff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
border-color: transparent;
text-box: trim-both cap alphabetic;
}
.footer .components .component--widget .menu li a:hover {
border-color: #fff;
}
.footer .components .component--widget > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.sidenavigation {
width: 100%;
height: 100%;
position: fixed;
z-index: 99999;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(34, 34, 34, 0.4);
opacity: 0;
pointer-events: none;
transition: backdrop-filter 0.5s ease 0.3s;
}
body.view-desktop .sidenavigation {
display: none !important;
}
.sidenavigation--visible {
opacity: 1;
pointer-events: all;
transition: backdrop-filter 0.5s ease 0s;
}
.sidenavigation--visible .sidenavigation__inner {
transform: translateX(0);
transition: transform 0.3s ease 0s;
}
.sidenavigation__inner {
width: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background-color: #fff;
max-width: 480px;
transform: translateX(100%);
display: flex;
flex-direction: column;
transition: transform 0.3s ease 0.3s;
}
.sidenavigation__top {
height: var(--topbar-height);
display: flex;
align-items: center;
justify-content: space-between;
padding-left: var(--wp--preset--spacing--small);
padding-right: var(--wp--preset--spacing--small);
flex-shrink: 0;
flex-grow: 0;
background-color: var(--wp--preset--color--blue);
}
.sidenavigation__top__title {
font-size: 24px;
color: #fff;
font-weight: 700;
text-box: trim-both cap alphabetic;
}
.sidenavigation__close {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sidenavigation__components {
padding: var(--wp--preset--spacing--small);
overflow-y: auto;
}
.sidenavigation .menu {
display: flex;
flex-direction: column;
gap: 24px;
gap: 0;
}
.sidenavigation .menu .menu-item a {
display: flex;
font-weight: 700;
align-items: center;
color: inherit;
text-decoration: none;
color: var(--wp--preset--color--primary);
border-bottom: 1px solid #CFCFCF;
padding-top: 12px;
padding-bottom: 12px;
text-box: trim-both cap alphabetic;
}
.sidenavigation .menu .menu-item.menu-item-has-children {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.sidenavigation .menu .menu-item.menu-item-has-children > a {
flex-grow: 1;
flex-shrink: 1;
}
.sidenavigation .menu .menu-item.menu-item-has-children .has-children {
display: inline-flex;
align-items: flex-start;
gap: 8px;
flex-grow: 0;
flex-shrink: 0;
margin-left: auto;
}
.sidenavigation .menu .menu-item.menu-item-has-children .has-children:after {
content: "expand_more";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.sidenavigation .menu .menu-item.menu-item-has-children .sub-menu {
border-radius: 3px;
background-color: var(--wp--preset--color--primary);
flex-direction: column;
padding: 9px;
width: 100%;
display: flex;
display: none;
}
.sidenavigation .menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
color: var(--wp--preset--color--primary);
width: 100%;
display: inline-flex;
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: #fff;
font-weight: 300;
height: 18px;
}
.sidenavigation .menu .menu-item.menu-item-has-children .sub-menu .menu-item a:before {
content: "chevron_right";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.sidenavigation .menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item a {
font-weight: bold;
color: var(--wp--preset--color--orange);
}
.sidenavigation .menu .menu-item.menu-item-has-children.current-page-ancestor .sub-menu, .sidenavigation .menu .menu-item.menu-item-has-children.current-menu-ancestor .sub-menu, .sidenavigation .menu .menu-item.menu-item-has-children.current-menu-parent .sub-menu {
display: flex;
}
.sidenavigation .menu .menu-item.current_page_item > a {
font-weight: 700;
color: var(--wp--preset--color--orange);
}
.sidenavigation__secondary {
margin-top: var(--wp--preset--spacing--small);
padding-top: var(--wp--preset--spacing--small);
border-top: 1px solid var(--wp--preset--color--primary-color-20);
}
.sidenavigation__secondary li .menu-item {
color: var(--wp--preset--color--secondary);
font-weight: 700;
text-decoration: none;
}
.sidenavigation .button-webshop {
border-bottom: 0;
order: -1;
margin-bottom: 24px;
}
.sidenavigation .button-webshop a {
height: 48px;
border-radius: 24px;
border: 1px solid #0D0D0D !important;
padding-left: 16px;
padding-right: 16px;
display: inline-flex;
width: fit-content;
align-items: center;
}
.sidenavigation .button-webshop a .menu-item__link__label {
font-weight: bold;
color: #0D0D0D;
}
.sidenavigation .button-webshop a:hover {
background-color: #0D0D0D !important;
}
.sidenavigation .button-webshop a:hover .menu-item__link__label {
color: #fff;
}
.component--breadcrumbs {
margin-bottom: var(--wp--preset--spacing--x-small);
}
.breadcrumbs {
display: flex;
flex-wrap: wrap;
gap: 9px;
position: relative;
z-index: 1;
}
.breadcrumbs__item {
color: var(--wp--preset--color--primary);
color: inherit;
}
.has-primary-background-color .breadcrumbs__item {
color: #ffffff;
}
.breadcrumbs__item--current {
font-weight: bold;
color: var(--typography-body-color);
color: inherit;
}
.has-primary-background-color .breadcrumbs__item--current {
color: #ffffff;
}
.breadcrumbs__item--current:after {
display: none;
}
.breadcrumbs__link {
color: var(--typography-body-color);
opacity: 0.6;
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: inherit;
}
.breadcrumbs__link:after {
content: "chevron_right";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.has-primary-background-color .breadcrumbs__link {
color: #ffffff;
opacity: 0.8;
}
.breadcrumbs__link:hover {
opacity: 1;
}
:root {
--button-height: 48px;
}
.fwpress-buttons {
gap: 12px 16px;
display: flex;
flex-wrap: wrap;
padding-bottom: var(--wp--preset--spacing--small);
margin-top: var(--wp--preset--spacing--x-small);
}
.fwpress-buttons.alignwide .fwpress-button {
flex-grow: 1;
min-width: fit-content;
}
.fwpress-buttons.alignfull .fwpress-button {
width: 100%;
}
.fwpress-buttons.orientation-vertical {
flex-direction: column;
}
.fwpress-buttons.justify-content-left {
justify-content: flex-start;
}
.fwpress-buttons.justify-content-right {
justify-content: flex-end;
}
.fwpress-button,
.button {
display: inline-flex;
min-height: var(--button-height);
padding: 4px;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
font-family: "neo-sans", sans-serif;
text-decoration: none;
appearance: none;
outline: 0;
cursor: pointer;
transition: 0.15s;
padding-left: 8px;
padding-right: 8px;
border-radius: 24px;
gap: 8px;
}
.fwpress-button--right,
.button--right {
flex-direction: row-reverse;
}
.fwpress-button--primary, .fwpress-button.button-primary, .fwpress-button.button.action, .fwpress-button.button:not(.button-secondary),
.button--primary,
.button.button-primary,
.button.button.action,
.button.button:not(.button-secondary) {
border: 0;
color: #fff;
background-color: var(--wp--preset--color--orange);
}
.fwpress-button--primary:hover, .fwpress-button.button-primary:hover, .fwpress-button.button.action:hover, .fwpress-button.button:not(.button-secondary):hover,
.button--primary:hover,
.button.button-primary:hover,
.button.button.action:hover,
.button.button:not(.button-secondary):hover {
background-color: #F9AF71;
color: #fff;
}
.fwpress-button--primary:focus, .fwpress-button.button-primary:focus, .fwpress-button.button.action:focus, .fwpress-button.button:not(.button-secondary):focus,
.button--primary:focus,
.button.button-primary:focus,
.button.button.action:focus,
.button.button:not(.button-secondary):focus {
background-color: #E56F0C;
}
.fwpress-button--secondary, .fwpress-button.button-secondary,
.button--secondary,
.button.button-secondary {
background-color: var(--wp--preset--color--blue);
border: 0;
color: #fff;
}
.fwpress-button--secondary:hover, .fwpress-button.button-secondary:hover,
.button--secondary:hover,
.button.button-secondary:hover {
background-color: #5C7E9E;
color: #fff;
}
.fwpress-button--secondary:focus, .fwpress-button.button-secondary:focus,
.button--secondary:focus,
.button.button-secondary:focus {
background-color: #5C7E9E;
}
.fwpress-button--tertiary, .fwpress-button.button-tertiary,
.button--tertiary,
.button.button-tertiary {
background-color: #219654;
border: 0;
color: #fff;
}
.fwpress-button--tertiary:hover, .fwpress-button.button-tertiary:hover,
.button--tertiary:hover,
.button.button-tertiary:hover {
background-color: #64B587;
color: #fff;
}
.fwpress-button--tertiary:focus, .fwpress-button.button-tertiary:focus,
.button--tertiary:focus,
.button.button-tertiary:focus {
background-color: #186D3D;
}
.fwpress-button--primary-outline,
.button--primary-outline {
position: relative;
border: 1px solid var(--wp--preset--color--blue);
color: var(--wp--preset--color--blue);
}
.fwpress-button--primary-outline:hover,
.button--primary-outline:hover {
background: var(--wp--preset--color--blue);
color: #fff;
}
.fwpress-button--secondary-outline,
.button--secondary-outline {
position: relative;
border: 1px solid var(--wp--preset--color--orange);
color: var(--wp--preset--color--orange);
}
.fwpress-button--secondary-outline:hover,
.button--secondary-outline:hover {
background: var(--wp--preset--color--orange);
color: #fff;
}
.fwpress-button--small,
.button--small {
height: 32px;
font-size: 14px;
}
.fwpress-button[disabled], .fwpress-button--disabled,
.button[disabled],
.button--disabled {
opacity: 0.6;
pointer-events: none;
background-color: #CFCFCF !important;
color: #808080 !important;
}
.fwpress-button.read-more, .fwpress-button--read-more, .fwpress-button--text-link,
.button.read-more,
.button--read-more,
.button--text-link {
padding: 0;
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: var(--wp--preset--color--primary);
text-decoration: none;
font-weight: bold;
height: unset;
align-items: flex-start;
font-weight: normal;
}
.fwpress-button.read-more:before, .fwpress-button--read-more:before, .fwpress-button--text-link:before,
.button.read-more:before,
.button--read-more:before,
.button--text-link:before {
content: "chevron_right";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button.read-more:before, .fwpress-button--read-more:before, .fwpress-button--text-link:before,
.button.read-more:before,
.button--read-more:before,
.button--text-link:before {
color: var(--wp--preset--color--primary);
}
.fwpress-button.read-more:hover .fwpress-button__label, .fwpress-button--read-more:hover .fwpress-button__label, .fwpress-button--text-link:hover .fwpress-button__label,
.button.read-more:hover .fwpress-button__label,
.button--read-more:hover .fwpress-button__label,
.button--text-link:hover .fwpress-button__label {
text-decoration: underline;
text-underline-position: under;
text-decoration-thickness: 2px;
}
.fwpress-button--text-link:before,
.button--text-link:before {
content: unset;
}
.fwpress-button--icon--email,
.button--icon--email {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.fwpress-button--icon--email:before,
.button--icon--email:before {
content: "mail";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button--icon--phone,
.button--icon--phone {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.fwpress-button--icon--phone:before,
.button--icon--phone:before {
content: "call";
font-family: "Material Symbols Rounded";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button--icon--linkedin,
.button--icon--linkedin {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.fwpress-button--icon--linkedin:before,
.button--icon--linkedin:before {
content: "";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button--icon--linkedin:before,
.button--icon--linkedin:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='18px'%3E%3Cpath fill-rule='evenodd' fill='rgb(47, 19, 81)' d='M15.335,15.336 L12.668,15.336 L12.668,11.159 C12.668,10.164 12.650,8.882 11.281,8.882 C9.892,8.882 9.680,9.967 9.680,11.087 L9.680,15.335 L7.013,15.335 L7.013,6.747 L9.573,6.747 L9.573,7.921 L9.609,7.921 C10.131,7.028 11.102,6.495 12.135,6.534 C14.838,6.534 15.336,8.312 15.336,10.624 L15.335,15.336 ZM4.004,5.573 C3.149,5.574 2.456,4.881 2.456,4.026 C2.456,3.171 3.149,2.478 4.003,2.478 C4.858,2.478 5.551,3.171 5.551,4.026 C5.551,4.880 4.859,5.573 4.004,5.573 L4.004,5.573 M5.337,15.336 L2.668,15.336 L2.668,6.747 L5.337,6.747 L5.337,15.336 ZM16.664,0.002 L1.328,0.002 C0.603,-0.006 0.008,0.574 -0.000,1.299 L-0.000,16.700 C0.008,17.425 0.603,18.006 1.328,17.998 L16.664,17.998 C17.391,18.007 17.988,17.426 17.998,16.700 L17.998,1.298 C17.988,0.572 17.391,-0.009 16.664,0.001 '/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
}
.fwpress-button--icon--add,
.button--icon--add {
display: inline-flex;
align-items: flex-start;
gap: 8px;
align-items: center;
}
.fwpress-button--icon--add:before,
.button--icon--add:before {
content: "add";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 36px;
display: inline-block;
width: 36px;
height: 36px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button--icon:not(:has(.fwpress-button__label)),
.button--icon:not(:has(.fwpress-button__label)) {
padding: 0;
width: 48px;
}
.fwpress-button--w100,
.button--w100 {
width: 100%;
}
.fwpress-button[href^="mailto:"],
.button[href^="mailto:"] {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.fwpress-button[href^="mailto:"]:before,
.button[href^="mailto:"]:before {
content: "mail";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button[href^="tel:"],
.button[href^="tel:"] {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.fwpress-button[href^="tel:"]:before,
.button[href^="tel:"]:before {
content: "call";
font-family: "Material Symbols Rounded";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.fwpress-button .material-symbols-outlined,
.button .material-symbols-outlined {
font-family: "Material Symbols Outlined" !important;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
line-height: 1;
}
.fwpress-button__label,
.button__label {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
text-box: trim-both cap alphabetic;
text-align: center;
}
.fwpress-link {
color: var(--wp--preset--color--lightblue);
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
font-size: 16px;
cursor: pointer;
gap: 8px;
appearance: none;
border: 0;
background-color: transparent;
font-family: inherit;
font-size: inherit;
}
.fwpress-link--right {
flex-direction: row-reverse;
}
.fwpress-link:hover {
color: var(--wp--preset--color--blue);
}
.fwpress-link .material-symbols-outlined {
font-family: "Material Symbols Outlined" !important;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
line-height: 1;
font-weight: 400;
}
.fwpress-link .material-symbols-outlined.icon-background {
border-radius: 50%;
background-color: rgba(22, 70, 116, 0.2);
width: 30px;
height: 30px;
}
.link {
color: var(--wp--preset--color--primary);
gap: 6px;
}
.link--filters {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.link--filters:before {
content: "filter_alt";
font-family: "Material Symbols Rounded";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.link--readmore {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.link--readmore:after {
content: "arrow_forward";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
a:not([class]):not(:has(> span)) {
text-decoration: none;
color: var(--wp--preset--color--orange);
border-bottom: 1px solid var(--wp--preset--color--orange);
padding-bottom: 2px;
font-weight: 400;
}
a:not([class]):not(:has(> span)):hover {
color: var(--wp--preset--color--blue);
border-color: var(--wp--preset--color--blue);
}
a:not([class]):has(span) {
text-decoration: none;
border-bottom: 0;
padding-bottom: 0;
}
a:not([class]):has(span) > span {
text-decoration: none;
}
.has-icon {
display: flex;
gap: 6px;
}
.has-icon--email a {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.has-icon--email a:before {
content: "mail";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.has-icon--phone a {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.has-icon--phone a:before {
content: "call";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.has-icon--phone--mobile a {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.has-icon--phone--mobile a:before {
content: "smartphone";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
@media screen and (max-width: 375px) {
.fwpress-button {
width: 100%;
}
}
body:not(.wp-admin) input[type=radio], body:not(.wp-admin) input[type=checkbox] {
position: absolute;
left: -9999px;
height: 0;
width: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
}
body:not(.wp-admin) input[type=radio][disabled] + label, body:not(.wp-admin) input[type=checkbox][disabled] + label {
opacity: 0.7;
cursor: not-allowed;
}
body:not(.wp-admin) input[type=radio] + label, body:not(.wp-admin) input[type=checkbox] + label {
padding-left: 32px;
position: relative;
display: block;
line-height: 1.5;
cursor: pointer;
}
body:not(.wp-admin) input[type=radio] + label:before, body:not(.wp-admin) input[type=checkbox] + label:before {
content: "";
width: 24px;
height: 24px;
position: absolute;
left: 0;
top: 0;
border: 1px solid rgba(13, 13, 13, 0.4);
background-color: #fff;
border-radius: 4px;
}
body:not(.wp-admin) input[type=radio] + label:empty, body:not(.wp-admin) input[type=checkbox] + label:empty {
width: 24px;
height: 24px;
padding: 0;
}
body:not(.wp-admin) input[type=radio] + label:hover:before, body:not(.wp-admin) input[type=checkbox] + label:hover:before {
border-color: #164674;
}
body:not(.wp-admin) input[type=radio]:checked + label:before, body:not(.wp-admin) input[type=checkbox]:checked + label:before {
border-color: #164674;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232B3990'%3E%3Cpath d='M389-267 195-460l51-52 143 143 325-324 51 51-376 375Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
}
body:not(.wp-admin) input[type=radio].switch + label, body:not(.wp-admin) input[type=checkbox].switch + label {
padding-left: 45px;
}
body:not(.wp-admin) input[type=radio].switch + label:before, body:not(.wp-admin) input[type=checkbox].switch + label:before {
width: 36px;
height: 20px;
border-radius: 12px;
transition: 0.15s;
top: 1px;
}
body:not(.wp-admin) input[type=radio].switch + label:after, body:not(.wp-admin) input[type=checkbox].switch + label:after {
width: 14px !important;
height: 14px !important;
content: "";
left: 3px;
top: 4px !important;
position: absolute;
border-radius: 50%;
background-color: #fff;
filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
transition: 0.15s;
}
body:not(.wp-admin) input[type=radio].switch + label:hover, body:not(.wp-admin) input[type=checkbox].switch + label:hover {
color: var(--secondary-500);
}
body:not(.wp-admin) input[type=radio].switch + label:hover:before, body:not(.wp-admin) input[type=checkbox].switch + label:hover:before {
background-color: var(--secondary-200);
}
body:not(.wp-admin) input[type=radio].switch:checked + label, body:not(.wp-admin) input[type=checkbox].switch:checked + label {
color: var(--secondary-600);
}
body:not(.wp-admin) input[type=radio].switch:checked + label:before, body:not(.wp-admin) input[type=checkbox].switch:checked + label:before {
background-color: var(--wp--preset--color--blue);
background-image: none;
}
body:not(.wp-admin) input[type=radio].switch:checked + label:after, body:not(.wp-admin) input[type=checkbox].switch:checked + label:after {
left: 18px !important;
}
body:not(.wp-admin) input[type=radio] + label:before {
border-radius: 50%;
}
body:not(.wp-admin) input[type=radio]:checked + label:after {
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
background-color: #164674;
left: 9px;
top: 9px;
}
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=search],
input[type=url],
input[type=file],
input[type=date],
select,
textarea {
border: 1px solid #CFCFCF;
height: 52px;
background-color: #fff;
padding-left: 16px;
padding-right: 16px;
border-radius: 8px;
width: 100%;
color: #0D0D0D;
appearance: none;
outline: 0;
font-weight: 400;
font-size: 16px;
font-family: inherit;
box-shadow: none !important;
}
input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=file]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: rgba(13, 13, 13, 0.8);
}
input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=file]:-moz-placeholder, input[type=date]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
color: rgba(13, 13, 13, 0.8);
}
input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=file]::-moz-placeholder, input[type=date]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color: rgba(13, 13, 13, 0.8);
}
input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=file]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: rgba(13, 13, 13, 0.8);
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=url]:focus,
input[type=file]:focus,
input[type=date]:focus,
select:focus,
textarea:focus {
border-color: #164674;
}
input[type=text]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=file]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: rgba(13, 13, 13, 0.8) !important;
}
input[type=text]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=number]:focus:-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=url]:focus:-moz-placeholder, input[type=file]:focus:-moz-placeholder, input[type=date]:focus:-moz-placeholder, select:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: rgba(13, 13, 13, 0.8) !important;
}
input[type=text]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=file]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: rgba(13, 13, 13, 0.8) !important;
}
input[type=text]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=file]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: rgba(13, 13, 13, 0.8) !important;
}
input[type=text].form__input--amount,
input[type=password].form__input--amount,
input[type=email].form__input--amount,
input[type=tel].form__input--amount,
input[type=number].form__input--amount,
input[type=search].form__input--amount,
input[type=url].form__input--amount,
input[type=file].form__input--amount,
input[type=date].form__input--amount,
select.form__input--amount,
textarea.form__input--amount {
padding-left: 36px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232E354399'%3E%3Cpath d='M576-144q-109 0-196-62.5T258-372H144v-72h98q-1-8-1.5-17t-.5-18q0-9 .5-18.5T242-516h-98v-72h114q35-103 122-165.5T576-816q68 0 130 26t110 75l-51 51q-38-38-86.5-59T576-744q-78 0-143.5 42T335-588h241v72H314q-1 8-1.5 17t-.5 18q0 9 .5 18.5T314-444h262v72H335q32 72 97.5 114T576-216q54 0 102.5-21t86.5-59l51 51q-48 49-110 75t-130 26Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 8px center;
}
input[type=text][disabled], input[type=text][readonly],
input[type=password][disabled],
input[type=password][readonly],
input[type=email][disabled],
input[type=email][readonly],
input[type=tel][disabled],
input[type=tel][readonly],
input[type=number][disabled],
input[type=number][readonly],
input[type=search][disabled],
input[type=search][readonly],
input[type=url][disabled],
input[type=url][readonly],
input[type=file][disabled],
input[type=file][readonly],
input[type=date][disabled],
input[type=date][readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
background-color: rgba(22, 70, 116, 0.1);
color: #164674;
border-color: #164674;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
} input:-webkit-autofill {
-webkit-text-fill-color: var(--secondary-500) !important;
}
select {
appearance: base-select;
display: inline-flex;
align-items: center;
min-width: fit-content;
white-space: nowrap;
background-image: none;
}
select::picker(select) {
appearance: base-select;
border: 0;
border-radius: 8px;
}
select::picker-icon {
color: #fff;
font-size: 0;
transition: 0.4s rotate;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M6 9.5L12 15.5L18 9.5' stroke='%23BABABA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
select:open::picker-icon {
rotate: 180deg;
}
select option {
border: 0;
white-space: nowrap;
display: flex;
justify-content: flex-start;
align-items: center;
height: 36px;
padding-left: 18px;
padding-right: 18px;
transition: 0.4s;
border-bottom: 1px solid #e7e7e7;
}
select option:hover {
background-color: rgba(22, 70, 116, 0.1);
}
select option:checked {
background-color: #164674;
color: #fff;
font-weight: 600;
}
select option:not(:checked)::checkmark {
display: none;
}
select[multiple] {
overflow-block: hidden;
}
textarea {
padding-top: 9px;
min-height: 130px;
resize: none;
}
label {
font-weight: 700;
color: #000;
font-size: 12px;
}
.form [class*=col-] > [class*=col-] {
padding-left: 0;
padding-right: 0;
}
.form__components {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
.auth .form__components {
gap: 24px;
}
.form__component--has-conditional {
display: flex;
flex-direction: column;
gap: 16px;
}
.form__component--has-conditional .form__component {
padding-left: 32px;
}
.form__component--other-item--checkbox, .form__component--other-item--radio {
margin-top: -9px;
}
.form__component--other-item--checkbox > .form__element, .form__component--other-item--radio > .form__element {
padding-left: 32px;
}
.form__component--other-item .form__label {
display: none;
}
.form__component[data-repeatable] {
display: flex;
flex-direction: column;
gap: 24px;
}
.form__row {
display: flex;
flex-wrap: wrap;
}
.form__row:not(.row) {
width: 100%;
}
.form__row.row {
margin-left: -8px;
margin-right: -8px;
}
.form__row.row [class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.form__row--phone select {
position: relative;
z-index: 1;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
flex-basis: 120px;
margin-right: -1px;
position: relative;
}
.form__row--phone select:focus {
z-index: 1;
}
.form__row--phone .form__input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
position: relative;
}
.form__row--phone .form__input:focus {
z-index: 1;
}
.form__row--phone .form__element {
display: flex;
}
.form__row--password .toggle-password {
position: absolute;
right: 12px;
top: 32px;
display: inline-flex;
align-items: flex-start;
gap: 8px;
width: 18px;
height: 18px;
opacity: 1;
cursor: pointer;
z-index: 2;
}
.form__row--password .toggle-password:before {
content: "visibility";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 18px;
display: inline-block;
width: 18px;
height: 18px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.form__row--password .toggle-password:hover {
opacity: 1;
}
.form__row--password input {
padding-right: 48px;
text-overflow: ellipsis;
}
.form__row--password input[type=text] + .toggle-password {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.form__row--password input[type=text] + .toggle-password:before {
content: "visibility_off";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 18px;
display: inline-block;
width: 18px;
height: 18px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.form__row__label {
margin-bottom: 6px;
font-size: 12px;
text-box: trim-both cap alphabetic;
color: #000;
font-weight: 700;
}
.form__row > [class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.form__section {
display: flex;
flex-direction: column;
gap: 18px;
}
.form__section__title {
font-size: 17px;
font-weight: 500;
text-box: trim-both cap alphabetic;
}
.form__fieldset:not(.fwpress-buttons):not([class*=col-]) {
margin-left: -8px;
margin-right: -8px;
}
.form__fieldset:not(.fwpress-buttons):not([class*=col-]) > * {
padding-left: 8px;
padding-right: 8px;
}
.form__fieldset {
display: flex;
flex-wrap: wrap;
row-gap: 24px;
align-items: flex-start;
}
.form__fieldset legend {
font-weight: bold;
color: var(--wp--preset--color--blue);
width: 100%;
text-box: trim-both cap alphabetic;
}
.form__fieldset--grid-columns .form-components {
display: flex;
flex-wrap: wrap;
--columns: 3;
--gap-x: 18px;
gap: 18px var(--gap-x);
flex-direction: row;
flex-direction: row;
}
.form__fieldset--grid-columns .form-components > * {
width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.form__fieldset > .row {
row-gap: 18px;
width: calc(100% + 16px);
row-gap: 24px;
margin-left: -8px;
margin-right: -8px;
}
.form__fieldset > .row > * {
padding-left: 8px;
padding-right: 8px;
}
.form__fieldset > .form__repeat-fields {
padding-left: 8px;
padding-right: 8px;
width: 100%;
}
.form__fieldset > .form__repeat-fields .form__repeat-fields__item {
column-gap: 9px;
align-items: flex-start;
width: 100%;
}
.form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row {
row-gap: 18px;
width: calc(100% + 16px);
row-gap: 24px;
margin-left: -8px;
margin-right: -8px;
}
.form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row > * {
padding-left: 8px;
padding-right: 8px;
}
.form__fieldset > .form__repeat-fields .form__repeat-fields__item > .row [class*=col-] {
padding-left: 8px;
padding-right: 8px;
}
.form__elements {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--x-small);
gap: 24px;
flex-wrap: wrap;
}
.form__elements:not([class*=col-]):not(.form__elements--row) {
width: 100%;
}
.form__elements--checkboxes {
display: flex;
flex-direction: column;
gap: 12px;
}
.form__elements--switch {
gap: 18px;
gap: 16px;
}
.form__elements--row {
gap: unset;
flex-direction: row;
margin-left: -9px;
margin-right: -9px;
gap: 16px 0;
width: unset;
}
.form__elements--row > .form__label {
margin-bottom: -10px;
}
.form__elements--row > * {
padding-left: 9px;
padding-right: 9px;
}
.form__elements--auto {
flex-direction: row;
flex-wrap: wrap;
}
.form__elements--auto > * {
width: fit-content !important;
}
.form__elements--auto.form__elements--switch--subelements {
padding-left: 44px;
}
.form__elements--auto.form__elements--switch--subelements > * {
padding-left: 0 !important;
}
.form__elements--25 {
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
--items:4;
--gap: 16px;
}
.form__elements--25 > * {
width: calc(100% / var(--items) - (var(--items) - 1) / var(--items) * var(--gap)) !important;
}
.form__elements--25.form__elements--switch--subelements {
padding-left: 44px;
}
.form__elements--25.form__elements--switch--subelements > * {
padding-left: 0 !important;
}
.form__elements--50 {
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
--items:2;
--gap: 16px;
}
.form__elements--50 > * {
width: calc(100% / var(--items) - (var(--items) - 1) / var(--items) * var(--gap)) !important;
}
.form__elements--50.form__elements--switch--subelements {
padding-left: 44px;
}
.form__elements--50.form__elements--switch--subelements > * {
padding-left: 0 !important;
}
.form__elements--code {
order: 2;
display: flex;
flex-wrap: wrap;
--columns: 6;
--gap-x: 18px;
gap: 18px var(--gap-x);
flex-direction: row;
}
.form__elements--code > * {
width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap-x));
}
.form__elements--code > * {
padding: 0;
}
.form__elements--code .form__element--code input[type=text],
.form__elements--code .form__element--code input[type=number] {
aspect-ratio: 1/1;
font-size: 28px;
font-weight: 700;
color: var(--wp--preset--color--blue);
text-align: center;
height: unset;
-moz-appearance: textfield;
}
.form__elements--code .form__element--code input[type=text]::-webkit-outer-spin-button, .form__elements--code .form__element--code input[type=text]::-webkit-inner-spin-button,
.form__elements--code .form__element--code input[type=number]::-webkit-outer-spin-button,
.form__elements--code .form__element--code input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form__elements--error > .form__label {
color: var(--error-500) !important;
}
.form__elements--error input + label {
color: var(--error-500);
}
.form__elements--error input + label:before {
border-color: var(--error-500) !important;
}
.form__elements--checkbox .form__error, .form__elements--radio .form__error {
padding-left: 32px;
}
.form__elements--fieldset:has(input[type=checkbox], input[type=radio]) > .form__error {
padding-left: 32px;
}
.form__elements--horizontal {
flex-direction: row;
}
.form__element {
position: relative;
display: flex;
gap: 12px;
flex-direction: column;
}
.form__element:not([class*=col-]) {
width: 100%;
}
.form__element--hidden {
display: none;
}
.form__element--subelement.form__element--switch {
padding-left: 44px;
}
.form__element--error .form__input {
border-color: var(--error-500);
color: var(--error-500);
z-index: 1;
}
.form__element--error .form__input:focus {
border-color: var(--error-500);
color: var(--error-500);
}
.form__element--error .form__input::-webkit-input-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__element--error .form__input:-moz-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__element--error .form__input::-moz-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__element--error .form__input:-ms-input-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__element--error .form__input + .toggle-password {
color: var(--error-500);
}
.form__element--error .form__input + label {
color: var(--error-500);
}
.form__element--error .form__input + label:before {
border-color: var(--error-500);
}
.form__element--error .form__label {
color: var(--error-500);
}
.form__element--error .form__label:before {
border-color: var(--error-500);
}
.form__element--rating {
border-radius: 4px;
border: 1px solid rgba(22, 70, 116, 0.2);
padding: 16px;
}
.form__element__text {
display: flex;
flex-direction: column;
}
.form__element__divider {
align-items: stretch;
flex-basis: 1px;
}
.form__element__divider > span {
background-color: var(--primary-100);
width: 1px;
display: block;
height: 100%;
}
.form__label {
font-size: 12px;
font-weight: 700;
text-box: trim-both cap alphabetic;
color: #000;
order: 1;
}
.wizard .form__label {
font-size: 16px;
color: #0D0D0D;
}
.form__label--error {
color: var(--error-500) !important;
}
.form__input {
order: 2;
}
.form__input + .tooltip-icon {
position: absolute;
right: 18px;
bottom: 14px;
}
.form__input--radios, .form__input--checkboxes, .form__input--list {
display: flex;
gap: 8px;
flex-direction: column;
}
.form__input--radios > *, .form__input--checkboxes > *, .form__input--list > * {
min-height: 36px;
display: flex;
padding-top: 6px;
padding-bottom: 6px;
}
.form__input--radios.form__input--list--error .form__element--required input, .form__input--checkboxes.form__input--list--error .form__element--required input, .form__input--list.form__input--list--error .form__element--required input {
border-color: var(--error-500);
color: var(--error-500);
z-index: 1;
}
.form__input--radios.form__input--list--error .form__element--required input:focus, .form__input--checkboxes.form__input--list--error .form__element--required input:focus, .form__input--list.form__input--list--error .form__element--required input:focus {
border-color: var(--error-500);
color: var(--error-500);
}
.form__input--radios.form__input--list--error .form__element--required input::-webkit-input-placeholder, .form__input--checkboxes.form__input--list--error .form__element--required input::-webkit-input-placeholder, .form__input--list.form__input--list--error .form__element--required input::-webkit-input-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__input--radios.form__input--list--error .form__element--required input:-moz-placeholder, .form__input--checkboxes.form__input--list--error .form__element--required input:-moz-placeholder, .form__input--list.form__input--list--error .form__element--required input:-moz-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__input--radios.form__input--list--error .form__element--required input::-moz-placeholder, .form__input--checkboxes.form__input--list--error .form__element--required input::-moz-placeholder, .form__input--list.form__input--list--error .form__element--required input::-moz-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__input--radios.form__input--list--error .form__element--required input:-ms-input-placeholder, .form__input--checkboxes.form__input--list--error .form__element--required input:-ms-input-placeholder, .form__input--list.form__input--list--error .form__element--required input:-ms-input-placeholder {
color: var(--error-500);
opacity: 0.6;
}
.form__input--radios.form__input--list--error .form__element--required input + .toggle-password, .form__input--checkboxes.form__input--list--error .form__element--required input + .toggle-password, .form__input--list.form__input--list--error .form__element--required input + .toggle-password {
color: var(--error-500);
}
.form__input--radios.form__input--list--error .form__element--required input + label, .form__input--checkboxes.form__input--list--error .form__element--required input + label, .form__input--list.form__input--list--error .form__element--required input + label {
color: var(--error-500);
}
.form__input--radios.form__input--list--error .form__element--required input + label:before, .form__input--checkboxes.form__input--list--error .form__element--required input + label:before, .form__input--list.form__input--list--error .form__element--required input + label:before {
border-color: var(--error-500);
}
.form__input--radios.form__input--list--error .form__element--required .form__label, .form__input--checkboxes.form__input--list--error .form__element--required .form__label, .form__input--list.form__input--list--error .form__element--required .form__label {
color: var(--error-500);
}
.form__input--radios.form__input--list--error .form__element--required .form__label:before, .form__input--checkboxes.form__input--list--error .form__element--required .form__label:before, .form__input--list.form__input--list--error .form__element--required .form__label:before {
border-color: var(--error-500);
}
.form__input--file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.form__errors {
display: flex;
flex-direction: column;
gap: 9px;
order: 3;
}
.form__error {
order: 3;
color: var(--error-500);
font-size: 12px;
font-weight: 300;
display: inline-flex;
align-items: flex-start;
gap: 8px;
gap: 4px;
text-box: trim-both cap alphabetic;
}
.form__error:before {
content: "error";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 12px;
display: inline-block;
width: 12px;
height: 12px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.form__error:before {
top: 2px;
}
.form__phone {
display: flex;
gap: 8px;
order: 2;
}
.form__phone > select {
width: 100px;
flex-grow: 0;
flex-shrink: 0;
}
.form__phone input {
flex-grow: 1;
flex-shrink: 1;
}
.form div:has(> .pell-content) {
order: 2;
}
.form p:before, .form p:after {
display: none;
}
.form__notice {
font-size: 12px;
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: rgba(13, 13, 13, 0.6);
gap: 4px;
order: 4;
}
.form__notice:before {
content: "info";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.form__notice:before {
top: 2px;
}
.form__required-indicator {
color: #fc372d;
}
.form .fwpress-buttons {
margin: 0;
padding: 0;
}
[data-hidden=true] {
display: none;
}
#password-strength {
width: 100%;
display: block;
}
.password-criteria {
display: flex;
flex-direction: column;
margin: 0;
gap: 6px;
}
.password-criteria__item {
display: flex;
display: inline-flex;
align-items: flex-start;
gap: 8px;
font-size: 14px;
color: var(--secondary-400);
}
.password-criteria__item:before {
content: "check_box_outline_blank";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.password-criteria__item--completed {
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: var(--success-600);
}
.password-criteria__item--completed:before {
content: "check_box";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
:root {
--success-600: #33b843;
--error-500: #fc372d;
--secondary-200: #e7e7e7;
--warning-600: #db9600;
}
.password-strength {
display: flex;
gap: var(--wp--preset--spacing--x-small);
}
.password-strength__bars {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
}
.password-strength__bars--weak .password-strength__bar:nth-child(1) {
background-color: var(--error-500);
}
.password-strength__bars--weak + .password-strength__label {
color: var(--error-500);
}
.password-strength__bars--fair .password-strength__bar:nth-child(1), .password-strength__bars--fair .password-strength__bar:nth-child(2) {
background-color: var(-warning-600);
}
.password-strength__bars--fair + .password-strength__label {
color: var(-warning-600);
}
.password-strength__bars--good .password-strength__bar:nth-child(1), .password-strength__bars--good .password-strength__bar:nth-child(2) {
background-color: var(--success-600);
}
.password-strength__bars--good + .password-strength__label {
color: var(--success-600);
}
.password-strength__bars--strong .password-strength__bar:nth-child(1), .password-strength__bars--strong .password-strength__bar:nth-child(2), .password-strength__bars--strong .password-strength__bar:nth-child(3) {
background-color: var(--success-600);
}
.password-strength__bars--strong + .password-strength__label {
color: var(--success-600);
}
.password-strength__bars--very-strong .password-strength__bar {
background-color: var(--success-600);
}
.password-strength__bars--very-strong + .password-strength__label {
color: var(--success-600);
}
.password-strength__bar {
flex: 1;
height: 3px;
border-radius: 2px;
background-color: var(--secondary-200);
}
.password-strength__label {
color: var(--secondary-400);
font-weight: 500;
font-size: 12px;
flex-grow: 0;
flex-shrink: 0;
white-space: nowrap;
text-align: right;
width: 70px;
}
.password-icons__list {
display: flex;
gap: clamp(0.5625rem, 0.4375rem + 0.625vw, 1rem);
}
.password-icons__list__item {
aspect-ratio: 1/1;
border-radius: 8px;
border: 1px solid var(--grey-300);
padding: 8px;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.password-icons__list__item--selected {
background-color: var(--primary-200);
border-color: var(--primary-200);
box-shadow: 0px 0px 0px 4px #F4EBFF, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.password-icons__list__item--selected svg path {
stroke: var(--primary-800);
}
.rating {
display: inline-flex;
align-items: flex-end;
gap: 18px;
}
.rating__stars {
display: flex;
gap: 6px;
align-items: center;
}
.rating__star {
flex-grow: 0;
flex-shrink: 0;
width: 30px;
height: 30px;
}
.rating__star .material-symbols-outlined {
width: 30px;
height: 30px;
font-size: 36px;
cursor: pointer;
color: rgba(22, 70, 116, 0.4);
}
.rating__star--filled .material-symbols-outlined {
font-family: "Material Symbols Rounded" !important;
color: #db9600;
}
.rating__score {
flex-grow: 0;
flex-shrink: 0;
white-space: nowrap;
display: flex;
color: rgba(22, 70, 116, 0.8);
font-size: 14px;
text-box: trim-both cap alphabetic;
}
tc-range-slider {
--width:100%;
display: block;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.wizard {
display: flex;
flex-direction: column;
gap: 60px;
}
.wizard__overview {
display: flex;
flex-direction: column;
gap: 9px;
display: none;
}
.wizard__indicator-list {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.wizard__indicator-list .wizard__indicator-item {
display: inline-flex;
gap: 6px;
align-items: center;
width: fit-content;
font-size: 14px;
}
.wizard__indicator-list .wizard__indicator-item:marker {
width: 30px;
height: 30px;
display: inline-flex;
border: 2px solid rgba(22, 70, 116, 0.1);
justify-content: center;
align-items: center;
}
.form__repeat-fields {
display: flex;
flex-direction: column;
gap: 24px;
}
.form__repeat-fields__item {
display: flex;
gap: 9px;
align-items: center;
}
.form__repeat-fields__item > .form__element {
flex-grow: 1;
flex-shrink: 1;
}
.form__repeat-fields__actions {
flex-grow: 0;
flex-shrink: 0;
display: flex;
gap: 6px;
align-items: center;
align-self: flex-start;
padding-top: 30px;
}
.repeat-element,
.remove-repeat-element {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid rgba(22, 70, 116, 0.2);
background-color: transparent;
color: #164674;
appearance: none;
display: flex;
cursor: pointer;
justify-content: center;
outline: 0;
}
.repeat-element {
display: inline-flex;
align-items: flex-start;
gap: 8px;
align-items: center;
}
.repeat-element:before {
content: "add";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 18px;
display: inline-block;
width: 18px;
height: 18px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.remove-repeat-element {
display: inline-flex;
align-items: flex-start;
gap: 8px;
align-items: center;
}
.remove-repeat-element:before {
content: "close";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 18px;
display: inline-block;
width: 18px;
height: 18px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.remove-repeat-element--disabled {
cursor: not-allowed;
pointer-events: none;
background-color: rgba(13, 13, 13, 0.05);
color: rgba(13, 13, 13, 0.4);
}
.tooltip {
display: inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%232B3990'%3E%3Cpath d='M444-288h72v-240h-72v240Zm35.79-312q15.21 0 25.71-10.29t10.5-25.5q0-15.21-10.29-25.71t-25.5-10.5q-15.21 0-25.71 10.29t-10.5 25.5q0 15.21 10.29 25.71t25.5 10.5Zm.49 504Q401-96 331-126t-122.5-82.5Q156-261 126-330.96t-30-149.5Q96-560 126-629.5q30-69.5 82.5-122T330.96-834q69.96-30 149.5-30t149.04 30q69.5 30 122 82.5T834-629.28q30 69.73 30 149Q864-401 834-331t-82.5 122.5Q699-156 629.28-126q-69.73 30-149 30Zm-.28-72q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z'/%3E%3C/svg%3E");
margin-left: 3px;
}
@media screen and (max-width: 480px) {
.form__elements--code {
--gap-x:9px;
}
.form__elements--code .form__element--code input[type=text],
.form__elements--code .form__element--code input[type=number] {
font-size: 18px;
padding: 0;
text-align: center;
flex: 1;
}
}
.auth {
background-color: #fff;
background-color: #f9f9f9;
}
.auth > .container > .row {
min-height: 100dvh;
padding-top: var(--wp--preset--spacing--small);
padding-bottom: var(--wp--preset--spacing--small);
}
.auth__inner {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: var(--wp--preset--spacing--small);
gap: var(--wp--preset--spacing--small);
border-radius: 6px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background-color: #fff;
}
.auth__logo {
background-color: var(--wp--preset--color--blue);
width: fit-content;
padding: 9px;
}
.auth__logo img {
display: block;
}
.auth__top {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--x-small);
}
.auth__top__text .text-component {
gap: var(--wp--preset--spacing--x-small);
}
.auth__modal {
display: flex;
flex-direction: column;
width: 100%;
max-width: calc(500px + var(--wp--preset--spacing--medium) * 2);
padding: var(--wp--preset--spacing--medium);
gap: var(--wp--preset--spacing--small);
background-color: #fff;
border-radius: 8px;
}
.resend-email {
font-size: 14px;
text-wrap: unset;
color: rgba(13, 13, 13, 0.6);
font-weight: 400;
}
.resend-email * {
font-size: 14px;
}
.my-account {
background-color: var(--wp--preset--color--lightgrey);
background-color: rgba(22, 70, 116, 0.03);
margin-bottom: var(--wp--preset--spacing--small);
}
.notification {
border-radius: 4px;
overflow: hidden;
padding: var(--wp--preset--spacing--x-small);
background-color: #f0fafc;
color: #004471;
}
.notification--success {
background-color: #eefbf2;
color: #11582e;
}
.notification--success .notification__icon {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.notification--success .notification__icon:before {
content: "check_circle";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.notification--warning {
background-color: #fff9eb;
color: #906a17;
}
.notification--warning .notification__icon {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.notification--warning .notification__icon:before {
content: "warning";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.notification--error {
background-color: #fdf1f5;
color: #be0019;
}
.notification--error .notification__icon {
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.notification--error .notification__icon:before {
content: "cancel";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.notification__inner {
display: flex;
}
.notification__icon {
display: inline-flex;
align-items: flex-start;
gap: 8px;
flex-grow: 0;
flex-shrink: 0;
margin-right: 9px;
}
.notification__icon:before {
content: "info";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.notification__content {
flex-grow: 1;
flex-shrink: 1;
}
.notification__content .text-component p {
padding-bottom: 0;
color: inherit;
}
.notification__content .text-component p:before, .notification__content .text-component p:after {
display: none;
}
.notification__close {
flex-grow: 0;
flex-shrink: 0;
}
.component--notification {
margin-bottom: var(--wp--preset--spacing--small);
}
.content .components > .row > .col .component--notification {
margin-bottom: 0;
}
.content {
overflow: hidden;
}
.content .components > .row > .col {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--small);
}
.components .row.areoi-element + .row.areoi-element {
margin-top: var(--wp--preset--spacing--small);
}
.components .row.areoi-element {
gap: var(--wp--preset--spacing--small) 0;
gap: 32px 0;
}
.icon-text-row {
gap: 8px !important;
flex-wrap: nowrap;
margin-left: 0 !important;
margin-right: 0 !important;
}
.icon-text-row .icon-container {
flex-grow: 0;
flex-shrink: 0;
width: unset;
padding: 0;
}
.icon-text-row .text-container {
padding: 0;
flex-grow: 1;
width: unset;
flex-shrink: 1;
max-width: fit-content;
}
.icon-text-row .text-container .block-editor-block-list__layout > *:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
}
.icon-text-row .text-container .block-editor-block-list__layout > *:last-child {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
@media screen and (max-width: 575px) {
.icon-text-row--title {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.icon-text-row--title h2, .icon-text-row--title h3 {
text-align: center;
}
.text-align-center--small {
text-align: center;
}
}
@media screen and (max-width: 575px) {
.text-align-center--small {
text-align: center;
}
}
.banners {
--gap: var(--wp--preset--spacing--small);
--gap: 24px;
display: flex;
gap: var(--gap);
display: flex;
flex-wrap: wrap;
}
.banners > *,
.banners > .banner {
width: calc(100% / var(--banners) - (var(--banners) - 1) / var(--banners) * var(--gap));
background-color: #fff;
padding: var(--wp--preset--spacing--small);
border-radius: 16px;
border: 2px solid rgba(46, 53, 67, 0.1);
}
.banners > *.has-gradient-1-gradient-background,
.banners > .banner.has-gradient-1-gradient-background {
border: 0;
color: #fff;
}
.banners > *.has-gradient-1-gradient-background .banner__content p,
.banners > .banner.has-gradient-1-gradient-background .banner__content p {
color: #fff;
}
.banners > *.banner--25, .banners > *:has(.banner--25),
.banners > .banner.banner--25,
.banners > .banner:has(.banner--25) {
--banners: 4;
}
.banners > *.banner--33, .banners > *:has(.banner--33),
.banners > .banner.banner--33,
.banners > .banner:has(.banner--33) {
--banners: 3;
}
.banners > *.banner--50, .banners > *:has(.banner--50),
.banners > .banner.banner--50,
.banners > .banner:has(.banner--50) {
--banners: 2;
}
.banners > *.banner--66, .banners > *:has(.banner--66),
.banners > .banner.banner--66,
.banners > .banner:has(.banner--66) {
--banners: 3;
width: calc((100% / var(--banners) - (var(--banners) - 1) / var(--banners) * var(--gap)) * 2);
}
.banners > *.banner--100, .banners > *:has(.banner--100),
.banners > .banner.banner--100,
.banners > .banner:has(.banner--100) {
--banners: 1;
}
.banners > * .banner__inner,
.banners > .banner .banner__inner {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--x-small);
gap: 24px;
}
.banners > * .banner__title,
.banners > .banner .banner__title {
display: flex;
gap: var(--wp--preset--spacing--x-small);
align-items: center;
}
.banners > * .banner__title > h1, .banners > * .banner__title h2, .banners > * .banner__title h3,
.banners > .banner .banner__title > h1,
.banners > .banner .banner__title h2,
.banners > .banner .banner__title h3 {
padding-bottom: 0 !important;
}
.banners > * .banner__content .text-component,
.banners > .banner .banner__content .text-component {
gap: var(--wp--preset--spacing--x-small);
}
.banners > * .banner__content .text-component > *,
.banners > .banner .banner__content .text-component > * {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.banners-image-text {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--small);
}
.banners-image-text > * .banner__inner,
.banners-image-text > .banner .banner__inner {
display: flex;
flex-wrap: wrap;
--gap: var(--wp--preset--spacing--small);
gap: var(--wp--preset--spacing--small);
display: flex;
gap: var(--gap);
display: flex;
flex-wrap: wrap;
--columns: 2;
}
.banners-image-text > * .banner__inner > *,
.banners-image-text > .banner .banner__inner > * {
width: calc(100% / var(--columns) - (var(--columns) - 1) / var(--columns) * var(--gap));
}
.banners-image-text > * .banner__image,
.banners-image-text > .banner .banner__image {
aspect-ratio: 16/9;
position: relative;
border-radius: 16px;
overflow: hidden;
}
.banners-image-text > * .banner__image img,
.banners-image-text > .banner .banner__image img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
.banners-image-text > * .banner__text,
.banners-image-text > .banner .banner__text {
padding: var(--wp--preset--spacing--small);
border-radius: 16px;
border: 2px solid rgba(46, 53, 67, 0.1);
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--wp--preset--spacing--x-small);
}
.banners-image-text > * .banner__text.has-gradient-1-gradient-background,
.banners-image-text > .banner .banner__text.has-gradient-1-gradient-background {
border: 0;
color: #fff;
}
.banners-image-text > * .banner__text.has-gradient-1-gradient-background .banner__content p,
.banners-image-text > .banner .banner__text.has-gradient-1-gradient-background .banner__content p {
color: #fff;
}
.banners-image-text > * .banner__text .text-component,
.banners-image-text > .banner .banner__text .text-component {
gap: var(--wp--preset--spacing--x-small);
}
.banners-image-text > * .banner__text .text-component > *,
.banners-image-text > .banner .banner__text .text-component > * {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.banners-image-text > * .banner__title,
.banners-image-text > .banner .banner__title {
display: flex;
gap: var(--wp--preset--spacing--x-small);
align-items: center;
}
.banners-image-text > * .banner__title > h1, .banners-image-text > * .banner__title h2, .banners-image-text > * .banner__title h3,
.banners-image-text > .banner .banner__title > h1,
.banners-image-text > .banner .banner__title h2,
.banners-image-text > .banner .banner__title h3 {
padding-bottom: 0 !important;
}
.banners-image-text > * .banner__content .text-component,
.banners-image-text > .banner .banner__content .text-component {
gap: var(--wp--preset--spacing--x-small);
}
.banners-image-text > * .banner__content .text-component > *,
.banners-image-text > .banner .banner__content .text-component > * {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
@media screen and (min-width: 1440px) {
.banners--text {
padding-left: var(--wp--preset--spacing--medium);
padding-right: var(--wp--preset--spacing--medium);
}
}
@media screen and (max-width: 992px) {
.banners > *.banner--25, .banners > *:has(.banner--25), .banners > .banner.banner--25, .banners > .banner:has(.banner--25),
.banners > *.banner--33, .banners > *:has(.banner--33), .banners > .banner.banner--33, .banners > .banner:has(.banner--33) {
--banners:2;
}
}
@media screen and (max-width: 600px) {
.banners > *.banner--25, .banners > *:has(.banner--25), .banners > .banner.banner--25, .banners > .banner:has(.banner--25),
.banners > *.banner--33, .banners > *:has(.banner--33), .banners > .banner.banner--33, .banners > .banner:has(.banner--33),
.banners > *.banner--50, .banners > *:has(.banner--50), .banners > .banner.banner--50, .banners > .banner:has(.banner--50),
.banners > *.banner--66, .banners > *:has(.banner--66), .banners > .banner.banner--66, .banners > .banner:has(.banner--66) {
--banners:1;
}
}
html.iframe {
background-color: #fff !important;
}
.overlay {
position: fixed !important;
z-index: 999;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0);
transition: 0.15s;
transition: 0.35s;
pointer-events: none;
opacity: 0;
}
.overlay--visible, .overlay:has(.acf-error) {
background-color: rgba(0, 0, 0, 0.2);
pointer-events: auto;
opacity: 1;
cursor: pointer;
}
.overlay--visible > .overlay__inner, .overlay:has(.acf-error) > .overlay__inner {
transform: translateX(0);
cursor: auto;
}
.overlay--secondary {
z-index: 1000;
}
.overlay--tertiary {
z-index: 1001;
}
.overlay--documents .overlay__inner {
padding-left: 0;
padding-right: 0;
max-width: 1280px;
}
.overlay--documents .filter {
margin: 0;
}
.overlay--filters .filters {
margin-left: -18px;
margin-right: -18px;
}
.overlay--filters .overlay__inner {
max-width: 396px;
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown {
border-bottom: 1px solid #e5e7eb;
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown .filter-dropdown__label {
padding-left: var(--wp--preset--spacing--x-small);
padding-right: var(--wp--preset--spacing--x-small);
height: 48px;
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown:nth-child(1) {
border-top: 1px solid #e5e7eb;
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown__options {
position: relative;
width: 100%;
pointer-events: all;
display: none;
border-radius: unset;
box-shadow: unset;
border: 0;
padding-top: 0;
padding-bottom: var(--wp--preset--spacing--x-small);
padding-left: var(--wp--preset--spacing--x-small);
padding-right: var(--wp--preset--spacing--x-small);
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown__options.filter-dropdown__options--active, .overlay--filters .overlay__inner .filters__inner .filter-dropdown__options:has(input:checked) {
display: block;
transform: translateY(0);
opacity: 1;
}
.overlay--filters .overlay__inner .filters__inner .filter-dropdown__options__search {
margin-bottom: var(--wp--preset--spacing--x-small);
}
.overlay--narrow > .overlay__inner {
max-width: 480px;
}
.overlay--center {
display: flex;
justify-content: center;
align-items: center;
}
.overlay--center.overlay--visible .overlay__inner {
opacity: 1;
pointer-events: auto;
}
.overlay--acf .acf-fields > .acf-field {
padding-left: 0;
padding-right: 0;
border: 0;
}
.overlay--acf .acf-field.acf-accordion {
padding-left: 18px;
padding-right: 18px;
display: flex;
margin-left: -18px;
margin-right: -18px;
flex-direction: column;
border-bottom: 1px solid rgba(34, 34, 34, 0.2);
margin-top: 0;
margin-bottom: 0;
}
.overlay--acf .acf-field.acf-accordion .acf-label.acf-accordion-title {
padding-left: 18px;
padding-right: 18px;
cursor: pointer;
}
.overlay--acf .acf-field.acf-accordion .acf-label.acf-accordion-title:hover {
background-color: #fff;
}
.overlay--acf .acf-field.acf-accordion .acf-label.acf-accordion-title label {
font-size: 15px;
font-weight: 500;
position: relative;
cursor: pointer;
}
.overlay--acf .acf-field.acf-accordion .acf-label.acf-accordion-title label:after {
position: absolute;
height: 45px;
left: 0;
right: 0;
top: -12px;
}
.overlay--acf .acf-field.acf-accordion .acf-input.acf-accordion-content {
padding-left: 18px;
padding-right: 18px;
}
.overlay--acf .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields {
border-top: 0;
}
.overlay--acf .acf-field.acf-accordion .acf-input.acf-accordion-content > .acf-fields .acf-field {
padding-top: 9px;
padding-bottom: 9px;
}
.overlay--loading .overlay__inner > * {
opacity: 0;
pointer-events: none;
}
.overlay--loading .overlay__inner:after {
content: "";
width: 120px;
height: 120px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='13' fill='none' stroke='%2336a9e1' stroke-dasharray='61.261 22.42' stroke-width='2'%3E%3CanimateTransform attributeName='transform' dur='1s' keyTimes='0;1' repeatCount='indefinite' type='rotate' values='0 50 50;360 50 50'/%3E%3C/circle%3E%3C/svg%3E");
background-position: center center;
background-repeat: no-repeat;
background-size: 120px 120px;
position: absolute;
left: calc(50% - 60px);
top: calc(50% - 60px);
}
.overlay.loaded .overlay__center {
background-image: none;
}
.overlay__inner {
width: 100%;
padding-left: var(--wp--preset--spacing--x-small);
padding-right: var(--wp--preset--spacing--x-small);
padding-bottom: var(--wp--preset--spacing--small);
background-color: #fff;
margin-left: auto;
max-width: 1000px;
overflow-y: auto;
height: calc(var(--vh, 1vh) * 100);
height: 100dvh;
transform: translateX(100%);
transition: transform linear 0.25s;
transition-delay: 0s;
will-change: transform;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
padding-top: 0 !important;
display: flex;
flex-direction: column;
gap: 18px;
transform: translateX(100%);
}
.overlay__inner::-webkit-scrollbar {
width: 5px;
}
.overlay__inner::-webkit-scrollbar-track {
background: #ffffff;
}
.overlay__inner::-webkit-scrollbar-thumb {
background: #ecf3fe;
}
.overlay--center .overlay__inner {
height: auto;
max-height: calc(var(--vh, 1vh) * 100);
height: 100vh;
width: 100%;
max-width: 500px;
border-radius: 8px;
border: 1px solid #ecf3fe;
box-shadow: 0px 0px 36px 0px rgba(70, 136, 241, 0.1);
margin-left: auto;
margin-right: auto;
transition: opacity ease 0.2s;
transform: none;
opacity: 0;
pointer-events: none;
}
.overlay--center .overlay__inner .acf-postbox {
display: block !important;
}
.overlay__divider {
margin-left: calc(var(--wp--preset--spacing--small) * -1);
margin-right: calc(var(--wp--preset--spacing--small) * -1);
display: flex;
height: 1px;
background-color: #ecf3fe;
}
.overlay__buttons {
display: flex;
flex-wrap: wrap;
margin-left: -9px;
margin-right: -9px;
margin-bottom: -18px !important;
padding-top: 36px;
padding-bottom: 36px;
}
.overlay__buttons .button {
margin-left: 9px;
margin-right: 9px;
width: calc(25% - 18px);
margin-bottom: 18px;
}
.overlay__top, .overlay__center, .overlay__footer {
margin-right: auto;
}
.overlay__top:not(:empty) {
flex-shrink: 0;
display: flex;
width: 100%;
padding-top: var(--wp--preset--spacing--x-small);
padding-bottom: var(--wp--preset--spacing--x-small);
align-items: center;
}
.overlay__top:not(:empty) .close-link + .tabs {
margin-top: 9px;
}
.overlay__top:not(:empty) .tabs {
align-self: flex-start;
border-bottom: 0;
margin-bottom: -18px;
}
.overlay__top:not(:empty) > * {
padding: 0 !important;
margin: 0 !important;
}
.overlay__top:not(:empty) .filters__title {
display: inline-flex;
align-items: flex-start;
gap: 8px;
font-weight: 400;
width: 100%;
align-items: center;
}
.overlay__top:not(:empty) .filters__title:after {
content: "close";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.overlay__top:not(:empty) .filters__title:before, .overlay__top:not(:empty) .filters__title:after {
margin-bottom: unset;
margin-top: unset;
}
.overlay__top:not(:empty) .filters__title:after {
margin-left: auto;
}
.overlay__top--info {
background-color: #e5eaf2 !important;
}
.overlay__top--success {
background-color: #eff7ea !important;
}
.overlay__top--success h1 {
color: #95c11f;
}
.overlay__center {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
}
.overlay__center .postbox-header {
padding-left: 16px;
padding-right: 16px;
display: none;
}
.overlay__footer {
position: sticky;
bottom: 0;
background-color: #fff;
margin-left: -36px;
margin-right: -36px;
padding-left: 36px;
padding-right: 36px;
border-top: 1px solid #ecf3fe;
margin-top: auto;
}
.overlay__footer--spacing {
padding: 36px;
}
.overlay__close {
display: inline-flex;
align-items: flex-start;
gap: 8px;
align-items: center;
cursor: pointer;
}
.overlay__close:after {
content: "close";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.overlay__close:before {
opacity: 0.6;
}
.overlay__close:hover:before {
opacity: 1;
}
.overlay__components {
display: flex;
flex-direction: column;
width: 100%;
min-width: 100%;
gap: var(--wp--preset--spacing--small);
}
.overlay__component {
display: flex;
width: 100%;
min-width: 100%;
}
.overlay__component__title {
display: flex;
gap: 6px;
align-items: flex-start;
}
.overlay__component__title h3,
.overlay__component__title h4 {
padding-top: 4px;
}
[data-overlay] {
cursor: pointer;
}
@media screen and (max-width: 991px) {
.overlay__buttons .button {
width: calc(50% - 18px);
}
.overlay__inner {
padding: 24px;
max-width: 100%;
overflow-x: hidden;
box-shadow: none;
}
}
@media screen and (max-width: 767px) {
.page-template:not(.page-template-fwpress_documents_template) .content .filters__title {
font-size: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--wp--preset--color--primary-color-20);
color: var(--wp--preset--color--primary);
justify-content: center;
gap: 0;
align-items: center;
}
.page-template:not(.page-template-fwpress_documents_template) .content .filters__title:before {
margin: 0;
}
}
@media screen and (max-width: 480px) {
.overlay__center {
width: 100%;
}
.overlay__footer {
position: relative;
}
}
@media screen and (max-width: 374px) {
.overlay__buttons .button {
width: calc(100% - 18px);
}
}
@media screen and (max-height: 600px) {
.overlay__footer {
position: relative;
}
}
.wp-block-table table {
border: 0;
width: 100%;
}
.wp-block-table table thead {
border: 0;
}
.wp-block-table table thead tr th {
border: 0;
text-align: left;
font-weight: bold;
font-size: var(--wp--preset--font-size--bodycopy);
color: var(--wp--preset--color--primary);
padding-left: var(--wp--preset--spacing--x-small);
padding-right: var(--wp--preset--spacing--x-small);
border-bottom: 2px solid rgba(24, 122, 217, 0.2) !important;
padding-top: 0;
padding-bottom: 12px;
vertical-align: top;
}
.wp-block-table table thead tr th:nth-child(1) {
padding-left: 0;
}
.wp-block-table table tbody {
border: 0;
}
.wp-block-table table tbody tr td {
border: 0;
font-size: var(--wp--preset--font-size--bodycopy);
padding-left: var(--wp--preset--spacing--x-small);
padding-right: var(--wp--preset--spacing--x-small);
border-bottom: 1px solid rgba(24, 122, 217, 0.2) !important;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: top;
}
.wp-block-table table tbody tr td:nth-child(1) {
padding-left: 0;
}
.table {
border-spacing: 0;
}
.table--auto {
table-layout: auto;
}
.table.data-list tbody {
width: 100%;
}
.table.data-list tr {
width: 100%;
}
.table.data-list tr td {
padding: 9px;
padding-top: 12px;
padding-bottom: 12px;
border: 0;
vertical-align: top;
}
.table.data-list tr:nth-child(even) td {
background-color: rgba(34, 34, 34, 0.02);
}
.tarieven {
color: var(--wp--preset--color--blue);
}
.tarieven > .col > .row {
margin-left: 0;
margin-right: 0;
gap: var(--wp--preset--spacing--small);
padding: var(--wp--preset--spacing--x-small);
padding-bottom: var(--wp--preset--spacing--small);
border-radius: 8px;
}
.tarieven > .col > .row > .col {
padding: 0;
}
.tarieven > .col > .row > .col:nth-child(1) {
flex-basis: 210px;
flex-grow: 0;
flex-shrink: 0;
}
.tarieven > .col > .row > .col:nth-child(2) {
flex-grow: 1;
flex-shrink: 1;
}
.tarieven > .col > .row > .col:nth-child(3) {
flex-basis: 320px;
flex-grow: 0;
flex-shrink: 0;
}
.tarieven > .col > .row:nth-child(odd) {
background-color: #F3F3F3;
}
@media screen and (max-width: 991px) {
.tarieven > .col > .row {
flex-direction: column;
}
.tarieven > .col > .row > * {
flex-basis: 100% !important;
}
}
.search-results {
display: flex;
gap: var(--wp--preset--spacing--x-small);
flex-direction: column;
}
.search-results__item {
padding: var(--wp--preset--spacing--x-small);
background-color: #fff;
border-radius: 9px;
border: 1px solid var(--wp--preset--color--primary-color-20);
}
.search-results__item__title {
margin-bottom: 9px;
font-size: 18px;
font-weight: bold;
color: var(--wp--preset--color--primary);
}
.search-results__item__excerpt {
margin-bottom: var(--wp--preset--spacing--x-small);
}
.search-results__item .buttons {
padding-bottom: 0;
}
.no-results-found {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
text-align: center;
border: 1px solid var(--wp--preset--color--primary-color-10);
border-radius: 9px;
padding: var(--wp--preset--spacing--small);
text-wrap: balance;
}
.no-results-found__icon {
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: var(--wp--preset--color--secondary);
margin-bottom: var(--wp--preset--spacing--small);
}
.no-results-found__icon:before {
content: "search_off";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 60px;
display: inline-block;
width: 60px;
height: 60px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.wp-block-embed {
margin-bottom: var(--wp--preset--spacing--small);
}
.content .components > .row > .col .wp-block-embed {
margin-bottom: 0;
}
.wp-block-embed + .text-component {
margin-top: -12px;
}
.image {
position: relative;
}
.image img {
display: block;
width: 100%;
}
.image-container {
display: flex;
width: 100%;
}
.image-container .image {
width: 100%;
}
.image-container.align-left {
justify-content: flex-start;
}
.image-container.align-center {
justify-content: center;
}
.image-container.align-right {
justify-content: flex-end;
}
.aspect-ratio-4-3 img {
aspect-ratio: 4/3;
}
.aspect-ratio-16-9 img {
aspect-ratio: 16/9;
}
.gallery {
--gap: 18px;
display: flex;
gap: var(--gap);
display: flex;
flex-wrap: wrap;
--images: 4;
}
.gallery__item {
width: calc(100% / var(--images) - (var(--images) - 1) / var(--images) * var(--gap));
aspect-ratio: 4/3;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.gallery__item img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-image {
display: flex !important;
align-items: flex-start;
}
.wp-block-image.alignleft {
justify-content: flex-start;
}
.wp-block-image.aligncenter {
justify-content: center;
}
.wp-block-image.alignright {
justify-content: flex-end;
}
.press {
margin-left: -12px;
margin-right: -12px;
display: flex;
flex-wrap: wrap;
}
.press__item {
width: 50%;
padding: 12px;
overflow: hidden;
border-radius: 16px;
}
.press__item img {
display: block;
padding: 12px;
border-radius: 16px;
box-shadow: var(--dropshadow-x, 0) var(--dropshadow-y, 4px) var(--dropshadow-blur, 8px) var(--dropshadow-spread, 0) var(--dropshadow-color, rgba(0, 0, 0, 0.08));
}
.press__item__actions {
position: absolute;
bottom: 12px;
right: 12px;
display: flex;
gap: 3px;
}
.press__item__action {
display: flex;
gap: 8px;
height: 36px;
align-items: center;
padding-left: 12px;
padding-right: 12px;
background-color: var(--wp--preset--color--blue);
color: #fff;
text-decoration: none;
}
.press__item__action__icon {
width: 18px;
height: 18px;
}
.press__item__action__label {
width: 0;
transition: width linear 0.2s;
white-space: nowrap;
font-weight: 700;
color: #fff;
font-size: 14px;
overflow: hidden;
display: none;
}
.press__item__action:hover .press__item__action__label {
width: fit-content;
display: block;
}
@media screen and (max-width: 768px) {
.gallery {
--images: 4 !important;
}
}
@media screen and (max-width: 480px) {
.gallery {
--images: 2 !important;
}
}
@media screen and (max-width: 420px) {
.press__item {
width: 100%;
}
}
.header {
background-color: var(--wp--preset--color--blue);
background-color: #0071AA;
position: relative;
overflow: hidden;
padding-top: var(--wp--preset--spacing--x-large);
padding-bottom: var(--wp--preset--spacing--x-large);
}
.header.header--benny {
padding-bottom: 0;
}
.header.header--benny .row--content {
padding-bottom: var(--wp--preset--spacing--large);
}
.header:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(180deg, var(--color-blue-120, #0E2C49) 0%, rgba(23, 75, 124, 0.7) 73.08%, rgba(33, 106, 175, 0) 100%);
}
.header:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 500%;
border-radius: 936.767px;
background: rgba(0, 113, 170, 0.8);
filter: blur(277.3666687012px);
}
.header .container {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 32px;
}
.header .header__image {
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
right: calc((100% - 1440px) / 2);
}
.header .header__image img {
object-fit: contain;
width: 100%;
height: 100%;
transform: scale(1.1);
opacity: 0.8;
mix-blend-mode: soft-light;
}
.header .benny-container {
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
}
.header .benny-container.align-left {
justify-content: flex-start;
}
.header .benny-container.align-center {
justify-content: center;
}
.header .benny-container.align-right {
justify-content: flex-end;
}
.header .benny-container .benny-container__image {
aspect-ratio: 1/1;
width: 100%;
max-width: 250px;
}
.header .benny-container .benny-container__image img {
object-fit: contain;
object-position: center center;
}
.header .usps {
flex-direction: column;
align-items: flex-start;
margin-top: var(--wp--preset--spacing--small);
}
.header .usps .usp {
color: #fff;
text-align: left;
}
@media screen and (max-width: 767px) {
.header .benny-container .benny-container__image {
max-width: 190px;
}
.header--benny {
text-align: center;
}
.header--benny .fwpress-buttons {
justify-content: center;
}
.header--benny .usps {
margin-bottom: var(--wp--preset--spacing--large);
}
.header--benny .header__image {
display: none;
}
}
@media screen and (max-width: 420px) {
.header .benny-container .benny-container__image {
max-width: 140px;
}
}
.data-table {
display: flex;
flex-direction: column;
border-radius: 4px;
border: 1px solid rgba(34, 34, 34, 0.2);
}
.data-table__header {
display: flex;
width: 100%;
gap: 18px;
align-items: center;
padding: 18px;
border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}
.data-table__title {
flex: 1;
}
.data-table__title h3,
.data-table__title h4 {
color: #222;
}
.data-table__buttons {
flex-shrink: 0;
width: fit-content;
display: flex;
border-radius: 4px;
border: 1px solid #a7a7a7;
overflow: hidden;
}
.data-table__button {
padding-left: 18px;
padding-right: 18px;
height: 36px;
background-color: #fff;
color: rgba(34, 34, 34, 0.6);
align-items: center;
border-right: 1px solid #a7a7a7;
display: inline-flex;
cursor: pointer;
}
.data-table__button:last-child {
border-right: 0;
}
.data-table__button--active {
color: #fff;
background-color: #a7a7a7;
}
.data-table__items {
display: flex;
flex-direction: column;
}
.data-table__items.loading {
min-height: 195px;
max-height: 400px;
overflow: hidden;
}
.data-table__item {
border-bottom: 1px solid rgba(34, 34, 34, 0.2);
transition: background-color ease 0.15s;
}
.data-table__item:has([onclick]):hover {
background-color: rgba(34, 34, 34, 0.05);
}
.data-table__item:last-child {
border-bottom: 0;
}
.data-table__item__row {
display: flex;
gap: 0 18px;
padding: 18px;
}
.data-table__item__column--title {
display: flex;
align-items: center;
gap: 18px;
}
.data-table__item__column--last {
margin-left: auto;
}
.data-list__label {
color: rgba(34, 34, 34, 0.6);
}
.loading {
position: relative;
transition: none !important;
}
.loading:before {
content: "Laden";
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
transform: translateY(42px);
position: absolute;
z-index: 10;
font-size: 14px;
font-weight: 500;
}
.loading:after {
content: "";
width: 100%;
height: 100%;
background-color: white;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3CradialGradient id='a3' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'%3E%3Cstop offset='0' stop-color='%230095DB'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%230095DB' stop-opacity='.9'%3E%3C/stop%3E%3Cstop offset='.6' stop-color='%230095DB' stop-opacity='.6'%3E%3C/stop%3E%3Cstop offset='.8' stop-color='%230095DB' stop-opacity='.3'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%230095DB' stop-opacity='0'%3E%3C/stop%3E%3C/radialGradient%3E%3Ccircle transform-origin='center' fill='none' stroke='url(%23a3)' stroke-width='15' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'%3E%3CanimateTransform type='rotate' attributeName='transform' calcMode='spline' dur='2' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle transform-origin='center' fill='none' opacity='.2' stroke='%230095DB' stroke-width='15' stroke-linecap='round' cx='100' cy='100' r='70'%3E%3C/circle%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 60px 60px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: none !important;
}
@media screen and (max-width: 675px) {
.data-table__header {
flex-wrap: wrap;
}
.data-table__item__row {
flex-wrap: wrap;
gap: 18px;
}
.data-table__item__column--title {
flex-wrap: wrap;
gap: 18px 9px;
}
.data-table__item__column--last {
margin-left: unset;
width: 100%;
}
.company__logo {
width: 48px;
height: 48px;
}
}
@media screen and (max-width: 500px) {
.data-table__header {
flex-direction: column;
align-items: flex-start;
}
}
.material-symbols-outlined {
font-family: "Material Symbols Outlined" !important;
width: 18px;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
.fwpress-icon {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
flex-grow: 0;
width: 18px;
height: 18px;
}
.fwpress-icon--24 {
width: 24px;
height: 24px;
}
.fwpress-icon--24 .material-symbols-outlined {
font-size: 24px;
width: 24px;
height: 24px;
}
.fwpress-icon--36 {
width: 36px;
height: 36px;
}
.fwpress-icon--36 .material-symbols-outlined {
font-size: 36px;
width: 36px;
height: 36px;
}
.fwpress-icon--64 {
width: 64px;
height: 64px;
}
.fwpress-icon--64 > * {
font-size: 64px;
width: 64px;
height: 64px;
font-weight: 100;
}
.fwpress-icon.aligncenter {
margin-left: auto;
margin-right: auto;
}
.fwpress-icon.alignleft {
margin-right: auto;
}
.fwpress-icon.alignright {
margin-left: auto;
}
.divider {
display: flex;
gap: 18px;
}
.divider:before, .divider:after {
content: "";
background-color: rgba(34, 34, 34, 0.2);
height: 2px;
width: 18px;
position: relative;
top: 7px;
flex-shrink: 0;
flex-basis: 18px;
}
.divider--left {
justify-content: flex-start;
}
.divider--left:after {
flex-grow: 1;
}
.divider--center {
justify-content: center;
}
.divider--center:before, .divider--center:after {
flex-grow: 1;
flex-shrink: 1;
}
.divider--right {
justify-content: flex-end;
}
.divider--right:before {
flex-grow: 1;
}
.divider__text {
flex-grow: 1;
flex-shrink: 1;
}
.divider > * {
padding-bottom: 0 !important;
}
ul.wp-block-list {
list-style-type: disc;
list-style-position: outside;
margin-left: 18px;
display: flex;
flex-direction: column;
padding-left: 0 !important;
font-weight: 400;
line-height: 1.5;
}
ul.wp-block-list li {
display: list-item !important;
font-weight: 400;
line-height: 1.5;
}
ul.wp-block-list li ul {
margin: 0;
}
ul.wp-block-list li ul:not([class]) {
list-style-type: circle;
}
ol.wp-block-list {
list-style-position: outside;
margin-left: 16px;
list-style-type: decimal;
display: flex;
flex-direction: column;
padding-left: 0 !important;
font-weight: 400;
line-height: 1.5;
}
ol.wp-block-list li {
display: list-item !important;
font-weight: 400;
line-height: 1.5;
}
.checklist,
ul.wp-block-list.checklist {
display: flex;
flex-direction: column;
list-style: none;
margin-left: 0 !important;
font-weight: 300;
line-height: 1.5;
}
.checklist li,
ul.wp-block-list.checklist li {
display: flex !important;
list-style: none !important;
align-items: flex-start;
display: inline-flex;
align-items: flex-start;
gap: 8px;
}
.checklist li:first-child,
ul.wp-block-list.checklist li:first-child {
margin-top: 0;
}
.checklist li:last-child,
ul.wp-block-list.checklist li:last-child {
margin-bottom: 0;
}
.checklist li:before,
ul.wp-block-list.checklist li:before {
content: "done";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 24px;
display: inline-block;
width: 24px;
height: 24px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.toggles {
display: flex;
flex-direction: column;
gap: 24px;
}
.toggle {
display: flex;
flex-direction: column;
width: 100%;
background-color: #fff;
border: 1px solid #C2C2C2;
border-radius: 8px;
box-shadow: var(--dropshadow-x, 0) var(--dropshadow-y, 4px) var(--dropshadow-blur, 8px) var(--dropshadow-spread, 0) var(--dropshadow-color, rgba(0, 0, 0, 0.08));
gap: var(--wp--preset--spacing--x-small);
padding: var(--wp--preset--spacing--small);
}
.toggle__top {
justify-content: space-between;
display: flex;
width: 100%;
align-items: center;
cursor: pointer;
position: relative;
}
.toggle__top:hover .toggle__title p {
color: var(--wp--preset--color--orange);
}
.toggle__controls {
flex-grow: 0;
flex-shrink: 0;
display: inline-flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0007 15.2506C11.9021 15.2511 11.8045 15.2319 11.7135 15.1941C11.6225 15.1563 11.5399 15.1008 11.4707 15.0306L6.47067 10.0306C6.37094 9.88475 6.32594 9.70833 6.3436 9.53249C6.36126 9.35665 6.44044 9.19269 6.56718 9.06954C6.69392 8.94638 6.86008 8.87194 7.03636 8.85933C7.21263 8.84673 7.38769 8.89678 7.53067 9.00065L12.0007 13.4406L16.4707 9.00065C16.6116 8.90926 16.7792 8.86784 16.9465 8.88302C17.1138 8.89821 17.2712 8.96913 17.3933 9.08441C17.5155 9.19969 17.5955 9.35265 17.6204 9.51879C17.6453 9.68493 17.6137 9.85461 17.5307 10.0006L12.5307 15.0006C12.464 15.0762 12.3826 15.1374 12.2915 15.1803C12.2003 15.2233 12.1014 15.2473 12.0007 15.2506Z' fill='%230D0D0D'/%3E%3C/svg%3E%0A");
}
.toggle--active .toggle__controls {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9993 8.74935C12.0979 8.74889 12.1955 8.76811 12.2865 8.80588C12.3775 8.84366 12.4601 8.89924 12.5293 8.96935L17.5293 13.9694C17.6291 14.1152 17.6741 14.2917 17.6564 14.4675C17.6387 14.6434 17.5596 14.8073 17.4328 14.9305C17.3061 15.0536 17.1399 15.1281 16.9636 15.1407C16.7874 15.1533 16.6123 15.1032 16.4693 14.9994L11.9993 10.5594L7.52933 14.9994C7.38838 15.0907 7.22082 15.1322 7.05351 15.117C6.88621 15.1018 6.72885 15.0309 6.60665 14.9156C6.48446 14.8003 6.4045 14.6473 6.3796 14.4812C6.3547 14.3151 6.3863 14.1454 6.46933 13.9994L11.4693 8.99935C11.536 8.92379 11.6174 8.86264 11.7085 8.81965C11.7997 8.77666 11.8986 8.75274 11.9993 8.74935Z' fill='%230D0D0D'/%3E%3C/svg%3E%0A");
}
.toggle__controls:after {
content: "";
position: absolute;
top: -12px;
right: 0;
bottom: -12px;
left: 0;
}
.toggle__title {
flex: 1;
}
.toggle__title * {
padding: 0;
}
.toggle__title p {
color: var(--wp--preset--color--blue);
font-weight: 700;
font-size: 16px;
text-wrap: balance;
}
.toggle__content {
display: none;
}
.toggle__content .text-component > *:last-child {
padding: 0;
}
.toggle--active .toggle__content {
display: block;
}
.tabs {
display: flex;
flex-wrap: wrap;
gap: 16px;
border-bottom: 1px solid rgba(13, 13, 13, 0.2);
margin-bottom: 24px;
}
.tabs .tab {
display: inline-flex;
min-height: 36px;
padding-bottom: 9px;
text-box: trim-both cap alphabetic;
color: #0D0D0D;
border-bottom: 2px solid rgba(13, 13, 13, 0.2);
position: relative;
top: 1px;
z-index: 1;
cursor: pointer;
}
.tabs .tab--active {
color: #164674;
font-weight: 600;
font-size: 16px;
border-bottom: 2px solid #164674;
}
.tabs .tab:hover {
color: #164674;
}
.view {
display: flex;
flex-direction: column;
}
.view__row {
border-bottom: 1px solid rgba(34, 34, 34, 0.1);
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.view__column {
width: fit-content;
max-width: 50%;
padding-top: 9px;
padding-bottom: 9px;
}
.view__label {
color: rgba(34, 34, 34, 0.6);
}
.view__value {
text-align: right;
font-weight: 500;
}
.submission-view {
display: flex;
gap: 18px;
}
.submission-view--level1 {
border-radius: 4px;
background-color: rgba(22, 70, 116, 0.05);
}
.reviews {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--small);
}
.reviews .slick-track {
display: flex !important;
}
.reviews .slick-track:before, .reviews .slick-track:after {
display: none;
}
.reviews .slick-list {
overflow: visible;
margin: 0 -16px;
}
.reviews .slick-slide {
margin: 0 16px;
}
.reviews__controls {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--small);
justify-content: space-between;
}
.reviews__controls__left {
display: flex;
align-items: center;
gap: 8px;
}
.reviews__timer {
width: 64px;
height: 12px;
background-color: #E7E7E7;
border-radius: 6px;
position: relative;
overflow: hidden;
}
.reviews__timer > span {
position: absolute;
background-color: var(--wp--preset--color--blue);
height: 100%;
left: 0;
top: 0;
bottom: 0;
}
.reviews__dots {
width: fit-content;
}
.reviews__dots .slick-dots {
justify-content: flex-start;
width: fit-content;
height: 12px;
gap: 8px;
}
.reviews__dots .slick-dots li {
height: 12px;
width: 12px;
display: inline-flex;
}
.reviews__dots .slick-dots li button {
background-color: #E7E7E7;
}
.reviews__dots .slick-dots li.slick-active button {
background-color: var(--wp--preset--color--blue);
}
.reviews__arrows {
display: flex;
gap: var(--wp--preset--spacing--x-small);
}
.reviews__arrow {
width: 40px;
height: 40px;
border-radius: 16px;
background-color: var(--blue-light-30);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M10.5 3.25L5.5 8.25L10.5 13.25' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
cursor: pointer;
background-repeat: no-repeat;
background-position: center center;
}
.reviews__arrow:hover {
background-color: var(--wp--preset--color--blue);
}
.reviews__arrow--next {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M6.5 3.25L11.5 8.25L6.5 13.25' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
.reviews__arrow.slick-disabled {
background-color: var(--blue-light-70);
cursor: default;
}
.review {
border-radius: 16px;
display: inline-flex;
padding: var(--wp--preset--spacing--small);
box-shadow: var(--dropshadow-x, 0) var(--dropshadow-y, 4px) var(--dropshadow-blur, 8px) var(--dropshadow-spread, 0) var(--dropshadow-color, rgba(0, 0, 0, 0.08));
}
.review__inner {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--small);
}
.review__logo {
height: 32px;
max-width: 250px;
}
.review__logo img {
object-fit: contain;
object-position: center;
height: 32px;
width: auto;
display: block;
}
.review__content p {
color: var(--wp--preset--color--blue);
font-weight: bold;
font-size: 18px;
}
.review__content p a {
text-decoration: underline;
font-weight: 700;
font-size: 18px;
color: inherit;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
border: 0;
padding-bottom: 0;
}
.review__info {
position: relative;
padding-top: 16px;
}
.review__info:before {
content: "";
width: 50%;
height: 4px;
background-color: var(--wp--preset--color--orange);
top: 0;
left: 0;
position: absolute;
}
.usps {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.usps .usp {
display: flex;
gap: 8px;
}
.usps .usp:before {
width: 26px;
height: 26px;
content: "";
flex-grow: 0;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Ccircle cx='13' cy='13' r='13' fill='white'/%3E%3Cpath d='M13 0C20.1797 0 26 5.8203 26 13C26 20.1797 20.1797 26 13 26C5.8203 26 0 20.1797 0 13C0 5.8203 5.8203 0 13 0ZM13 3.55566C7.78398 3.55566 3.55566 7.78398 3.55566 13C3.55567 18.216 7.78398 22.4443 13 22.4443C18.216 22.4443 22.4443 18.216 22.4443 13C22.4443 7.78401 18.216 3.55572 13 3.55566Z' fill='%23F68C34'/%3E%3Cpath d='M12.8704 6.87915C16.1793 6.87915 18.8614 9.56149 18.8616 12.8704C18.8616 16.1793 16.1793 18.8616 12.8704 18.8616C9.56149 18.8614 6.87915 16.1793 6.87915 12.8704C6.87928 9.56156 9.56156 6.87928 12.8704 6.87915ZM12.76 9.9856C11.2281 9.9856 9.9856 11.2281 9.9856 12.76C9.98585 14.2917 11.2282 15.5334 12.76 15.5334C14.2916 15.5332 15.5332 14.2916 15.5334 12.76C15.5334 11.2282 14.2917 9.98583 12.76 9.9856Z' fill='%23F68C34'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.usps .usp span {
flex: 1;
}
.quote {
display: flex;
flex-direction: column;
gap: 18px;
margin-bottom: var(--wp--preset--spacing--small);
min-height: var(--wp--preset--spacing--small);
justify-content: center;
}
.quote.has-background {
padding: var(--wp--preset--spacing--x-small);
border-radius: 4px;
}
.quote.has-background.has-primary-background-color .quote__quote,
.quote.has-background.has-primary-background-color .quote__byline {
color: #fff;
}
.quote.has-background.has-primary-background-color .quote__quote:before,
.quote.has-background.has-primary-background-color .quote__byline:before {
color: green;
}
.quote.has-background.has-brown-background-color .quote__quote,
.quote.has-background.has-brown-background-color .quote__byline {
color: #fff;
}
.quote.has-background.has-brown-background-color .quote__quote:before,
.quote.has-background.has-brown-background-color .quote__byline:before {
color: #fff;
}
.quote__quote {
font-size: var(--wp--preset--font-size--large-paragraph);
font-style: italic;
font-weight: 400;
}
.quote__quote:before {
content: "format_quote";
display: inline;
font-size: 24px;
color: var(--wp--preset--color--primary);
line-height: 18px;
font-family: "Material Symbols Outlined";
position: relative;
margin-right: 4px;
font-size: 18px;
}
.quote__byline {
display: flex;
gap: 12px;
align-items: center;
}
.quote__byline__content {
display: flex;
flex-direction: column;
gap: 9px;
}
.quote__image {
width: 60px;
height: 60px;
position: relative;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.quote__image img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
object-fit: cover;
object-position: center;
}
.quote__name {
font-weight: bold;
text-box: trim-both cap alphabetic;
}
.quote__function {
opacity: 0.8;
text-box: trim-both cap alphabetic;
font-size: 14px;
}
.slider {
margin-bottom: var(--wp--preset--spacing--small);
display: flex;
}
.slider .slick-slide > div {
display: flex;
}
.slider .slick-list {
border-radius: 9px;
}
.slide {
aspect-ratio: 16/9;
width: 100%;
position: relative;
display: flex;
}
.slide--empty {
background-color: #f9f9f9;
}
.slide__image {
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.slide__image img {
flex: 1 0 0%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
display: block;
}
.slide__content {
position: absolute;
bottom: -1px;
left: -1px;
background-color: #f9f9f9;
border-top-right-radius: 9px;
padding: var(--wp--preset--spacing--small);
width: 66.66%;
}
.logo-slider {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--small);
align-items: center;
}
.logo-slider.align-left {
justify-content: flex-start;
}
.logo-slider.align-center {
justify-content: center;
}
.logo-slider.align-right {
justify-content: flex-end;
}
.logo-slider__item {
width: fit-content;
}
.logo-slider__item img {
max-width: 100%;
width: auto;
display: block;
}
.logo-slider .slick-track {
display: flex !important;
align-items: center;
gap: 48px;
}
.logo-slider.logo-slider--slider {
position: relative;
}
.logo-slider.logo-slider--slider:before, .logo-slider.logo-slider--slider:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 48px;
background-color: inherit;
z-index: 2;
}
.logo-slider.logo-slider--slider:before {
left: 0;
background: linear-gradient(to right, #ffffff, transparent);
}
.has-blue-20-background-color .logo-slider.logo-slider--slider:before {
background: linear-gradient(to right, var(--wp--preset--color--blue-20), transparent);
}
.logo-slider.logo-slider--slider:after {
right: 0;
background: linear-gradient(to left, #ffffff, transparent);
}
.has-blue-20-background-color .logo-slider.logo-slider--slider:after {
background: linear-gradient(to left, var(--wp--preset--color--blue-20), transparent);
}
@media screen and (max-width: 600px) {
.slide .slide__image {
border-radius: 0;
}
.slide .slide__content {
position: static;
width: 100%;
border-radius: 0;
}
.datafeed-logos {
flex-direction: column;
align-items: center;
margin-top: var(--wp--preset--spacing--x-small);
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-prev,
.slick-next {
display: inline-flex;
align-items: flex-start;
gap: 8px;
width: 36px;
height: 36px;
font-size: 0;
color: transparent;
background-color: transparent;
border: 0;
cursor: pointer;
position: absolute;
top: calc(50% - 18px);
padding: 0;
}
.slick-prev:before,
.slick-next:before {
content: "chevron_left";
font-family: "Material Symbols Outlined";
position: relative;
font-size: 36px;
display: inline-block;
width: 36px;
height: 36px;
line-height: 1;
color: inherit;
display: flex;
flex-shrink: 0;
flex-grow: 0;
font-weight: normal;
}
.slick-prev:before,
.slick-next:before {
color: var(--wp--preset--color--primary);
opacity: 0.6;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev {
left: -36px;
}
.slick-next {
right: -36px;
}
.slick-next:before {
content: "chevron_right";
} .slick-dots {
display: flex;
justify-content: center;
align-items: center;
height: 36px;
width: 100%;
list-style: none;
gap: 9px;
}
.slick-dots li button {
width: 12px;
height: 12px;
border-radius: 50%;
cursor: pointer;
background-color: #f9f9f9;
font-size: 0;
color: transparent;
border: 0;
outline: 0;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li.slick-active button {
background-color: #187AD9;
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
z-index: 0;
--shadow-color: rgba(#222,0.3);
border-radius: 12px;
box-shadow: 0 0.5px 0.6px var(--shadow-color), 0 1.7px 1.9px -0.8px var(--shadow-color), 0 4.3px 4.8px -1.7px var(--shadow-color), -0.1px 10.6px 11.9px -2.5px var(--shadow-color);
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px) * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px);
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
background: rgba(0, 0, 0, 0.8);
background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__caption div {
display: inline;
}
.plyr__control {
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 4px;
border-radius: var(--plyr-control-radius, 4px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
fill: currentColor;
display: block;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
outline: 0;
}
.plyr__control:focus-visible {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
a.plyr__control {
text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9019607843);
background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
border: 4px solid rgba(0, 0, 0, 0);
border-top-color: rgba(255, 255, 255, 0.9019607843);
border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
content: "";
height: 0;
position: absolute;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
top: 100%;
width: 0;
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control:after {
border: 4px solid rgba(0, 0, 0, 0);
border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: initial;
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back:before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: initial;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
background: rgba(0, 0, 0, 0.1019607843);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: #00b2ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
background: rgba(35, 40, 47, 0.1019607843);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
pointer-events: none;
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: #00b2ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: rgba(0, 0, 0, 0);
background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
color: rgba(0, 0, 0, 0);
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: rgba(0, 0, 0, 0);
background: currentColor;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px;
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
display: none;
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
content: "⁄";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr__tooltip {
background: #fff;
background: var(--plyr-tooltip-background, #fff);
border-radius: 5px;
border-radius: var(--plyr-tooltip-radius, 5px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip:before {
border-left: 4px solid rgba(0, 0, 0, 0);
border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1);
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
left: 0;
max-width: 120px;
overflow-wrap: break-word;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: rgba(0, 0, 0, 0);
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: rgba(0, 0, 0, 0);
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: rgba(0, 0, 0, 0);
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.2509803922);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.plyr__progress__marker {
background-color: #fff;
background-color: var(--plyr-progress-marker-background, #fff);
border-radius: 1px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 3px;
width: var(--plyr-progress-marker-width, 3px);
z-index: 3;
}
.plyr__volume {
align-items: center;
display: flex;
position: relative;
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
max-width: 90px;
min-width: 60px;
position: relative;
z-index: 2;
}
.plyr--audio {
display: block;
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 200, 209, 0.6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, 0.6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}
.plyr--video {
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
border-radius: inherit;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: 0.9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.2509803922);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.2509803922);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.2509803922);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, 0.2509803922);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
bottom: 0;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px);
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads:after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3;
}
.plyr__ads:empty:after {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
opacity: 0.8;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: #fff;
background-color: var(--plyr-tooltip-background, #fff);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
border-left: 4px solid rgba(0, 0, 0, 0);
border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
left: calc(50% + var(--preview-arrow-offset));
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 7px;
border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__image-container:after {
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
content: "";
pointer-events: none;
}
.plyr__preview-thumb__image-container img {
max-height: none;
max-width: none;
}
.plyr__preview-thumb__time-container {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
border-bottom-left-radius: 7px;
border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius: 7px;
border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
bottom: 0;
left: 0;
line-height: 1.1;
padding: 20px 6px 6px;
position: absolute;
right: 0;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
backdrop-filter: blur(9px);
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
background: rgba(22, 70, 116, 0.9);
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden; display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-ms-transform-origin: top left;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
} .fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
} .fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
} .fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-transform: scaleX(0);
transform: scaleX(0);
-ms-transform-origin: 0;
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
} .fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
} .fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
} .fancybox-caption {
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
} .fancybox-loading {
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg);
}
} .fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
} .fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translate3d(0, 0, 0);
} .fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
} .fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1);
} .fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
} .fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
} .fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translate3d(0, 0, 0) scale(1);
} @media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
} .fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
} .fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
} @media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0;
}
[data-tippy-root] {
max-width: calc(100vw - 10px);
}
.tippy-box {
position: relative;
background-color: #333;
background-color: #fff;
color: inherit;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
white-space: normal;
border: 1px solid rgba(22, 70, 116, 0.2);
outline: 0;
transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
width: 16px;
height: 16px;
color: #333;
color: #fff;
display: none;
}
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid;
}
.tippy-content {
position: relative;
padding: 5px 9px;
padding: 12px;
z-index: 1;
font-family: inherit;
text-box: trim-both cap alphabetic;
color: #000;
}
.tippy-content *:first-child {
padding-top: 0 !important;
margin-top: 0 !important;
}
.tippy-content *:last-child {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}.areoi-element {
position: relative;
}
.areoi-element > * {
position: relative;
}
.areoi-element > .modal, .areoi-element > .offcanvas, .areoi-element > .toast, .areoi-element > .modal-backdrop {
position: fixed;
}
.areoi-element .wp-block-image img {
height: auto;
}
.areoi-background {
overflow: hidden;
}
.areoi-background div {
height: 100%;
}
.areoi-background__image {
background-size: cover;
background-position: center;
}
.areoi-background .col {
overflow: hidden;
position: relative;
}
.areoi-background img,
.areoi-background video {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-object-fit: cover;
object-fit: cover;
}
.areoi-background,
.areoi-background__image,
.areoi-background__color,
.areoi-background__overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.areoi-element .areoi-element .areoi-background-pattern {
display: none;
}
.areoi-element .areoi-element .areoi-divider {
-webkit-mask: none;
mask: none;
}
.alert .icon,
.list-group-item .icon {
width: 24px;
height: auto;
display: block;
}
.alert :last-child,
.list-group-item :last-child {
margin-bottom: 0;
}
.carousel {
width: 100%;
overflow: hidden;
}
.popover-container {
display: inline-block;
}
.btn-group div:not(:last-child) .btn {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.btn-group div:not(:first-child) .btn {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: -1px;
}
.btn-group-vertical div:not(:last-child) .btn {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.btn-group-vertical div:not(:first-child) .btn {
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
}
.card .wp-block-image {
margin-bottom: 0;
}
.card-header :last-child,
.card-footer :last-child,
.card-body :last-child,
.modal-header .modal-header-content :last-child,
.offcanvas-header .offcanvas-header-content :last-child,
.toast-header .toast-header-content :last-child,
.toast-body :last-child {
margin: 0;
}
.modal {
width: 100% !important;
max-width: 100% !important;
}
.areoi-full-link {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.wp-block-separator {
border-top: none !important;
border-bottom: none !important;
}