/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } /* a:focus { outline:0; } :focus, :active { outline:none; outline:0; } ::-moz-focus-inner { outline:none; } */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; max-width: 100%; height: auto; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=button], input[type=submit], button, textarea, select { -webkit-appearance: none; outline: 1px solid transparent; } textarea { resize: none; overflow: auto; } button, [type=submit], [type=button], [type=reset] { cursor: pointer; border: 0; text-align: center; background: transparent; color: inherit; padding: 0; margin: 0; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } select::-ms-expand { display: none; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* != ms-clear */ input[type=text]::-ms-clear { display: none; } /* != BACKGROUND POSITION AND BOX SIZING */ *, *:before, *:after { box-sizing: border-box; background-position: center; background-repeat: no-repeat; } /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* != Butler ====================================== */ @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-UltraLight.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-Light.woff") format("woff"); font-weight: 300; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-Bold.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-ExtraBold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Butler"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Butler/Butler-Black.woff") format("woff"); font-weight: 800; font-style: normal; } /* != Metropolis ====================================== */ @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Thin.woff") format("woff"); font-style: normal; font-weight: 100; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-ThinItalic.woff") format("woff"); font-style: italic; font-weight: 100; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-ExtraLight.woff") format("woff"); font-style: normal; font-weight: 200; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-ExtraLightItalic.woff") format("woff"); font-style: italic; font-weight: 200; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Light.woff") format("woff"); font-style: normal; font-weight: 300; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-LightItalic.woff") format("woff"); font-style: italic; font-weight: 300; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Regular.woff") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-RegularItalic.woff") format("woff"); font-style: italic; font-weight: 400; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Medium.woff") format("woff"); font-style: normal; font-weight: 500; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-MediumItalic.woff") format("woff"); font-style: italic; font-weight: 500; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-SemiBoldItalic.woff") format("woff"); font-style: italic; font-weight: 600; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Bold.woff") format("woff"); font-style: normal; font-weight: 700; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-BoldItalic.woff") format("woff"); font-style: italic; font-weight: 700; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-ExtraBold.woff") format("woff"); font-style: normal; font-weight: 800; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-ExtraBoldItalic.woff") format("woff"); font-style: italic; font-weight: 800; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-Black.woff") format("woff"); font-style: normal; font-weight: 900; } @font-face { font-family: "Metropolis"; src: url("/wp-content/themes/jrd-playwell/ui/fonts/Metropolis/Metropolis-BlackItalic.woff") format("woff"); font-style: italic; font-weight: 900; } /* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ :root { --darkblue: #1b4873; --lightblue: #00afd7; } .high-contrast-mode { --darkblue: #0E3960; --lightblue: #066F8F; } .bgcolor-black { background-color: #000000 !important; } .bgcolor-dark { background-color: var(--darkblue) !important; } .bgcolor-gray { background-color: #4b4f54 !important; } .bgcolor-lightgray { background-color: #F5F5F7 !important; } .bgcolor-red { background-color: var(--lightblue) !important; } .bgcolor-white { background-color: #ffffff !important; } .bgcolor-highlight { background-color: var(--lightblue) !important; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */ /* // inline SVGs // usage: background-image: inline-svg(''); */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); height: 100%; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { 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 > div { height: 100%; } .slick-slide { 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-arrow { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -22px; z-index: 8; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2224%22%20viewBox%3D%220%200%2013%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.716%2022.352c.378.377.378.988%200%201.365-.377.377-.99.377-1.369%200L.284%2012.683c-.379-.377-.379-.989%200-1.366L11.347.283c.379-.377.991-.377%201.37%200%20.377.377.377.988%200%201.365L2.627%2012l10.09%2010.352z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .slick-arrow.slick-next { left: auto; right: -22px; transform: rotate(180deg); } /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ /* != ACCESSIBILITY STYLES ===== */ .sr-only, .slick-sr-only { /* Styles below are so elements are shown to screen readers only */ border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } *:focus { outline: 3px solid var(--lightblue); outline-offset: 3px; } @supports selector(:focus-visible) { *:focus { outline: none; } *:focus-visible { outline: 3px solid var(--lightblue); outline-offset: 3px; } } #skipnav { background: rgba(0, 0, 0, 0.8); color: #fff; height: 30px; width: 150px; top: 0; left: 50%; margin-left: -75px; position: fixed; transform: translateY(-100%); transition: transform 0.3s; z-index: 9999999999; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; display: flex; align-items: center; justify-content: center; } #skipnav:focus { transform: translateY(0%); } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ /* ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */ /* != LAYOUT STYLES ===== */ .wrap { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px; } .wrap.narrow { max-width: 850px; } #alert { background-color: #ffffff; position: relative; } #alert .close { position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.243.343c.39-.39%201.023-.39%201.414%200%20.39.39.39%201.024%200%201.414L7.414%206l4.243%204.243c.39.39.39%201.023%200%201.414-.39.39-1.024.39-1.414% 200L6%207.414l-4.243%204.243c-.39.39-1.023.39-1.414%200-.39-.39-.39-1.024%200-1.414L4.586%206%20.34 3%201.757c-.39-.39-.39-1.023%200-1.414s1.024-.39%201.414%200L6%204.586z%22%20fill%3D%22%2300AFD7%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; background-color: transparent; } #alert .alert-content { width: 100%; max-width: 720px; padding: 20px 0; } #alert .alert-content .style6 { font-size: 1.4666666667rem; color: var(--darkblue); line-height: 1.2727272727em; margin-bottom: 10px; font-weight: 600; } #header { position: absolute; width: 100%; z-index: 3; } #header .header-flex { display: flex; justify-content: space-between; padding: 20px 0; } #header .header-flex #logo { width: 200px; height: 50px; display: flex; align-items: center; } @media screen and (max-width: 1000px) { #header .header-flex #logo { width: 150px; } } #header .header-top { color: #fff; font-weight: 600; font-size: 0.9333333333rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); gap: 20px; line-height: 1.2; } #header .header-top .utility-nav { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; } #header .header-top .utility-nav ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 20px; } #header .header-top .utility-nav ul li a { color: #fff; } #header .header-top .utility-nav ul li a:hover { text-decoration: underline; } @media screen and (max-width: 900px) { #header .header-top { display: none; } } #header { position: fixed; background: transparent; transition: 0.2s; } #header:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); content: ""; opacity: 0; transition: 0.2s; z-index: -1; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5); } #header.fixed:after { opacity: 1; } #header .header-tag { flex-grow: 1; } #header #main-nav { padding: 0 0 10px 0; width: calc(100% - 200px); position: relative; text-align: right; transition: all 0.2s ease-in-out; } @media screen and (max-width: 1000px) { #header #main-nav { width: calc(100% - 150px); } } #header #main-nav .mobile-utility-nav, #header #main-nav .mobile-header-tag { display: none; } @media screen and (max-width: 900px) { #header #main-nav .mobile-utility-nav, #header #main-nav .mobile-header-tag { display: block; } } #header #main-nav .mobile-header-tag { text-align: left; margin: 20px; font-size: 0.8rem; } #header #main-nav > ul > li { display: inline-block; position: relative; } #header #main-nav > ul > li > a { font-size: 1rem; font-weight: 500; letter-spacing: 0.5px; line-height: 1.2em; font-family: "Metropolis", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; height: 50px; padding: 17px 15px 15px; display: block; border-radius: 50px; } @media screen and (max-width: 1000px) { #header #main-nav > ul > li > a { font-size: 0.8rem; padding: 19px 8px 16px; letter-spacing: 0px; } } #header #main-nav > ul > li .sub-menu-wrap { display: none; background: #ffffff; width: 100%; padding: 10px 20px; border-radius: 0 25px 25px 25px; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.5); } @media screen and (min-width: 901px) { #header #main-nav > ul > li .sub-menu-wrap { width: calc(100% + 25px); min-width: 240px; position: absolute; top: 50px; padding: 24px 24px; } } #header #main-nav > ul > li .sub-menu-wrap li { display: block; width: 100%; text-align: left; } #header #main-nav > ul > li .sub-menu-wrap li a { color: var(--darkblue); text-decoration: none; transition: 0.2s; font-size: 1rem; font-weight: 600; letter-spacing: 0; line-height: 1.4666666667em; position: relative; display: inline-block; text-align: left; } #header #main-nav > ul > li .sub-menu-wrap li a:hover, #header #main-nav > ul > li .sub-menu-wrap li a:focus { color: var(--lightblue); } #header #main-nav > ul > li .sub-menu-wrap li + li { margin-top: 10px; } #header #main-nav > ul > li:hover > a, #header #main-nav > ul > li.open > a { color: var(--darkblue); background-color: #ffffff; } #header #main-nav > ul > li.menu-item-has-children { position: relative; } #header #main-nav > ul > li.menu-item-has-children > .menu-toggle-button { width: 10px; height: 10px; border: none; padding: 0; margin: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-block; } #header #main-nav > ul > li.menu-item-has-children > .menu-toggle-button:before { content: ""; width: 5px; height: 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); display: block; margin: 0 auto; } @media screen and (max-width: 1000px) { #header #main-nav > ul > li.menu-item-has-children > .menu-toggle-button { margin: -3px 0 0 0; } } @media screen and (max-width: 900px) { #header #main-nav > ul > li.menu-item-has-children > .menu-toggle-button { width: 20px; height: 20px; top: 20px; right: 20px; transform: translateY(0); } #header #main-nav > ul > li.menu-item-has-children > .menu-toggle-button:after { display: none; } } #header #main-nav > ul > li.menu-item-has-children > a { border-radius: 25px 25px 0 0; padding: 17px 25px 15px 15px; } @media screen and (min-width: 901px) { #header #main-nav > ul > li.menu-item-has-children > a:hover + .sub-menu-wrap { display: block; } } @media screen and (max-width: 900px) { #header #main-nav > ul > li.menu-item-has-children > a { border-radius: 50px; } } #header #main-nav > ul > li.menu-item-has-children:hover > .menu-toggle-button:before { border-bottom: 1px solid var(--lightblue); border-right: 1px solid var(--lightblue); } @media screen and (min-width: 901px) { #header #main-nav > ul > li.menu-item-has-children:hover .sub-menu-wrap { display: block; } } @media screen and (min-width: 901px) { #header #main-nav > ul > li.menu-item-has-children.open .sub-menu-wrap { display: block; } } #header #main-nav > ul > li:last-child.menu-item-has-children .sub-menu-wrap { right: 0; border-radius: 25px 0 25px 25px; } @media screen and (max-width: 900px) { #header #main-nav { margin-top: 0px; margin-left: 0px; width: 100%; position: absolute; top: 100%; left: 0; z-index: 9999; background-color: #ffffff; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; } #header #main-nav > #menu-main-menu, #header #main-nav > .mobile-utility-nav { margin-top: 20px; padding: 0 20px; } #header #main-nav > #menu-main-menu > li, #header #main-nav > .mobile-utility-nav > li { display: block; position: relative; z-index: 9999; cursor: pointer; text-align: left; } #header #main-nav > #menu-main-menu > li > a, #header #main-nav > .mobile-utility-nav > li > a { color: var(--darkblue); font-size: 1rem; letter-spacing: 0px; line-height: 2.8666666667em; font-weight: 500; padding: 6px 0; display: block; width: 100%; text-align: left; } #header #main-nav > #menu-main-menu > li > a:hover, #header #main-nav > .mobile-utility-nav > li > a:hover { color: var(--lightblue); } #header #main-nav > #menu-main-menu > li .sub-menu-wrap, #header #main-nav > .mobile-utility-nav > li .sub-menu-wrap { display: none; visibility: visible; opacity: 1; margin-bottom: 10px; position: relative; z-index: 9999; box-shadow: none; } #header #main-nav > #menu-main-menu > li .sub-menu-wrap .sub-menu > li, #header #main-nav > .mobile-utility-nav > li .sub-menu-wrap .sub-menu > li { display: block; position: relative; margin-bottom: 10px; } #header #main-nav > #menu-main-menu > li .sub-menu-wrap .sub-menu > li > a, #header #main-nav > .mobile-utility-nav > li .sub-menu-wrap .sub-menu > li > a { display: block; text-decoration: none; text-align: left; transition: 0.2s; font-size: 1rem; font-weight: 500; letter-spacing: 0; line-height: 1.4666666667em; position: relative; color: var(--darkblue); padding: 5px 0 5px 10px; } #header #main-nav > #menu-main-menu > li .sub-menu-wrap .sub-menu > li > a:hover, #header #main-nav > .mobile-utility-nav > li .sub-menu-wrap .sub-menu > li > a:hover { color: var(--lightblue); } #header #main-nav > #menu-main-menu > li.menu-item-has-children > a, #header #main-nav > .mobile-utility-nav > li.menu-item-has-children > a { width: calc(100% - 60px); } #header #main-nav > #menu-main-menu > li.menu-item-has-children:after, #header #main-nav > .mobile-utility-nav > li.menu-item-has-children:after { content: ""; position: absolute; display: block; top: 21px; right: 2px; width: 16px; height: 16px; margin-right: 20px; background-image: url("data:image/svg+xml,%3Csvg height%3D%228%22 viewBox%3D%220 0 14 8%22 width%3D%2214%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M.642.293c.36-.36.928-.388 1.32-.083l.094.083L6.86 5.096 11.662.293c.36-.36.928-.388 1.32-.083l.095.083c.36.36.388.928.083 1.32l-.083.094-5.51 5.51c-.361.36-.928.388-1.32.083l-.095-.083-5.51-5.51c-.39-.39-.39-1.024 0-1.414z%22 fill%3D%22var%28--lightblue%29%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: all 0.2s ease-in-out; } #header #main-nav > #menu-main-menu > li.active:after, #header #main-nav > .mobile-utility-nav > li.active:after { transform: rotate(180deg); } #header #main-nav > #menu-main-menu > li + li, #header #main-nav > .mobile-utility-nav > li + li { border-top: 1px solid rgba(255, 255, 255, 0.15); } #header #main-nav .mobile-utility-nav { margin: 0; } } @media screen and (max-width: 900px) { #header.active #main-nav { opacity: 1; visibility: visible; } } #menu-toggle { display: none; position: relative; width: 24px; height: 44px; cursor: pointer; z-index: 10; margin-left: 15px; padding: 0 30px; background-color: transparent; } @media screen and (max-width: 900px) { #menu-toggle { display: inline-block; } } #menu-toggle span { position: absolute; width: 24px; height: 2px; top: 50%; right: 15px; background-color: #ffffff; transform: translate(0, -50%); transition: transform 0.3s; } #menu-toggle span::before { position: absolute; display: block; width: 24px; height: 2px; top: -7px; background-color: #ffffff; content: ""; transition: transform 0s 0s, top 0.3s 0.3s; } #menu-toggle span::after { position: absolute; display: block; width: 24px; height: 2px; top: 7px; background-color: #ffffff; content: ""; transition: transform 0s 0s, top 0.3s 0.3s; } #menu-toggle.active span { height: 0; transform: rotate(180deg); transition: transform 0.3s 0.3s, height 0s 0s; background-color: #ffffff; } #menu-toggle.active span::before { top: 0; transform: rotate(-45deg); transition: top 0.3s 0s, transform 0.3s 0.3s; background-color: #ffffff; } #menu-toggle.active span::after { top: 0; transform: rotate(45deg); transition: top 0.3s 0s, transform 0.3s 0.3s; background-color: #ffffff; } #body-content:has(.bgcolor-lightgray:last-child) + #footer:before { background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23F5F5F7%22 d%3D%22M1500 0v130.605c-7.71-7.668-16.29-15.04-25.78-22.062-68.73-50.635-164.15-67.09-254.4-66.361-100.68.899-200.04 16.495-298.942 30.602-88.526 12.999-177.358 25.078-266.958 31.902-185.363 13.538-393.336 12.888-563.837-54.732C58.156 36.99 27.855 21.377 0 3.184V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% -1px; background-size: 100%; } #google_translate_wrapper .goog-te-gadget { font-size: 0; line-height: 0; } #google_translate_wrapper .goog-te-gadget span { display: none; } #google_translate_wrapper .goog-te-gadget .goog-te-combo { margin: 0; height: 35px; min-width: 180px; font-weight: 400; font-family: "Metropolis", Helvetica, Arial, sans-serif; padding: 0 20px 0 15px; } #google_translate_element_mobile.translate-mobile { display: none; } @media screen and (max-width: 900px) { #google_translate_element_mobile.translate-mobile { display: block; margin: 20px; } } #footer { color: #ffffff; font-size: 0.9333333333rem; letter-spacing: 0; line-height: 1.2142857143em; padding: 0 0 60px; position: relative; } #footer:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M1500 0v130.605c-7.71-7.668-16.29-15.04-25.78-22.062-68.73-50.635-164.15-67.09-254.4-66.361-100.68.899-200.04 16.495-298.942 30.602-88.526 12.999-177.358 25.078-266.958 31.902-185.363 13.538-393.336 12.888-563.837-54.732C58.156 36.99 27.855 21.377 0 3.184V0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% -1px; background-size: 100%; display: block; margin-bottom: 30px; aspect-ratio: 1500/130; width: 100%; pointer-events: none; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: none; } #footer .footer-top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 12px; flex-wrap: wrap; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 30px; } @media screen and (max-width: 768px) { #footer .footer-top { padding-bottom: 20px; } } @media screen and (max-width: 600px) { #footer .footer-top { flex-wrap: wrap; justify-content: center; gap: 20px; } #footer .footer-top #footer-logo img { width: 150px; height: auto; display: block; } #footer .footer-top .social-nav { width: 100%; } #footer .footer-top .social-nav ul { margin: 0 auto; } } #footer .footer-top .footer-top-left { width: 50%; } @media screen and (max-width: 768px) { #footer .footer-top .footer-top-left { width: 100%; text-align: center; } } #footer .footer-top .footer-top-right { text-align: right; width: 50%; } @media screen and (max-width: 768px) { #footer .footer-top .footer-top-right { width: 100%; text-align: center; margin-top: 10px; } } #footer .footer-top .footer-top-right a { display: inline-block; } #footer .footer-top .footer-top-right a:first-child { margin-right: 10px; } #footer #footer-nav { padding: 40px 0 0 0; } #footer #footer-nav ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; } #footer #footer-nav ul li { text-transform: uppercase; font-weight: 700; margin: 0 0 5px 0; flex: 1; } #footer #footer-nav ul li a { text-decoration: none; } #footer #footer-nav ul li a:hover { text-decoration: underline; } #footer #footer-nav ul li button { display: none; } #footer #footer-nav ul li ul { display: block; margin-top: 10px; } #footer #footer-nav ul li ul li { font-weight: 400; text-transform: none; padding: 0 0 0 10px; position: relative; } #footer #footer-nav ul li ul li:before { content: "-"; position: absolute; left: 0; } @media screen and (max-width: 768px) { #footer #footer-nav { display: none; } } #footer .footer-bottom { flex-wrap: wrap; padding-top: 40px; } #footer .footer-bottom .footer-bottom-left { width: 50%; padding-top: 25px; } @media screen and (max-width: 768px) { #footer .footer-bottom .footer-bottom-left { width: 100%; text-align: center; } } #footer .footer-bottom .footer-bottom-left a { display: inline-block; margin-left: 10px; } #footer .footer-bottom .footer-bottom-right { text-align: right; width: 50%; padding-top: 18px; } @media screen and (max-width: 768px) { #footer .footer-bottom .footer-bottom-right { width: 100%; text-align: center; } } @media screen and (max-width: 600px) { #footer .footer-bottom { text-align: center; } } #footer #footer-logo { text-decoration: none; } #footer .livechat img { max-width: 150px; } #footer .social-nav { margin: 0 0 0 auto; display: inline-flex; flex-wrap: wrap; } #footer .social-nav ul .social { margin: 0 10px 0 0; height: 22px; display: inline-block; } #footer .social-nav ul .social svg { fill: var(--darkblue); background-color: #fff; padding: 5px; width: 26px; height: 26px; border-radius: 50%; transition: all 0.2s; display: block; } #footer .social-nav ul .social svg:hover { background-color: var(--lightblue); fill: #ffffff; } #footer .copyright { font-size: 0.8rem; } #footer .jackrabbit a { text-decoration: underline; } #footer .jackrabbit a:hover { text-decoration: none; } #body-content { position: relative; z-index: 2; background: #fff; overflow: hidden; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */ /* // inline SVGs // usage: background-image: inline-svg(''); */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; width: 100%; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); height: 100%; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { 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 > div { height: 100%; } .slick-slide { 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-arrow { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -22px; z-index: 8; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2224%22%20viewBox%3D%220%200%2013%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.716%2022.352c.378.377.378.988%200%201.365-.377.377-.99.377-1.369%200L.284%2012.683c-.379-.377-.379-.989%200-1.366L11.347.283c.379-.377.991-.377%201.37%200%20.377.377.377.988%200%201.365L2.627%2012l10.09%2010.352z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .slick-arrow.slick-next { left: auto; right: -22px; transform: rotate(180deg); } /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-pagination { position: absolute; text-align: center; transition: 0.3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 0.2s transform, 0.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.2s transform, 0.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; } .swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; backface-visibility: hidden; overflow: hidden; } /* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ :root { --darkblue: #1b4873; --lightblue: #00afd7; } .high-contrast-mode { --darkblue: #0E3960; --lightblue: #066F8F; } .bgcolor-black { background-color: #000000 !important; } .bgcolor-dark { background-color: var(--darkblue) !important; } .bgcolor-gray { background-color: #4b4f54 !important; } .bgcolor-lightgray { background-color: #F5F5F7 !important; } .bgcolor-red { background-color: var(--lightblue) !important; } .bgcolor-white { background-color: #ffffff !important; } .bgcolor-highlight { background-color: var(--lightblue) !important; } /* != DEFAULT STYLES ===== */ html, body { font-family: "Metropolis", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.6em; letter-spacing: 0; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); } html { min-height: 100%; } body { color: #4b4f54; } .style1 { font-family: "Butler", Georgia, Times, serif; font-size: 5.3333333333rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.1em; color: var(--lightblue); margin: 0 0 10px 0; } @media screen and (max-width: 768px) { .style1 { font-size: 3.0666666667rem; } } .style2 { font-family: "Butler", Georgia, Times, serif; font-size: 3.6666666667rem; font-weight: 700; letter-spacing: 0; line-height: 1; color: var(--lightblue); margin-bottom: 20px; } @media screen and (max-width: 768px) { .style2 { font-size: 2.6666666667rem; margin-bottom: 10px; } } .style3 { font-family: "Butler", Georgia, Times, serif; font-size: 2.9333333333rem; font-weight: 700; letter-spacing: 0; line-height: 1.1; color: var(--lightblue); margin-bottom: 10px; } @media screen and (max-width: 768px) { .style3 { font-size: 2rem; } } .style4 { font-family: "Butler", Georgia, Times, serif; font-size: 2.4rem; font-weight: 700; letter-spacing: 0; line-height: 1.3333333333em; color: var(--lightblue); margin-bottom: 10px; } @media screen and (max-width: 768px) { .style4 { font-size: 1.6rem; line-height: 1.2222222222em; } } .style5 { font-family: "Butler", Georgia, Times, serif; font-size: 1.7333333333rem; font-weight: 700; letter-spacing: 0; line-height: 1.3em; color: var(--lightblue); margin-bottom: 10px; } @media screen and (max-width: 768px) { .style5 { font-size: 1.4666666667rem; line-height: 1.25em; } } .style6 { family: "Metropolis", Helvetica, Arial, sans-serif; font-size: 1.7333333333rem; font-weight: bold; line-height: 1; color: var(--darkblue); margin-top: 5px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .style6 { font-size: 1.2rem; } } p { margin: 0 0 20px 0; font-family: "Metropolis", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.6em; letter-spacing: 0; color: #4b4f54; } @media screen and (max-width: 580px) { p { font-size: 14px; } } blockquote { margin: 50px 0; border-left: 3px solid var(--lightblue); padding-left: 20px; font-size: 1.6666666667rem; font-weight: 300; letter-spacing: -0.01em; line-height: 1.36em; } blockquote p { font-size: 1.6666666667rem; font-weight: 300; letter-spacing: -0.01em; line-height: 1.36em; color: #333333; } @media screen and (max-width: 768px) { blockquote p { font-size: 1.3333333333rem; letter-spacing: -0.025em; line-height: 1.4em; } } blockquote p.author { font-size: 1.2rem; line-height: 1.3333333333em; color: #4b4f54; } b, strong { font-weight: 600; } hr { width: 100%; height: 0; overflow: hidden; border-top: 1px solid #D9D9D9; margin: 20px 0; } .btn { display: inline-block; text-decoration: none; text-align: center; transition: 0.2s; background-color: var(--darkblue); color: #ffffff; font-size: 0.9333333333rem; font-weight: bold; letter-spacing: 0.0714285714em; line-height: normal !important; text-align: center; padding: 16px 50px; text-decoration: none; text-transform: uppercase; border-radius: 50px; } .btn:hover { background-color: var(--lightblue); } .btn { /* .alt class is used for buttons on dark bg */ } .btn.bgcolor-dark, .btn.alt { background-color: var(--darkblue); color: #ffffff; } .btn.bgcolor-dark:hover, .btn.alt:hover { background-color: var(--lightblue) !important; } .btn.bgcolor-white { background-color: #ffffff; color: var(--darkblue); } .btn.bgcolor-white:hover { background-color: var(--lightblue) !important; color: #ffffff; } .btn.nobg { background-color: transparent; color: var(--darkblue); padding: 0; } .btn.nobg:hover { color: var(--lightblue); } .more { text-transform: uppercase; font-size: 0.9333333333rem; color: var(--darkblue); letter-spacing: 0.1em; font-weight: 800; position: relative; padding: 0 15px 0 0; } .more:after { content: ""; position: absolute; right: 0; color: var(--darkblue); background: url("data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%229%22 viewBox%3D%220 0 6 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.749999 7.75L4.75 4.25L0.75 0.75%22 stroke%3D%22%231C4873%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; display: block; width: 6px; height: 9px; top: 2px; transition: 0.2s; } .more:hover { color: var(--lightblue); } .more:hover:after { right: -4px; background: url("data:image/svg+xml,%3Csvg width%3D%226%22 height%3D%229%22 viewBox%3D%220 0 6 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.749999 7.75L4.75 4.25L0.75 0.75%22 stroke%3D%22%2300AFD7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; } .links { margin-top: 20px; margin-left: -10px; } @media screen and (max-width: 580px) { .links { margin-left: 0px; } } .links a { margin: 10px; } @media screen and (max-width: 580px) { .links a { display: block; width: 100%; margin: 10px 0; } } /* .no-margin-top { margin-top:20px !important; } .no-margin-bottom { margin-bottom:20px !important; } */ figure, .wp-caption { width: 100%; } figure img, .wp-caption img { width: 100%; display: block; height: auto; margin: 0 !important; } figure figcaption, figure .wp-caption-text, .wp-caption figcaption, .wp-caption .wp-caption-text { font-size: 0.8rem; font-weight: 400; letter-spacing: 0px; line-height: 1.3333333333em; color: #333333; margin: 10px 0; } figure figcaption p, figure .wp-caption-text p, .wp-caption figcaption p, .wp-caption .wp-caption-text p { font-size: 0.8rem; letter-spacing: 0; line-height: 1.3333333333em; font-weight: 400; color: #333333; } table { margin: 30px 0; width: 100%; } table thead tr { background-color: var(--darkblue); } table thead tr th, table thead tr td { color: #ffffff !important; font-weight: 600 !important; } table th, table td { font-size: 1.0666666667rem; font-weight: 300; letter-spacing: 0; line-height: 1.3125em; color: #4b4f54; padding: 13px 16px; } table tbody tr { border-bottom: 1px solid #D9D9D9; } table tbody tr:last-child { border-bottom: none; } table.responsive td { font-size: inherit; } @media screen and (max-width: 580px) { table.responsive tr td { display: block; width: 100% !important; padding: 0 !important; } table.responsive tr td:first-child { margin-bottom: 0px; } } .intro p { font-size: 1.3333333333rem; line-height: 1.3; } .intro p a:not(.btn) { color: var(--lightblue); text-decoration: underline; } .intro p a:not(.btn):hover { color: var(--lightblue); text-decoration: none; } @media screen and (max-width: 650px) { .intro p { font-size: 1.2rem; line-height: 1.3; } } .content-flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .content-centered { width: 100%; max-width: 650px; margin: 0 auto; text-align: center; } .content-main ul:not([class*=gf]) { margin: 0 0 20px 0; } .content-main ul:not([class*=gf]) > li { position: relative; padding-left: 20px; font-family: "Metropolis", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.6em; letter-spacing: 0; } .content-main ul:not([class*=gf]) > li:before { content: ""; width: 3px; height: 3px; position: absolute; background-color: #4b4f54; top: 10px; left: 10px; border-radius: 3px; } .content-main ul:not([class*=gf]) > li + li { margin-top: 10px; } .content-main ul:not([class*=gf]) > li a { color: var(--lightblue); text-decoration: underline; } .content-main ul:not([class*=gf]) > li a:hover { text-decoration: none; } .content-main ul:not([class*=gf]) + * { margin-top: 50px; } .content-main ol { counter-reset: li; margin: 0 0 20px 0; } .content-main ol > li { position: relative; padding-left: 20px; font-family: "Metropolis", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.6em; letter-spacing: 0; } .content-main ol > li:before { content: counter(li) ". "; counter-increment: li; position: absolute; right: calc(100% - 20px); top: 0px; color: #4b4f54; } .content-main ol > li + li { margin-top: 10px; } .content-main ol > li a { color: var(--lightblue); text-decoration: underline; } .content-main ol > li a:hover { text-decoration: none; } .content-main ol + * { margin-top: 50px; } .content-main p:not(.wp-caption-text):not(.links) a:not(.btn) { color: var(--lightblue); text-decoration: underline; } .content-main p:not(.wp-caption-text):not(.links) a:not(.btn):hover { text-decoration: none; } .content-main p:not(.wp-caption-text):not(.links) + h2, .content-main p:not(.wp-caption-text):not(.links) + h3, .content-main p:not(.wp-caption-text):not(.links) + h4 { margin-top: 30px; } .content-main p:not(.wp-caption-text):not(.links) + h5, .content-main p:not(.wp-caption-text):not(.links) + h6 { margin-top: 20px; } .content-main table.responsive td { font-size: 1.2rem; font-weight: 300; letter-spacing: 0; line-height: 1.6111111111em; color: #4b4f54; } .content-main table.responsive td + h1, .content-main table.responsive td + h2, .content-main table.responsive td + h3, .content-main table.responsive td + h4, .content-main table.responsive td + h5, .content-main table.responsive td + h6 { margin-top: 30px; } .content-main table.responsive td a { color: var(--lightblue); text-decoration: underline; } .content-main table.responsive td a:hover { text-decoration: none; } .content-main img { display: block; margin: 30px auto; } .content-main { /* > *:last-child { margin-bottom:0; } */ } .hide-desktop { display: none !important; } @media screen and (max-width: 768px) { .hide-desktop { display: block !important; } } .hide-mobile { display: block !important; } @media screen and (max-width: 768px) { .hide-mobile { display: none !important; } } /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } ::-moz-placeholder { color: #aaa; } */ /* != CONTENT STYLES ===== */ .header-hero { width: 100%; height: 680px; position: relative; z-index: 2; } @media screen and (max-width: 768px) { .header-hero { height: 500px; } } .header-hero .hero-slides { width: 100%; height: 100%; position: relative; z-index: 4; } .header-hero .hero-slides .hero-slide { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; z-index: 5; display: flex; align-items: end; } .header-hero .hero-slides .hero-slide:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: 6; opacity: 0.65; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } .header-hero .hero-slides .hero-slide .wrap { position: relative; z-index: 7; } .header-hero .hero-slides .hero-slide .wrap .slide-content { width: 100%; max-width: 850px; margin: 0 auto 0 0; padding-bottom: 50px; } .header-hero .hero-slides .hero-slide .wrap .slide-content h1 { color: #ffffff; margin-bottom: 30px; } .header-hero .hero-slides .hero-slide .wrap .slide-content p:not(.links) { color: #ffffff; } .header-hero .hero-slides .hero-slide .wrap .slide-content p.links { margin-top: 30px; } .header-hero .hero-slides .hero-slide .wrap .slide-content.align-right { text-align: right; margin: 0 0 0 auto; } .header-hero .hero-slides .hero-slide .wrap .slide-content.align-center { text-align: center; margin: 0 auto; } .header-hero .hero-slides .hero-slide .banner-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .embed-container { position: absolute; top: 0; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; z-index: 3; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .header-interior { width: 100%; padding: 155px 0 0 0; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: center; position: relative; z-index: 5; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); flex-wrap: wrap; } .header-interior .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row-reverse; } .header-interior:after { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; display: block; bottom: 0; margin-top: 0; width: 100%; aspect-ratio: 1500/130; pointer-events: none; } .header-interior svg { flex: 1 0 100%; display: block; } .header-interior .header-image { flex: 0 0 40%; } .header-interior .content-container { text-align: left; position: relative; z-index: 7; flex: 0 0 50%; } .header-interior .content-container h1 { color: #ffffff; } .header-interior .content-container p { color: #fff; } .header-interior .content-container.align-right { text-align: right; } .header-interior .content-container.align-center { text-align: center; } .header-interior .banner-image { width: 100%; height: 100%; /* top:0; left:0; */ object-fit: cover; } @media screen and (max-width: 768px) { .header-interior { padding: 105px 0 0 0; } .header-interior .wrap { display: block; } .header-interior .header-image { text-align: center; } .header-interior .header-image img { max-width: 400px; margin: 0 auto; } .header-interior .content-container { text-align: center; margin-bottom: 40px; } } .header-title { padding: 90px 0 0 0; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); } .header-title .content-container { text-align: center; background: #fff; } .header-title .content-container.align-right { text-align: right; } .header-title .content-container.align-center { text-align: center; } .header-title .content-container h1 { color: var(--lightblue); } .header-title .content-container .wrap { max-width: 900px; margin: 0 auto; } .header-title:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; display: block; bottom: 0; margin-top: 30px; width: 100%; aspect-ratio: 1500/130; pointer-events: none; } @media screen and (max-width: 768px) { .header-title .content-container { padding-top: 20px; } } .header-home { padding: 175px 0 0 0; position: relative; display: flex; align-items: center; position: relative; z-index: 5; margin: 0; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); flex-wrap: wrap; } .header-home .header-top { border-bottom: 3px solid #fff; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; flex-direction: row-reverse; } .header-home .header-top img { display: block; } .header-home:after { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; display: block; bottom: 0; margin-top: 30px; width: 100%; aspect-ratio: 1500/130; pointer-events: none; } .header-home .header-image { flex: 0 0 57.0175438596%; } .header-home .content-container { text-align: left; position: relative; z-index: 7; flex: 0 0 40.350877193%; margin-bottom: 40px; } .header-home .content-container h1 { color: #ffffff; } .header-home .content-container img.mobile { display: none; } .header-home .content-container p { color: #fff; } .header-home .content-container.align-right { text-align: right; } .header-home .content-container.align-center { text-align: center; } .header-home .content-container .btn { padding: 25px 50px; font-size: 1.0666666667rem; } .header-home .content-container .btn:hover { background: #fff !important; color: var(--darkblue); } .header-home .section-title { margin-top: 80px; } .header-home .section-title h2 { color: #fff; } .header-home .section-title p { color: #fff; } .header-home .banner-buckets { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 30px; margin: 50px 0 0 0; } .header-home .banner-buckets img { display: block; margin: 0 auto 20px auto; } .header-home .banner-buckets h3 { color: #fff; } .header-home .banner-buckets p { color: #fff; text-wrap: balance; } @media screen and (max-width: 960px) { .header-home .style1 { font-size: 4rem; } .header-home .intro p { font-size: 1.2rem; } } @media screen and (max-width: 768px) { .header-home .header-image { display: none; } .header-home .header-top { display: block; } .header-home .content-container { text-align: center; } .header-home .content-container img.mobile { display: block; margin: 30px auto; } .header-home .banner-buckets { grid-template-columns: repeat(1, 1fr); } } #body-content section[class*=header]:has(+ .bgcolor-lightgray):after { background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23F5F5F7%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; } .content-team-member .bio-header { padding: 90px 0 0 0; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); } .content-team-member .bio-header:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; display: block; bottom: 0; margin-top: 30px; width: 100%; aspect-ratio: 1500/130; pointer-events: none; } .content-team-member { margin: 60px 0; } @media screen and (max-width: 768px) { .content-team-member { margin: 0 0 20px; } } .content-team-member .column-main { width: calc(58.3333333333% + 30px); } @media screen and (max-width: 768px) { .content-team-member .column-main { width: 100%; order: 2; } } .content-team-member .column-main .section-title h1 { margin-bottom: 10px; } .content-team-member .column-main .section-title .jobtitle { font-size: 0.7333333333rem; font-weight: bold; letter-spacing: 0.0727272727em; line-height: 1.2; color: #000000; text-transform: uppercase; margin-top: 5px; } .content-team-member .column-main .section-title .social-nav { margin: 20px 0 0; } .content-team-member .column-main .section-title .social-nav .phone { height: 30px; font-size: 1rem; letter-spacing: 0; line-height: 1.6em; display: flex; align-items: center; } .content-team-member .column-main .content-main { margin-top: 20px; } .content-team-member .column-sidebar { width: 33.3333333333%; } @media screen and (max-width: 768px) { .content-team-member .column-sidebar { width: 100%; order: 1; margin-bottom: 40px; } } .content-team-member .column-sidebar figure { margin-top: 5px; } .content-team-member .column-sidebar blockquote { margin-top: 50px; margin-bottom: 0; } .content-news-article { margin: 60px 0; } @media screen and (max-width: 768px) { .content-news-article { margin: 0; } } .content-news-article .article-header { padding: 90px 0 0 0; background: linear-gradient(135deg, var(--lightblue) 0, #185782 100%); } .content-news-article .article-header:before { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%221500%22 height%3D%22131%22 fill%3D%22none%22 viewBox%3D%220 0 1500 131%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M0 0c7.707 7.67 16.292 15.041 25.778 22.064 68.735 50.634 164.157 67.09 254.404 66.36 100.679-.898 200.042-16.494 298.94-30.602C667.648 44.824 756.48 32.745 846.08 25.921c185.36-13.538 393.34-12.889 563.84 54.731 31.92 12.966 62.22 28.576 90.08 46.77v3.184H0z%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% calc(100% + 1px); background-size: 100%; display: block; bottom: 0; margin-top: 30px; width: 100%; aspect-ratio: 1500/130; pointer-events: none; } .content-news-article .column-main { max-width: 850px; width: 100%; } .content-news-article .column-main .section-title .date { font-size: 0.7333333333rem; font-weight: bold; letter-spacing: 0.0727272727em; line-height: 1.6363636364em; color: #000000; text-transform: uppercase; margin-bottom: 10px; } .content-news-article .column-main .section-title + .content-main { margin-top: 35px; } .content-news-article.two-col .column-main { width: calc(58.3333333333% + 30px); max-width: 100%; } @media screen and (max-width: 768px) { .content-news-article.two-col .column-main { width: 100%; order: 2; } } .content-news-article.two-col .column-sidebar { width: calc(33.3333333333% + 10px); } @media screen and (max-width: 768px) { .content-news-article.two-col .column-sidebar { width: 100%; order: 1; margin-bottom: 40px; } } .content-news-article.two-col .column-sidebar figure { margin-top: 5px; } .content-news-article.two-col .column-sidebar blockquote { margin-top: 50px; margin-bottom: 0; } /* != MOD STYLES ===== */ section { margin: 80px 0; } @media screen and (max-width: 768px) { section { margin: 50px 0; } } section[class^=bgcolor]:not([class$=-white]), section[class*=" bgcolor"]:not([class*=-white]) { margin: 0; padding: 80px 0; } @media screen and (max-width: 768px) { section[class^=bgcolor]:not([class$=-white]), section[class*=" bgcolor"]:not([class*=-white]) { margin: 0; padding: 50px 0; } } #body-content > section:first-child { margin-top: 0; } .mod-accordions .accordions .accordion-heading button { padding: 10px 0 10px 36px; width: 100%; text-align: left; border: none; background-color: none; position: relative; margin-bottom: 0; } .mod-accordions .accordions .accordion-heading button:before { content: ""; display: block; position: absolute; top: 22px; left: 0; width: 16px; height: 2px; background: var(--darkblue); } .mod-accordions .accordions .accordion-heading button:after { content: ""; display: block; position: absolute; top: 22px; left: 0; width: 16px; height: 2px; background: var(--darkblue); transform: rotate(90deg); transition: all 0.2s ease-in-out; } .mod-accordions .accordions .accordion-heading button:hover { color: var(--darkblue); } .mod-accordions .accordions .accordion-heading button[aria-expanded=true]:before { transform: rotate(225deg); } .mod-accordions .accordions .accordion-heading button[aria-expanded=true]:after { transform: rotate(315deg); } .mod-accordions .accordions .accordion-heading { padding: 17px 0 17px 0; border-top: 1px solid #D9D9D9; cursor: pointer; } @media screen and (max-width: 768px) { .mod-accordions .accordions .accordion-heading { font-size: 1.2rem; } } .mod-accordions .accordions .accordion-heading:first-child { border-top: 0; } .mod-accordions .accordions .accordion-content { padding: 0 0 0 36px; display: none; } .mod-accordions .accordions .accordion-content .content-main { padding-bottom: 27px; } .mod-content-strip .content-centered .content-main { text-align: center; } .mod-content-strip[class^=bgcolor]:not([class$=-white]) .content-centered .content-main *, .mod-content-strip[class*=" bgcolor"]:not([class*=-white]) .content-centered .content-main * { color: #ffffff; } .mod-double-column .content-flex { gap: 30px 60px; } .mod-double-column .section-title { margin-bottom: 50px; text-align: center; text-wrap: pretty; } .mod-double-column .section-title h2 { text-align: center; } .mod-double-column .column-left { width: calc(50% - 30px); } @media screen and (max-width: 768px) { .mod-double-column .column-left { width: 100%; } } .mod-double-column .column-right { width: calc(50% - 30px); } @media screen and (max-width: 768px) { .mod-double-column .column-right { width: 100%; margin-top: 20px; } } .mod-content-w-sidebar .column-main { width: calc(58.3333333333% + 30px); } @media screen and (max-width: 768px) { .mod-content-w-sidebar .column-main { width: 100%; } } .mod-content-w-sidebar .column-sidebar { width: 33.3333333333%; } @media screen and (max-width: 768px) { .mod-content-w-sidebar .column-sidebar { width: 100%; margin-top: 40px; } } .mod-content-w-sidebar .column-sidebar figure { margin-top: 5px; } .mod-content-w-sidebar .column-sidebar blockquote { margin-top: 50px; margin-bottom: 0; } .mod-content-w-sidebar .column-sidebar .sidebar-form { background-color: #D9D9D9; padding: 25px; margin-top: 40px; } .mod-content-w-sidebar .column-sidebar .sidebar-form .section-title { margin-bottom: 20px; } .mod-content-w-sidebar .column-sidebar .sidebar-form .section-title h2 { margin-bottom: 10px; } .mod-content-w-sidebar .column-sidebar .sidebar-form form .gform_fields { display: block; } .mod-content-w-sidebar .column-sidebar .sidebar-form form .gform_fields .gfield { width: 100%; margin: 15px 0; display: block; } .mod-content-wo-sidebar .content-main { width: 75%; } @media screen and (max-width: 768px) { .mod-content-wo-sidebar .content-main { width: 100%; } } .mod-cost-calculator .section-title { margin-bottom: 50px; } .mod-cost-calculator .style6 { font-size: 1.2rem; text-align: center; } .mod-cost-calculator .cost-calc-wrapper { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; flex-direction: row; gap: 20px; } .mod-cost-calculator .col { flex: 1; display: flex; flex-direction: column; } .mod-cost-calculator .col .panel { flex: 1; padding: 40px 30px; border-radius: 20px; } .mod-cost-calculator .col-slot-play-settings { flex: 0 0 67.5438596491%; } .mod-cost-calculator .col-slot-play-settings .slot-play-settings-panel { background: var(--lightblue); color: #fff; } .mod-cost-calculator .col-slot-play-settings .slot-play-settings-panel h3 { flex: 0 0 200px; padding-top: 5px; } .mod-cost-calculator .col-slot-play-settings .setting { display: flex; align-items: flex-start; } .mod-cost-calculator .col-slot-play-settings .setting:not(:last-child) { margin-bottom: 30px; } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper { display: flex; justify-content: center; gap: 2px; } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper .option { position: relative; cursor: pointer; border: 1px solid var(--darkblue); padding: 3px; width: 60px; text-align: center; transition: all 0.2s; border-radius: 5px; } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper .option.active { background: #fff; color: var(--darkblue); border-color: #fff; box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2); } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper .option:not(.active):hover { background: var(--darkblue); } .mod-cost-calculator .col-slot-play-settings .setting.speed-of-play .option { min-width: 120px; margin-bottom: 35px; } .mod-cost-calculator .col-slot-play-settings .setting.speed-of-play .option::before { position: absolute; bottom: -30px; width: 100%; left: 0; color: #fff; } .mod-cost-calculator .col-slot-play-settings .setting.speed-of-play .speed-slow::before { content: "5 spins/min"; } .mod-cost-calculator .col-slot-play-settings .setting.speed-of-play .speed-average::before { content: "10 spins/min"; } .mod-cost-calculator .col-slot-play-settings .setting.speed-of-play .speed-fast::before { content: "20 spins/min"; } .mod-cost-calculator .col-wager-spend { flex: 0 0 30.701754386%; } .mod-cost-calculator .col-wager-spend .wager-spend-panel { background: var(--darkblue); color: #fff; text-align: center; display: flex; flex-wrap: wrap; gap: 0; align-items: center; } .mod-cost-calculator .col-wager-spend .wager-spend-panel .spend { margin-bottom: 20px; flex: 1 0 100%; } .mod-cost-calculator .col-wager-spend .wager-spend-panel .spend .result.style5 { color: #fff; margin: 0; } .mod-cost-calculator .col-wager-spend .wager-spend-panel .spend .result-title { font-weight: 700; } @media screen and (max-width: 980px) { .mod-cost-calculator .col-slot-play-settings .slot-play-settings-panel .setting { flex-wrap: wrap; } .mod-cost-calculator .col-slot-play-settings .slot-play-settings-panel .setting h3 { flex: 0 0 100%; padding-top: 0; } } @media screen and (max-width: 768px) { .mod-cost-calculator .cost-calc-wrapper { text-align: center; flex-direction: column; gap: 30px; } .mod-cost-calculator .col-slot-play-settings .setting { flex-direction: column; align-items: center; text-align: center; } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper { flex-wrap: wrap; justify-content: center; } .mod-cost-calculator .col-slot-play-settings .setting .options-wrapper .option { margin-top: 5px; } } .mod-quiz-game a { color: var(--darkblue); text-decoration: underline; } .mod-quiz-game a:hover { color: var(--lightblue); } .mod-quiz-game #quiz-container { max-width: 800px; margin: 0 auto; padding: 40px 0; text-align: center; } .mod-quiz-game #answer-buttons { display: flex; gap: 20px; margin: 40px auto; justify-content: center; } .mod-quiz-game #answer-buttons .answer-btn { width: 145px; padding-left: 0; padding-right: 0; text-align: center; } .mod-quiz-game #answer-buttons .answer-btn:disabled { background: #D9D9D9; color: #ffffff; cursor: not-allowed; } .mod-quiz-game #answer-buttons .answer-btn.disabled-state { color: #ffffff; background: #D9D9D9; cursor: not-allowed; } .mod-quiz-game #answer-buttons .answer-btn.correct { background: #4CAF50; color: #ffffff; } .mod-quiz-game #answer-buttons .answer-btn.wrong { background: #f44336; color: #ffffff; } .mod-quiz-game #result-indicator { text-align: center; padding: 15px; margin-bottom: 20px; border-radius: 20px; font-size: 1.3333333333rem; animation: slideDown 0.3s ease-out; } .mod-quiz-game #result-indicator.correct-result { background: #4CAF50; color: #ffffff; } .mod-quiz-game #result-indicator.wrong-result { background: #f44336; color: #ffffff; } .mod-quiz-game #result-indicator .result-icon { font-size: 1.3333333333rem; font-weight: 700; margin-right: 10px; display: inline-block; } .mod-quiz-game #result-indicator .result-text { display: inline-block; font-weight: 700; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .mod-quiz-game #feedback { padding: 20px; background: #F5F5F7; border-radius: 20px; } .mod-quiz-game #results-container { text-align: center; } .mod-quiz-game #results-container #score-display { font-size: 1.3333333333rem; margin-bottom: 20px; } .mod-quiz-game #results-container #grade-message { margin-bottom: 30px; } .mod-quiz-game .hidden { display: none; } .mod-featured-w-bg-image { width: 100%; min-height: 500px; aspect-ratio: 1500/680; padding: 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image { background-image: none !important; height: auto; margin: 0 0 40px; aspect-ratio: unset; } } .mod-featured-w-bg-image:after { content: ""; width: 100%; height: 75%; display: block; position: absolute; bottom: -1px; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); } @media screen and (max-width: 768px) { .mod-featured-w-bg-image:after { display: none; } } .mod-featured-w-bg-image .mobile-image { display: none; width: 100%; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .mobile-image { display: block; } } .mod-featured-w-bg-image .content-flex { align-items: flex-end; position: relative; height: 100%; z-index: 3; padding: 70px 0; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .content-flex { height: auto; display: block; padding: 20px; } } .mod-featured-w-bg-image .content-flex .content-holder { margin: 0 auto; width: 100%; max-width: 800px; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .content-flex .content-holder { margin-top: 30px; } } .mod-featured-w-bg-image .content-flex .content-holder h2 { color: #ffffff; margin-bottom: 20px; text-align: center; font-weight: 500; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .content-flex .content-holder h2 { color: #000000; text-align: center; font-size: 2rem; letter-spacing: -0.01em; line-height: 1.1333333333em; margin-bottom: 20px; font-weight: 600; } } .mod-featured-w-bg-image .content-flex .content-holder p { color: #ffffff; text-align: center; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .content-flex .content-holder p { color: #000000; font-size: 1.2666666667rem; letter-spacing: -0.0133333333em; line-height: 1.4736842105em; } } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .content-flex .content-holder p.links a.btn { color: #ffffff; background-color: var(--darkblue); } .mod-featured-w-bg-image .content-flex .content-holder p.links a.btn:hover { background-color: var(--lightblue); } } .mod-featured-w-bg-image .banner-image { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; display: block; } @media screen and (max-width: 768px) { .mod-featured-w-bg-image .banner-image { display: none; } } .mod-full-width-images { width: 100%; } .mod-full-width-images.images-one img { width: 100%; } .mod-full-width-images.images-two img { width: calc(50% - 15px); } @media screen and (max-width: 768px) { .mod-full-width-images.images-two img { width: 100%; } } @media screen and (max-width: 768px) { .mod-full-width-images.images-two img + .image { margin-top: 20px; } } .mod-full-width-images.images-three img { width: calc(33.33% - 20px); } @media screen and (max-width: 768px) { .mod-full-width-images.images-three img { width: 100%; } } @media screen and (max-width: 768px) { .mod-full-width-images.images-three img + .image { margin-top: 20px; } } .mod-half-video-image { width: 100%; } @media screen and (max-width: 768px) { .mod-half-video-image { overflow: hidden; } } .mod-half-video-image .content-flex { align-items: center; } .mod-half-video-image .content-flex .image-col { width: calc(50% + 15px); position: relative; border-radius: 10px; overflow: hidden; } @media screen and (max-width: 768px) { .mod-half-video-image .content-flex .image-col { width: 100%; margin-bottom: 20px; order: 1; } } .mod-half-video-image .content-flex .image-col img { width: 100%; border-radius: 10px; display: block; } @media screen and (max-width: 768px) { .mod-half-video-image .content-flex .image-col img { width: calc(100vw - 20px); } } .mod-half-video-image .content-flex .image-col iframe { width: 100%; height: auto; aspect-ratio: 560/315; } @media screen and (max-width: 768px) { .mod-half-video-image .content-flex .image-col iframe { width: calc(100vw - 40px); } } .mod-half-video-image .content-flex .text-col { width: 41.6666666667%; } @media screen and (max-width: 768px) { .mod-half-video-image .content-flex .text-col { width: 100%; order: 2; } } .mod-half-video-image .content-flex .text-col h2 { margin-bottom: 20px; } .mod-half-video-image .content-flex .text-col h2 span { font-family: "Metropolis", Helvetica, Arial, sans-serif; font-size: 1.0666666667rem; font-weight: 800; letter-spacing: 0.05em; line-height: 1.3636363636em; text-transform: uppercase; display: block; margin-bottom: 8px; color: var(--darkblue); } .mod-half-video-image[class^=bgcolor]:not([class$=-white]), .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) { background-color: var(--darkblue); } .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col p, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style1, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style2, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style3, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style3 span, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style4, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style5, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col .style6, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col ul, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col li, .mod-half-video-image[class^=bgcolor]:not([class$=-white]) .content-flex .text-col ol, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col p, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style1, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style2, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style3, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style3 span, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style4, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style5, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col .style6, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col ul, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col li, .mod-half-video-image[class*=" bgcolor"]:not([class*=-white]) .content-flex .text-col ol { color: #ffffff; } .mod-half-video-image.media-right .content-flex .image-col { order: 2; } @media screen and (max-width: 768px) { .mod-half-video-image.media-right .content-flex .image-col { order: 1; } } .mod-half-video-image.media-right .content-flex .text-col { order: 1; } @media screen and (max-width: 768px) { .mod-half-video-image.media-right .content-flex .text-col { order: 2; } } .mod-half-video-image.normal .image-col:after { content: ""; position: absolute; inset: 0 0 0 0; background: radial-gradient(circle, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.05) 100%); } .mod-half-video-image.wide .wrap { max-width: 100%; padding: 0; } .mod-half-video-image.wide .image-col img { border-radius: 10px 0 0 10px; } @media screen and (max-width: 768px) { .mod-half-video-image.wide .image-col { padding-left: 20px; padding-right: 20px; } } .mod-half-video-image.wide.media-left .wrap .image-col img { border-radius: 0 10px 10px 0; } .mod-half-video-image.wide.media-left .wrap .text-col .text-container { max-width: 475px; padding-right: 20px; } @media screen and (max-width: 1100px) { .mod-half-video-image.wide.media-left .wrap .text-col .text-container { width: 100%; padding-left: 20px; } } @media screen and (max-width: 768px) { .mod-half-video-image.wide.media-left .wrap .text-col .text-container { max-width: none; padding: 20px; } } .mod-half-video-image.wide.media-right .wrap .text-col .text-container { max-width: 475px; padding-left: 20px; margin: 0 0 0 auto; } @media screen and (max-width: 1100px) { .mod-half-video-image.wide.media-right .wrap .text-col .text-container { width: 100%; } } @media screen and (max-width: 768px) { .mod-half-video-image.wide.media-right .wrap .text-col .text-container { max-width: none; padding: 20px; margin: 0; } } .mod-images .content-centered .content-main { text-align: center; } .mod-images[class^=bgcolor]:not([class$=-white]) .content-centered .content-main *, .mod-images[class*=" bgcolor"]:not([class*=-white]) .content-centered .content-main * { color: #ffffff; } .mod-images[class^=bgcolor]:not([class$=-white]) .images-container figcaption p, .mod-images[class*=" bgcolor"]:not([class*=-white]) .images-container figcaption p { color: #ffffff; } .mod-images .images-container { margin-top: 50px; } .mod-images .images-container.images-one .image { width: 100%; } .mod-images .images-container.images-two .image { width: calc(50% - 15px); } @media screen and (max-width: 768px) { .mod-images .images-container.images-two .image { width: 100%; } } @media screen and (max-width: 768px) { .mod-images .images-container.images-two .image + .image { margin-top: 20px; } } .mod-video .content-centered .content-main { text-align: center; } .mod-video[class^=bgcolor]:not([class$=-white]) .content-centered .content-main *, .mod-video[class*=" bgcolor"]:not([class*=-white]) .content-centered .content-main * { color: #ffffff; } .mod-video .video-container { margin-top: 50px; } .mod-video .video-container iframe { width: 100%; height: auto; aspect-ratio: 560/315; } @media screen and (max-width: 768px) { .mod-video .video-container iframe { width: calc(100vw - 40px); } } .mod-logo-grid .content-container { margin-top: 50px; position: relative; } .mod-logo-grid .content-container:before { content: ""; width: 2px; height: 100%; background-color: #fff; position: absolute; top: 0; left: -1px; display: block; z-index: 4; } .mod-logo-grid .content-container:after { content: ""; width: 100%; height: 2px; background-color: #fff; position: relative; top: -2px; display: block; z-index: 2; } .mod-logo-grid .content-container .content-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; } @media screen and (max-width: 768px) { .mod-logo-grid .content-container .content-grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .mod-logo-grid .content-container .content-grid { grid-template-columns: repeat(1, 1fr); } } .mod-logo-grid .content-container .content-grid .logo { background-color: var(--white); border-bottom: 1px solid var(--black); border-left: 1px solid var(--black); padding: 20px; } .mod-logo-grid .content-container .content-grid .logo:hover, .mod-logo-grid .content-container .content-grid .logo:focus-visible { outline: 3px solid var(--focus); outline-offset: -5px; position: relative; z-index: 3; } .mod-logo-grid .content-container .content-grid .logo.empty { line-height: 0; font-size: 0; border: none; outline: none; padding: 0; } @media screen and (max-width: 480px) { .mod-logo-grid .content-container .content-grid .logo.empty { display: none !important; } } .mod-logo-grid .content-container .content-grid .logo .logo-holder { height: 110px; max-width: 75%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .mod-logo-grid .content-container .content-grid .logo .logo-holder img { display: block; height: auto; max-height: 100%; } .mod-logo-grid .content-container .content-grid.num-empty3 .logo.empty { height: 0; display: none; } @media screen and (max-width: 768px) { .mod-logo-grid .content-container .content-grid.num-empty2 .logo.empty-2 { height: 0; display: none; } } @media screen and (max-width: 768px) { .mod-logo-grid .content-container .content-grid.num-empty1 .logo.empty-1 { height: 1; } } .mod-logo-slider .content-centered h2 { margin-bottom: 40px; } .mod-logo-slider .swiper-container { position: relative; } @media screen and (max-width: 1180px) { .mod-logo-slider .swiper-container { padding: 0 20px; } } .mod-logo-slider .swiper-container .content-container { width: 100%; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo { background-color: #ffffff; display: block; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo:focus-visible { outline: 2px solid var(--lightblue); outline-offset: -2px; position: relative; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo:hover { outline: 2px solid rgba(var(--lightblue), 100%); outline-offset: -2px; position: relative; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo .logo-liner { padding: 20px; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo .logo-holder { height: 110px; max-width: 75%; margin: 0 auto; display: flex; align-items: center; justify-content: center; } .mod-logo-slider .swiper-container .content-container .swiper-slide .logo .logo-holder img { display: block; height: auto; max-height: 100%; } .mod-logo-slider .swiper-container .swiper-button { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -20px; z-index: 8; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%2300AFD7%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%2300AFD7%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 50px; } .mod-logo-slider .swiper-container .swiper-button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%231b4873%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%231b4873%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); } .mod-logo-slider .swiper-container .swiper-button.logo-swiper-button-next { left: auto; right: -20px; transform: rotate(180deg); } @media screen and (max-width: 768px) { .mod-logo-slider .swiper-container .swiper-button { left: -15px; } .mod-logo-slider .swiper-container .swiper-button.logo-swiper-button-next { right: -15px; } } .mod-team-slider .content-centered h2 { margin-bottom: 40px; } .mod-team-slider .swiper-container { position: relative; padding: 0 10px; } @media screen and (max-width: 1180px) { .mod-team-slider .swiper-container { padding: 0 20px; } } .mod-team-slider .swiper-container .content-container { width: 100%; } .mod-team-slider .swiper-container .content-container .swiper-slide img { border-radius: 10px; } .mod-team-slider .swiper-container .swiper-button { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -30px; z-index: 8; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%2300AFD7%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%2300AFD7%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 50px; } .mod-team-slider .swiper-container .swiper-button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%231b4873%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%231b4873%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); } .mod-team-slider .swiper-container .swiper-button.team-member-swiper-button-next { left: auto; right: -30px; transform: rotate(180deg); } @media screen and (max-width: 1200px) { .mod-team-slider .swiper-container .swiper-button { left: -20px; } .mod-team-slider .swiper-container .swiper-button.team-member-swiper-button-next { right: -20px; } } @media screen and (max-width: 768px) { .mod-team-slider .swiper-container .swiper-button { left: -15px; } .mod-team-slider .swiper-container .swiper-button.team-member-swiper-button-next { right: -15px; } } .mod-news-list .section-title { margin-bottom: 20px; } .mod-news-list .content-container .article { display: block; border-top: 1px solid #D9D9D9; } .mod-news-list .content-container .article:first-child { border-top: none; } .mod-news-list .content-container .article .article-container { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 30px 0; } .mod-news-list .content-container .article .article-container .date { width: calc(16.6666666667% - 15px); font-size: 0.7333333333rem; font-weight: 700; letter-spacing: 0.0727272727em; line-height: 1.3636363636em; color: var(--darkblue); text-transform: uppercase; margin-top: 6px; } @media screen and (max-width: 768px) { .mod-news-list .content-container .article .article-container .date { width: 100%; } } .mod-news-list .content-container .article .article-container h2 { width: calc(83.3333333333% - 160px); text-align: left; letter-spacing: 0; line-height: 1.2083333333em; color: var(--lightblue); margin: 0; } @media screen and (max-width: 768px) { .mod-news-list .content-container .article .article-container h2 { width: 100%; margin: 10px 0 20px; font-size: 1.3333333333rem; line-height: 1.3em; } } .mod-news-list .content-container .article .article-container .link-text { width: 130px; font-size: 0.9333333333rem; font-weight: bold; letter-spacing: 0.0714285714em; line-height: 1.2857142857em; text-align: right; text-transform: uppercase; margin-top: 6px; color: var(--darkblue); } @media screen and (max-width: 768px) { .mod-news-list .content-container .article .article-container .link-text { width: 100%; text-align: left; } } .mod-news-list .content-container .article:hover h2 { color: var(--darkblue); } @media screen and (max-width: 768px) { .mod-news-list .content-container .article:hover h2 { color: var(--darkblue); } } .mod-news-list .content-container .article:hover .link-text { color: var(--lightblue); } .mod-news-list .loadmore { margin-top: 20px; } .mod-news-list .loadmore button { margin: 0 auto; display: block; height: auto; } .mod-news-grid .content-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 70px 30px; } @media screen and (max-width: 580px) { .mod-news-grid .content-container { gap: 50px 30px; } } .mod-news-grid .content-container .article { width: calc(33.3333333333% - 20px); } @media screen and (max-width: 900px) { .mod-news-grid .content-container .article { width: calc(50% - 15px); } } @media screen and (max-width: 580px) { .mod-news-grid .content-container .article { width: 100%; } } .mod-news-grid .content-container .article img { display: block; width: 100%; height: auto; } .mod-news-grid .content-container .article .article-info { padding-top: 20px; } .mod-news-grid .content-container .article .article-info .date { font-size: 0.7333333333rem; font-weight: 600; letter-spacing: 0.0727272727em; line-height: 1.3636363636em; color: #000000; text-transform: uppercase; display: block; margin: 0 0 5px 0; } .mod-news-grid .content-container .article .article-info h2 { letter-spacing: 0; line-height: 1.2083333333em; color: var(--lightblue); } .mod-news-grid .content-container .article:hover .article-info h2 { color: var(--darkblue); } .mod-news-grid .content-container .article.empty { height: 0; font-size: 0; line-height: 0; display: block; margin-top: 0px; } .mod-news-slider .slider-headline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; } .mod-news-slider .slider-headline h2 { width: calc(100% - 200px); } @media screen and (max-width: 580px) { .mod-news-slider .slider-headline h2 { width: 100%; flex-wrap: wrap; } } .mod-news-slider .swiper-container { position: relative; } @media screen and (max-width: 1180px) { .mod-news-slider .swiper-container { padding: 0 20px; } } .mod-news-slider .swiper-container .content-container .article img { display: block; width: 100%; height: auto; } .mod-news-slider .swiper-container .content-container .article .article-info { padding-top: 20px; } .mod-news-slider .swiper-container .content-container .article .article-info .date { font-size: 0.7333333333rem; font-weight: 600; letter-spacing: 0.0727272727em; line-height: 1.3636363636em; color: #000000; text-transform: uppercase; } .mod-news-slider .swiper-container .content-container .article .article-info h2 { letter-spacing: 0; color: var(--lightblue); } .mod-news-slider .swiper-container .content-container .article:hover .article-info h2 { color: var(--lightblue); } .mod-news-slider .swiper-container .swiper-button { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -36px; z-index: 8; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%2300AFD7%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%2300AFD7%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 50px; } @media screen and (max-width: 1225px) { .mod-news-slider .swiper-container .swiper-button { left: -20px; } } .mod-news-slider .swiper-container .swiper-button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%231b4873%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%231b4873%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); } .mod-news-slider .swiper-container .swiper-button.news-swiper-button-next { left: auto; right: -36px; transform: rotate(180deg); } @media screen and (max-width: 1225px) { .mod-news-slider .swiper-container .swiper-button.news-swiper-button-next { right: -20px; } } @media screen and (max-width: 768px) { .mod-news-slider .swiper-container .swiper-button { left: -15px; } .mod-news-slider .swiper-container .swiper-button.news-swiper-button-next { right: -15px; } } .mod-callout .callout { background-color: var(--darkblue); padding: 50px; border-radius: 20px; } .mod-callout .callout h2 { color: #fff; text-align: center; } .mod-callout .callout .callout-columns { display: grid; gap: 30px; grid-template-columns: repeat(2, 1fr); } .mod-callout .callout .callout-column { color: #fff; text-wrap: pretty; } .mod-callout .callout .callout-column * { color: #fff; } .mod-callout .callout .callout-column .style6 { letter-spacing: 0.0727272727em; font-size: 1.2rem; text-transform: uppercase; } .mod-callout .callout .callout-column li:before { background-color: #fff; } @media screen and (max-width: 768px) { .mod-callout .callout { padding: 50px 20px; } .mod-callout .callout h2 { text-align: left; } .mod-callout .callout .callout-columns { grid-template-columns: repeat(1, 1fr); } } .mod-photo-grid { margin: 1px 0; } .mod-photo-grid .row { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); grid-column-gap: 1px; grid-row-gap: 1px; line-height: 0; font-size: 0; } @media screen and (max-width: 768px) { .mod-photo-grid .row { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); } } .mod-photo-grid .row + .row { margin-top: 1px; } .mod-photo-grid .row .img { line-height: 0; font-size: 0; width: 100%; height: 100%; object-fit: cover; } .mod-photo-grid .row .img.photo1x1 { grid-column: span 1/span 1; grid-row: span 1/span 1; aspect-ratio: 750/850; } .mod-photo-grid .row .img.photo2x1 { grid-column: span 2/span 2; grid-row: span 1/span 1; aspect-ratio: 1140/640; } @media screen and (max-width: 768px) { .mod-photo-grid .row.sls .img.photo1x1 { grid-column: span 1/span 1; grid-row: span 1/span 1; aspect-ratio: 750/850; } } @media screen and (max-width: 768px) { .mod-photo-grid .row.sls .img.photo2x1 { grid-column: span 2/span 2; grid-row: span 2/span 2; aspect-ratio: 1140/640; } } .mod-photo-grid .row.sls .img.photo2x1 + .photo1x1 { grid-column: 2/3; grid-row: 1; } .mod-testimonial .swiper { max-width: 880px; width: 100%; } .mod-testimonial .swiper .testimonials .slick-prev { left: -100px; } @media screen and (max-width: 1080px) { .mod-testimonial .swiper .testimonials .slick-prev { left: -10px; } } .mod-testimonial .swiper .testimonials .slick-next { right: -100px; } @media screen and (max-width: 1080px) { .mod-testimonial .swiper .testimonials .slick-next { right: -10px; } } .mod-testimonial .swiper .testimonials .testimonial .quote-image { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto 20px; display: block; overflow: hidden; } @media screen and (max-width: 768px) { .mod-testimonial .swiper .testimonials .testimonial .quote-image { width: 100px; height: 100px; } } .mod-testimonial .swiper .testimonials .testimonial .quote-image img { display: block; width: 100%; height: auto; } .mod-testimonial .swiper .testimonials .testimonial .quote-text { text-align: center; font-size: 1.3333333333rem; letter-spacing: 0; line-height: 1.35em; font-weight: 400; } @media screen and (max-width: 768px) { .mod-testimonial .swiper .testimonials .testimonial .quote-text { font-size: 1.2rem; } } .mod-testimonial .swiper .testimonials .testimonial .author { font-size: 0.9333333333rem; font-weight: 800; letter-spacing: 0.0666666667em; line-height: 1.5em; text-transform: uppercase; text-align: center; margin: 0; color: var(--darkblue); } @media screen and (max-width: 768px) { .mod-testimonial .swiper .testimonials .testimonial .author { font-size: 0.8rem; } } .mod-testimonial .swiper .testimonials .testimonial .author-title { font-size: 0.8rem; font-weight: 400; letter-spacing: 0.0666666667em; line-height: 1.5em; text-transform: uppercase; text-align: center; margin: 0; } @media screen and (max-width: 768px) { .mod-testimonial .swiper .testimonials .testimonial .author-title { font-size: 0.7333333333rem; } } .mod-testimonial .swiper .testimonials .swiper-button { width: 24px; height: 24px; position: absolute; top: calc(50% - 12px); left: -20px; z-index: 8; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2224%22%20viewBox%3D%220%200%2013%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.716%2022.352c.378.377.378.988%200%201.365-.377.377-.99.377-1.369%200L.284%2012.683c-.379-.377-.379-.989%200-1.366L11.347.283c.379-.377.991-.377%201.37%200%20.377.377.377.988%200%201.365L2.627%2012l10.09%2010.352z%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; } .mod-testimonial .swiper .testimonials .swiper-button.logo-swiper-button-next { left: auto; right: -20px; transform: rotate(180deg); } @media screen and (max-width: 768px) { .mod-testimonial .swiper .testimonials .swiper-button { left: -15px; } .mod-testimonial .swiper .testimonials .swiper-button.logo-swiper-button-next { right: -15px; } } .mod-testimonial[class^=bgcolor]:not([class$=-white]) .content-centered .content-main *, .mod-testimonial[class*=" bgcolor"]:not([class*=-white]) .content-centered .content-main * { color: #ffffff; } .mod-testimonial.image-side .testimonials .testimonial .content-main { display: flex; justify-content: space-between; } @media screen and (max-width: 768px) { .mod-testimonial.image-side .testimonials .testimonial .content-main { display: block; } } .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-image { margin: 0; width: 150px; height: 150px; } @media screen and (max-width: 768px) { .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-image { width: 100px; height: 100px; margin: 0 auto 20px; } } .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-content { width: calc(100% - 180px); text-align: left; } @media screen and (max-width: 768px) { .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-content { width: 100%; text-align: center; } } .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-content * { text-align: left; } @media screen and (max-width: 768px) { .mod-testimonial.image-side .testimonials .testimonial .content-main .quote-content * { text-align: center; } } .mod-buckets .section-title .content-main { text-align: center; } .mod-buckets[class^=bgcolor]:not([class$=-white]) .content-centered .content-main *, .mod-buckets[class*=" bgcolor"]:not([class*=-white]) .content-centered .content-main * { color: #ffffff; } .mod-buckets[class^=bgcolor]:not([class$=-white]) .bucket-info h2, .mod-buckets[class^=bgcolor]:not([class$=-white]) .bucket-info p, .mod-buckets[class*=" bgcolor"]:not([class*=-white]) .bucket-info h2, .mod-buckets[class*=" bgcolor"]:not([class*=-white]) .bucket-info p { color: #ffffff; } .mod-buckets .buckets { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 70px 30px; } @media screen and (max-width: 580px) { .mod-buckets .buckets { gap: 40px 30px; } } .mod-buckets .buckets .bucket { width: calc(33.3333333333% - 20px); text-align: center; } @media screen and (max-width: 900px) { .mod-buckets .buckets .bucket { width: calc(50% - 15px); } } @media screen and (max-width: 580px) { .mod-buckets .buckets .bucket { width: 100%; } } .mod-buckets .buckets .bucket .bucket-image { margin-bottom: 20px; } .mod-buckets .buckets .bucket .bucket-logo { margin-bottom: 20px; width: 100%; aspect-ratio: 1140/640; display: flex; align-items: center; justify-content: center; background-color: #ffffff; } .mod-buckets .buckets .bucket .bucket-logo img { width: 60%; height: 80%; object-fit: contain; } .mod-buckets .buckets .bucket .bucket-info { text-align: center; } .mod-buckets .buckets .bucket .bucket-info h2 { margin-bottom: 0px; } .mod-buckets .buckets .bucket .bucket-info p { margin-bottom: 20px; } .mod-buckets .buckets .bucket.alignment-left .bucket-info { text-align: left; } .mod-team-grid .content-container { display: grid; gap: 70px 30px; grid-template-columns: repeat(3, 1fr); } .mod-team-grid .content-container a { transform: translateY(50px); } @media screen and (max-width: 900px) { .mod-team-grid .content-container .article { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 580px) { .mod-team-grid .content-container .article { grid-template-columns: repeat(1, 1fr); gap: 40px; } } .mod-team-grid .content-container .article img { display: block; width: 100%; height: auto; transition: 0.2s; } .mod-team-grid .content-container .article .article-info { padding-top: 20px; text-align: center; } .mod-team-grid .content-container .article .article-info h2 { letter-spacing: 0; color: var(--lightblue); margin: 0; line-height: 1.1; } .mod-team-grid .content-container .article .article-info .jobtitle { font-size: 0.9333333333rem; font-weight: 800; letter-spacing: 0.0727272727em; line-height: 1.2; color: var(--darkblue); text-transform: uppercase; margin-top: 5px; display: block; } .mod-team-grid .content-container .article:hover .article-info h2 { color: var(--darkblue); } .mod-team-grid .content-container .article:hover img { transform: scale(1.03); box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.4); } .mod-team-grid .content-container .article.empty { height: 0; font-size: 0; line-height: 0; display: block; margin-top: 0px; } .mod-steps .steps-grid { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; flex-direction: row; margin-top: 70px; counter-reset: li; gap: 50px 60px; } .mod-steps .steps-grid li { flex: 0 0 calc(33.333% - 40px); text-align: center; } .mod-steps .steps-grid li:before { content: counter(li); counter-increment: li; color: var(--lightblue); border: 1px solid var(--lightblue); width: 60px; height: 60px; font-family: "Butler", Georgia, Times, serif; font-size: 2.3333333333rem; font-weight: 700; line-height: 35px; padding: 16px 0 9px 0; text-align: center; display: flex; margin: 0 auto 20px; border-radius: 50px; align-items: center; justify-content: center; } @media screen and (max-width: 700px) { .mod-steps .steps-grid li { flex: 0 0 calc(50% - 30px); } } @media screen and (max-width: 580px) { .mod-steps .steps-grid { margin-top: 40px; } .mod-steps .steps-grid li { flex: 0 0 100%; } } .inner-content { border: 1px solid #D9D9D9; border-radius: 20px; padding: 40px 30px; } @media screen and (max-width: 550px) { .inner-content { padding: 30px 20px; } } .mod-slider .bucket-slider { margin: 40px 0 0 0; } .mod-slider .bucket-slider .swiper { padding-left: 0; padding-right: 0; padding-bottom: 40px; } @media screen and (max-width: 1200px) { .mod-slider .bucket-slider .swiper { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 550px) { .mod-slider .bucket-slider .swiper { padding-left: 20px; padding-right: 20px; } } .mod-slider .bucket-slider .swiper .swiper-wrapper { display: flex; align-items: stretch; } .mod-slider .bucket-slider .swiper .swiper-slide { height: auto; display: flex; } .mod-slider .bucket-slider .bucket-slide { background: #fff; border-radius: 20px; width: 100%; padding: 30px; transition: 0.2s; text-align: center; text-wrap: balance; } .mod-slider .bucket-slider .bucket-slide img { display: block; margin: 0 auto 20px auto; } .mod-slider .bucket-slider .bucket-slide p { line-height: 1.3; } .mod-slider .bucket-slider .bucket-slide:hover { box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.3); } .mod-slider .bucket-slider-controls { display: flex; align-items: center; justify-content: center; gap: 20px; } .mod-slider .bucket-slider-controls .swiper-button { width: 24px; position: static; height: 24px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%2300AFD7%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%2300AFD7%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 50px; } .mod-slider .bucket-slider-controls .swiper-button:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2230%22 height%3D%2230%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2215%22 cy%3D%2215%22 r%3D%2214%22 stroke%3D%22%231b4873%22 stroke-width%3D%222%22%2F%3E%3Cpath stroke%3D%22%231b4873%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M17.5 7.5 10 15l7.5 7.5%22%2F%3E%3C%2Fsvg%3E"); } .mod-slider .bucket-slider-controls .swiper-button:after { display: none; } .mod-slider .bucket-slider-controls .swiper-button.swiper-button-next { transform: rotate(180deg); } .mod-slider .bucket-slider-controls .swiper-button.swiper-button-disabled { opacity: 5; filter: grayscale(1); } .newsletter-signup { padding: 70px 0; } @media screen and (max-width: 768px) { .newsletter-signup { padding: 40px 0; } } .newsletter-signup .section-title h2 { margin-bottom: 30px; } .newsletter-signup .signup-form form { display: flex; gap: 20px; } .newsletter-signup .signup-form form .gform_body { width: calc(100% - 120px); } .newsletter-signup .signup-form form .gform_body label { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .newsletter-signup .signup-form form .gform_footer { margin-top: 0 !important; padding-top: 0 !important; } .newsletter-signup .signup-form form .gform_footer input[type=submit] { margin: 0 0 0 auto; } @media screen and (max-width: 1000px) { .newsletter-signup .signup-form form { flex-wrap: wrap; } .newsletter-signup .signup-form form .gform_body { width: 100%; } } .mod-form .section-title { margin-bottom: 50px; } .mod-form .form-wrap form .gform_footer input[type=submit] { margin: 0 auto; } .mod-table-list .section-title { margin-bottom: 20px; } .mod-table-list .content-container .article { display: block; border-top: 1px solid #D9D9D9; } .mod-table-list .content-container .article:first-child { border-top: none; } .mod-table-list .content-container .article .article-container { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 30px 0; } .mod-table-list .content-container .article .article-container .row-headline { width: 33.3333333333%; text-align: left; padding-right: 20px; } @media screen and (max-width: 768px) { .mod-table-list .content-container .article .article-container .row-headline { width: 100%; margin: 0; } } .mod-table-list .content-container .article .article-container .row-headline h2 { font-size: 1.6rem; font-weight: 500; letter-spacing: 0; line-height: 1.2083333333em; color: #000000; } @media screen and (max-width: 768px) { .mod-table-list .content-container .article .article-container .row-headline h2 { font-size: 1.3333333333rem; line-height: 1.3em; } } .mod-table-list .content-container .article .article-container .row-description { width: 66.6666666667%; } @media screen and (max-width: 768px) { .mod-table-list .content-container .article .article-container .row-description { width: 100%; margin: 10px 0; } } .mod-table-list .content-container .article .article-container .row-cta { width: 150px; text-align: right; margin-top: 6px; } @media screen and (max-width: 768px) { .mod-table-list .content-container .article .article-container .row-cta { width: 100%; text-align: left; } } .mod-table-list .content-container .article.has-cta .row-description { width: calc(66.6666666667% - 180px); } @media screen and (max-width: 768px) { .mod-table-list .content-container .article.has-cta .row-description { width: 100%; } } /* != MISC STYLES ===== */ .social-nav { display: flex; gap: 10px; flex-wrap: wrap; } .social-nav .social { height: 30px; } .social-nav .social:hover svg { fill: #000; background-color: #eaeaea; } .social-nav .social:hover svg.social_x { background-color: #1da1f2; } .social-nav .social:hover svg.social_facebook { background-color: #1877f2; } .social-nav .social:hover svg.social_linkedin { background-color: #e7a33e; } .social-nav .social:hover svg.social_instagram { background-color: #e1306c; } .social-nav .social:hover svg.social_pinterest { background-color: #e60023; } .social-nav .social:hover svg.social_rss { background-color: #efdf00; } .social-nav .social:hover svg.social_vimeo { background-color: #1ab7ea; } .social-nav .social:hover svg.social_youtube { background-color: #ff0000; } .social-nav .social:hover svg.social_email { background-color: #caccd1; } .social-nav .social:hover svg.social_tiktok { background-color: #08F6EB; } .social-nav .social:hover svg.social_snapchat { background-color: #fffc00; } .social-nav .social:hover svg.social_threads { background-color: #caccd1; } .social-nav .social:hover svg.social_reddit { background-color: #ff4500; } .social-nav .social:hover svg.social_medium { background-color: #00ab6c; } .social-nav .social:hover svg.social_flickr { background-color: #ff0084; } .social-nav .social:hover svg.social_discord { background-color: #5865f2; } .social-nav .social svg { fill: #fff; background-color: #000; padding: 5px; width: 28px; height: 28px; border-radius: 50%; transition: all 0.2s; } .social-nav .social svg:hover { fill: #000; } .social-nav .social a { display: inline-block; } .social-nav .social a:hover, .social-nav .social a:focus-visible { border-radius: 50px; } .alert-msg { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 100%; word-wrap: normal !important; } .alert-msg.screen-reader-text:focus { clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* != FORM STYLES ===== */ .gfield_label { color: var(--darkblue) !important; text-transform: uppercase !important; font-weight: 800 !important; font-size: 0.9333333333rem !important; } input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email] { height: 44px; border: 1px solid rgba(0, 0, 0, 0.28) !important; background-color: #ffffff; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.09) !important; padding: 11px 15px 10px; width: 100%; } input[type=text]:focus, input[type=text]:focus-visible, input[type=password]:focus, input[type=password]:focus-visible, input[type=url]:focus, input[type=url]:focus-visible, input[type=number]:focus, input[type=number]:focus-visible, input[type=tel]:focus, input[type=tel]:focus-visible, input[type=email]:focus, input[type=email]:focus-visible { outline-offset: 3; outline: 2px solid var(--lightblue) !important; } textarea { outline: 1px solid rgba(0, 0, 0, 0.28) !important; border: none !important; background-color: #ffffff; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.09) !important; padding: 11px 15px 10px; width: 100%; } textarea:focus, textarea:focus-visible { outline-offset: 0; outline: 1px solid var(--lightblue) !important; } input[type=radio], input[type=checkbox] { border: none !important; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.09) !important; margin: 0 5px 2px 0; } input[type=radio]:before { background-color: var(--lightblue) !important; } input[type=checkbox]:before { color: var(--lightblue) !important; } input[type=submit].gform_button, button.gform_button { display: inline-block !important; text-decoration: none !important; text-align: center !important; transition: 0.2s !important; background-color: var(--darkblue) !important; color: #ffffff !important; font-size: 0.9333333333rem !important; font-weight: bold !important; letter-spacing: 0.0714285714em !important; line-height: normal !important; text-align: center !important; padding: 16px 50px !important; text-decoration: none !important; text-transform: uppercase !important; border-radius: 50px !important; } input[type=submit].gform_button:hover, button.gform_button:hover { background-color: var(--lightblue) !important; } select { -webkit-appearance: none; background: #ffffff url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%228%22 viewBox%3D%220 0 13 8%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M.293.293c.36-.36.928-.388 1.32-.083l.094.083L6.51 5.096 11.313.293c.36-.36.928-.388 1.32-.083l.094.083c.36.36.389.928.084 1.32l-.084.094-5.51 5.51c-.36.36-.927.388-1.32.083l-.094-.083-5.51-5.51c-.39-.39-.39-1.024 0-1.414z%22 fill%3D%22%2300AFD7%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat calc(100% - 10px) 50%; outline: 1px solid rgba(0, 0, 0, 0.28) !important; border: none !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09) !important; height: 44px; padding: 0 20px; width: 100%; border-radius: 5px; } select:focus, select:focus-visible { outline-offset: 0; outline: 1px solid var(--lightblue) !important; } .validation_error { padding: 15px; color: #ffffff; background: #c00; margin: 20px 0; } .validation_message { text-transform: uppercase; font-size: 0.8rem; color: #C00; font-weight: 600; padding: 0 !important; border: none !important; background-color: transparent !important; } .gform_validation_errors { padding: 15px 20px; margin-bottom: 30px; } .gform_validation_errors h2 { font-size: 1.6rem; line-height: 1.25em; color: #ffffff; text-align: center; color: #C00; } .gform_required_legend { display: none; } .gfield_error input, .gfield_error textarea { background: rgba(204, 0, 0, 0.1) !important; border: 1px solid #C00 !important; } .gfield_error .gfield_checkbox { background: rgba(204, 0, 0, 0.1) !important; padding: 0 4px; border: 1px solid #C00 !important; } .gform_validation_container { position: absolute; top: -9999px; left: -9999px; pointer-events: none; opacity: 0; } .gform_confirmation_message { text-align: center; } .gform_wrapper.gravity-theme .gfield { margin-bottom: 30px; } .gform_wrapper.gravity-theme .gfield input.medium { width: 100% !important; } .gform_wrapper.gravity-theme .gfield select.medium { width: 100% !important; } .gform_wrapper.gravity-theme .gfield_required { color: #000000; } .gform_fields { gap: 20px; } .gform-footer { margin-top: 20px; } .ui-datepicker { max-width: 280px; background: #fff; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.3); border-radius: 5px; overflow: hidden; } .ui-datepicker .ui-datepicker-title { display: flex; gap: 10px; margin: 10px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display: none; } .ui-datepicker table { margin: 0; } .ui-datepicker table tr { border: none; } .ui-datepicker table tr td { font-size: 0.9333333333rem; } .ui-datepicker table tr td a { color: var(--lightblue); } .ui-datepicker table tr td:hover { background: #eee; } .ui-datepicker table tr td:hover a { color: var(--darkblue); } .ui-datepicker table tr td.ui-datepicker-today { background: #eee; } .ui-datepicker table tr td.ui-datepicker-today a { color: var(--darkblue); } .ui-datepicker table tr td.ui-datepicker-current-day { background: var(--lightblue); } .ui-datepicker table tr td.ui-datepicker-current-day a { color: #ffffff; }