@charset "UTF-8"; /* Theme Name: premiermodular Author: Reech Media Author URI: https://www.reech.agency Description: premiermodular WordPress Theme built by Reech Media. Version: 2.0 */ /* ---------------------------------------------------------------------------- */ /* Hex Code Backkground with Opacity - Use @include rgba-background(#000000, 0.5); /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Small TEXT /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Link Hover Transition /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Heading Style (uppercase and letter spacing) /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Letter Spacing /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Font Awesome Styles /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Primary Animation Controllers /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Background indents core styles /* ---------------------------------------------------------------------------- */ @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"); body.compensate-for-scrollbar { overflow: hidden; -ms-overflow-style: none; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; background-color: var(--rm-brand-primary); } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide--image { padding: 44px 0 0 0; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px 6px 0 6px; } .fancybox-content { display: inline-block; margin: 0 0 44px 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-slide--html .fancybox-content { margin: 0 0 6px 0; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: calc(100% - 44px); overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; vertical-align: top; width: 100%; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: transparent; border: 0; border-radius: 0; cursor: pointer; display: none; height: 44px; margin: 0; padding: 10px; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: var(--rm-brand-primary); } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #fff; cursor: default; outline: none; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { right: 0; top: 0; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background: transparent; box-shadow: none; height: 100px; margin: 0; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { height: 100%; padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; } /* Caption */ .fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px 25px 44px; right: 0; } .fancybox-caption::before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -25px; z-index: -1; } .fancybox-caption::after { border-bottom: 1px solid rgba(255, 255, 255, 0.3); content: ""; display: block; left: 44px; position: absolute; right: 44px; top: 0; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 0.8s infinite linear; animation: fancybox-rotate 0.8s infinite linear; background: transparent; border: 6px solid rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: 0.6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0 0 0; } .fancybox-slide--image .fancybox-content { margin-bottom: 6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 4px solid #4ea7f9; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 768px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } [data-fancybox]:focus { outline: none; } /* ---------------------------------------------------------------------------- */ /* Body /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Config /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Color System /* ---------------------------------------------------------------------------- */ :root { --pm-black: #000000; --pm-white: #FFFFFF; --pm-brand-primary: #19255B; --pm-brand-secondary: #CD3233; --pmbody-bg: var(--rm-primary); --pmbody-color: var(--rm-black); } /* ---------------------------------------------------------------------------- */ /* Fonts /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Grid Breakpoints /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Grid containers /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Grid Columns /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Buttons + Forms /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Forms /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Links /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Buttons /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Margins + Paddings /* ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- */ /* Flex /* ---------------------------------------------------------------------------- */ :root { --rm-gap-small: 20px; --rm-gap: 2rem; --rm-gap-double: 4rem; --rm-gap-article: 0.75rem; } /* ---------------------------------------------------------------------------- */ /* SVG styles - used for global SVG styling, i.e. shapes /* ---------------------------------------------------------------------------- */ @media (prefers-reduced-motion) { .btn, button, input[type=text][type="file"], input[type=email][type="file"], select[type="file"], textarea[type="file"], .file-upload label, .btn-secondary, .btn-circle, .fancybox__content > button.carousel__button.is-close { transition: none; } } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } html { scroll-behavior: smooth; overflow-x: hidden; } /* ---------------------------------------------------------------------------- */ /* Adds font smoothing on all elements /* ---------------------------------------------------------------------------- */ * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; font-family: var(--rmbody-font-family); font-size: var(--rmbody-font-size); font-weight: var(--rmbody-font-weight); line-height: var(--rmbody-line-height); color: var(--rmbody-color); text-align: var(--rmbody-text-align); background-color: var(--rmbody-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; } hr { margin: 70px 0; color: var(--rm-brand-primary); border-top: var(--bs-border-width) solid var(--rm-brand-primary); opacity: 0.25; } @media (min-width: 992px) { hr { margin: 100px 0; } } h1, h2, h3, .testimonials .tester-item .testtext p, h4, .footer-cta .cta-tel, .careers-form .cta-tel, .faqs .faqs-block .faq-item .faq-question, .hero .hero-in p, .hero-cta .cta-tel, .hero-cta.is-cs .highlight-item .highlight-value, .contact-block .contact-links .links a, h5, h6 { margin-top: 0; margin-bottom: 1rem; font-weight: 700; line-height: 1.2; color: var(--rm-white); } h1 { font-size: calc(1.5rem + 3vw); } @media (min-width: 1200px) { h1 { font-size: 3.75rem; } } h2 { font-size: calc(1.385rem + 1.62vw); } @media (min-width: 1200px) { h2 { font-size: 2.6rem; } } h3, .testimonials .tester-item .testtext p { font-size: calc(1.3375rem + 1.05vw); } @media (min-width: 1200px) { h3, .testimonials .tester-item .testtext p { font-size: 2.125rem; } } h4, .footer-cta .cta-tel, .careers-form .cta-tel, .faqs .faqs-block .faq-item .faq-question, .hero .hero-in p, .hero-cta .cta-tel, .hero-cta.is-cs .highlight-item .highlight-value, .contact-block .contact-links .links a { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .footer-cta .cta-tel, .careers-form .cta-tel, .faqs .faqs-block .faq-item .faq-question, .hero .hero-in p, .hero-cta .cta-tel, .hero-cta.is-cs .highlight-item .highlight-value, .contact-block .contact-links .links a { font-size: 1.5rem; } } h5 { font-size: calc(1.3375rem + 1.05vw); } @media (min-width: 1200px) { h5 { font-size: 2.125rem; } } h6 { font-size: calc(1.2525rem + 0.03vw); } @media (min-width: 1200px) { h6 { font-size: 1.275rem; } } p { line-height: 26px; margin-top: 0; margin-bottom: 0; } abbr[title], abbr[data-bs-original-title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } .author { display: flex; gap: 20px; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } .date, .tags { color: var(--rm-white); display: flex; font-size: 0.875em; } b, strong { font-weight: bolder; } small { font-size: 0.875em; } mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: var(--rm-white); text-decoration: none; } a:hover { color: var(--rm-white); text-decoration: none; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { position: relative; overflow: hidden; margin: 0; } figure:active .overlay, figure:focus .overlay, figure:hover .overlay { opacity: 1; } figure img { transition: 0.3s; } img { max-width: 100%; height: auto; width: 100%; } img, svg { height: 100%; vertical-align: middle; width: 100%; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: rgba(var(--bs-body-color-rgb), 0.75); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } /* ---------------------------------------------------------------------------- */ /* Background colour and colour classes - using @each loops to quickly build classes and styles. /* Uses $colour-names array which can be found in design-system -> colours.scss. /* ---------------------------------------------------------------------------- */ .bgcolor-black { background-color: var(--rm-black); } .bgcolor-white { background-color: var(--rm-white); } .bgcolor-primary { background-color: var(--rm-primary); } .bgcolor-secondary { background-color: var(--rm-secondary); } .bgcolor-black { background-color: var(--rm-black); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-black { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-black-indent-bottom:not(.np-top), .bgcolor-black-indent-bottom:not(.np-bottom) { background: linear-gradient(to top, var(--rm-black) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-black-indent-bottom:not(.np-top), .bgcolor-black-indent-bottom:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-black-indent-bottom:not(.np-top).bg-reverse, .bgcolor-black-indent-bottom:not(.np-bottom).bg-reverse { background: linear-gradient(to top, transparent 200px, var(--rm-black) 0%); } .bgcolor-black-indent-bottom.np-bottom, .bgcolor-black-indent-bottom.np-top { background: linear-gradient(to top, var(--rm-black) 65px, transparent 0%); } .bgcolor-black-indent-bottom.np-bottom.bg-reverse, .bgcolor-black-indent-bottom.np-top.bg-reverse { background: linear-gradient(to top, transparent 65px, var(--rm-black) 0%); } .bgcolor-black-indent-top:not(.np-top), .bgcolor-black-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--rm-black) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-black-indent-top:not(.np-top), .bgcolor-black-indent-top:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-black-indent-top:not(.np-top).bg-reverse, .bgcolor-black-indent-top:not(.np-bottom).bg-reverse { background: linear-gradient(to bottom, transparent 200px, var(--rm-black) 0%); } .bgcolor-black-indent-top.np-bottom, .bgcolor-black-indent-top.np-top { background: linear-gradient(to bottom, var(--rm-black) 65px, transparent 0%); } .bgcolor-black-indent-top.np-bottom.bg-reverse, .bgcolor-black-indent-top.np-top.bg-reverse { background: linear-gradient(to bottom, transparent 65px, var(--rm-black) 0%); } .rm-black { color: var(--rm-black); } .bgcolor-white { background-color: var(--rm-white); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-white { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-white-indent-bottom:not(.np-top), .bgcolor-white-indent-bottom:not(.np-bottom) { background: linear-gradient(to top, var(--rm-white) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-white-indent-bottom:not(.np-top), .bgcolor-white-indent-bottom:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-white-indent-bottom:not(.np-top).bg-reverse, .bgcolor-white-indent-bottom:not(.np-bottom).bg-reverse { background: linear-gradient(to top, transparent 200px, var(--rm-white) 0%); } .bgcolor-white-indent-bottom.np-bottom, .bgcolor-white-indent-bottom.np-top { background: linear-gradient(to top, var(--rm-white) 65px, transparent 0%); } .bgcolor-white-indent-bottom.np-bottom.bg-reverse, .bgcolor-white-indent-bottom.np-top.bg-reverse { background: linear-gradient(to top, transparent 65px, var(--rm-white) 0%); } .bgcolor-white-indent-top:not(.np-top), .bgcolor-white-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--rm-white) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-white-indent-top:not(.np-top), .bgcolor-white-indent-top:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-white-indent-top:not(.np-top).bg-reverse, .bgcolor-white-indent-top:not(.np-bottom).bg-reverse { background: linear-gradient(to bottom, transparent 200px, var(--rm-white) 0%); } .bgcolor-white-indent-top.np-bottom, .bgcolor-white-indent-top.np-top { background: linear-gradient(to bottom, var(--rm-white) 65px, transparent 0%); } .bgcolor-white-indent-top.np-bottom.bg-reverse, .bgcolor-white-indent-top.np-top.bg-reverse { background: linear-gradient(to bottom, transparent 65px, var(--rm-white) 0%); } .rm-white { color: var(--rm-white); } .bgcolor-primary { background-color: var(--rm-primary); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-primary { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-primary-indent-bottom:not(.np-top), .bgcolor-primary-indent-bottom:not(.np-bottom) { background: linear-gradient(to top, var(--rm-primary) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-primary-indent-bottom:not(.np-top), .bgcolor-primary-indent-bottom:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-primary-indent-bottom:not(.np-top).bg-reverse, .bgcolor-primary-indent-bottom:not(.np-bottom).bg-reverse { background: linear-gradient(to top, transparent 200px, var(--rm-primary) 0%); } .bgcolor-primary-indent-bottom.np-bottom, .bgcolor-primary-indent-bottom.np-top { background: linear-gradient(to top, var(--rm-primary) 65px, transparent 0%); } .bgcolor-primary-indent-bottom.np-bottom.bg-reverse, .bgcolor-primary-indent-bottom.np-top.bg-reverse { background: linear-gradient(to top, transparent 65px, var(--rm-primary) 0%); } .bgcolor-primary-indent-top:not(.np-top), .bgcolor-primary-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--rm-primary) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-primary-indent-top:not(.np-top), .bgcolor-primary-indent-top:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-primary-indent-top:not(.np-top).bg-reverse, .bgcolor-primary-indent-top:not(.np-bottom).bg-reverse { background: linear-gradient(to bottom, transparent 200px, var(--rm-primary) 0%); } .bgcolor-primary-indent-top.np-bottom, .bgcolor-primary-indent-top.np-top { background: linear-gradient(to bottom, var(--rm-primary) 65px, transparent 0%); } .bgcolor-primary-indent-top.np-bottom.bg-reverse, .bgcolor-primary-indent-top.np-top.bg-reverse { background: linear-gradient(to bottom, transparent 65px, var(--rm-primary) 0%); } .rm-primary { color: var(--rm-primary); } .bgcolor-secondary { background-color: var(--rm-secondary); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-secondary { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-secondary-indent-bottom:not(.np-top), .bgcolor-secondary-indent-bottom:not(.np-bottom) { background: linear-gradient(to top, var(--rm-secondary) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-secondary-indent-bottom:not(.np-top), .bgcolor-secondary-indent-bottom:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-secondary-indent-bottom:not(.np-top).bg-reverse, .bgcolor-secondary-indent-bottom:not(.np-bottom).bg-reverse { background: linear-gradient(to top, transparent 200px, var(--rm-secondary) 0%); } .bgcolor-secondary-indent-bottom.np-bottom, .bgcolor-secondary-indent-bottom.np-top { background: linear-gradient(to top, var(--rm-secondary) 65px, transparent 0%); } .bgcolor-secondary-indent-bottom.np-bottom.bg-reverse, .bgcolor-secondary-indent-bottom.np-top.bg-reverse { background: linear-gradient(to top, transparent 65px, var(--rm-secondary) 0%); } .bgcolor-secondary-indent-top:not(.np-top), .bgcolor-secondary-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--rm-secondary) 165px, transparent 0%); padding-bottom: 70px; padding-top: 70px; } @media (min-width: 992px) { .bgcolor-secondary-indent-top:not(.np-top), .bgcolor-secondary-indent-top:not(.np-bottom) { padding-top: 100px; padding-bottom: 100px; } } .bgcolor-secondary-indent-top:not(.np-top).bg-reverse, .bgcolor-secondary-indent-top:not(.np-bottom).bg-reverse { background: linear-gradient(to bottom, transparent 200px, var(--rm-secondary) 0%); } .bgcolor-secondary-indent-top.np-bottom, .bgcolor-secondary-indent-top.np-top { background: linear-gradient(to bottom, var(--rm-secondary) 65px, transparent 0%); } .bgcolor-secondary-indent-top.np-bottom.bg-reverse, .bgcolor-secondary-indent-top.np-top.bg-reverse { background: linear-gradient(to bottom, transparent 65px, var(--rm-secondary) 0%); } .rm-secondary { color: var(--rm-secondary); } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --rmgutter-x: 1.5rem; --rmgutter-y: 0; --cont-padd-x: calc(var(--rmgutter-x) * 1.67); width: 100%; padding-right: var(--cont-padd-x); padding-left: var(--cont-padd-x); margin-right: auto; margin-left: auto; } @media (min-width: 992px) { .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { padding-left: 0; padding-right: 0; } } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } @media (min-width: 1360px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1300px; } } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } /* Fonts */ h1, .h1 { font-family: "Manrope", sans-serif; font-size: calc(2.5rem + 1.25vw); font-weight: 500; } @media (min-width: 768px) { h1, .h1 { font-size: 3.75rem; } } h2, .h2, article header .overlay .stat { font-family: "Manrope", sans-serif; font-size: calc(1.7333333333rem + 1.25vw); font-weight: 500; } @media (min-width: 768px) { h2, .h2, article header .overlay .stat { font-size: 2.6rem; } } h3, .testimonials .tester-item .testtext p, .h3 { font-family: "Manrope", sans-serif; font-size: calc(1.4166666667rem + 1.25vw); font-weight: 500; } @media (min-width: 768px) { h3, .testimonials .tester-item .testtext p, .h3 { font-size: 2.125rem; } } h4, .footer-cta .cta-tel, .careers-form .cta-tel, .faqs .faqs-block .faq-item .faq-question, .hero .hero-in p, .hero-cta .cta-tel, .hero-cta.is-cs .highlight-item .highlight-value, .contact-block .contact-links .links a, .h4, .gform_title { font-family: "Manrope", sans-serif; font-size: calc(1rem + 1.25vw); font-weight: 500; } @media (min-width: 768px) { h4, .footer-cta .cta-tel, .careers-form .cta-tel, .faqs .faqs-block .faq-item .faq-question, .hero .hero-in p, .hero-cta .cta-tel, .hero-cta.is-cs .highlight-item .highlight-value, .contact-block .contact-links .links a, .h4, .gform_title { font-size: 1.5rem; } } h5, .h5 { text-transform: uppercase; color: #E7E8EB; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; } h6, .h6 { font-family: "Manrope", sans-serif; font-size: calc(0.85rem + 1.25vw); font-weight: 400; } @media (min-width: 768px) { h6, .h6 { font-size: 1.275rem; } } h6.small, .h6.small { font-size: 1rem; } h2.large { font-size: 7.5rem; } h1.subtitle, h1.gform_submission_error, h1.gfield_validation_message, h2.subtitle, h2.gform_submission_error, h2.gfield_validation_message, h3.subtitle, h3.gform_submission_error, .testimonials .tester-item .testtext p.gform_submission_error, h3.gfield_validation_message, .testimonials .tester-item .testtext p.gfield_validation_message, .testimonials .tester-item .testtext p.subtitle, h4.subtitle, h4.gform_submission_error, .footer-cta .gform_submission_error.cta-tel, .careers-form .gform_submission_error.cta-tel, .faqs .faqs-block .faq-item .gform_submission_error.faq-question, .hero .hero-in p.gform_submission_error, .hero-cta .gform_submission_error.cta-tel, .hero-cta.is-cs .highlight-item .gform_submission_error.highlight-value, .contact-block .contact-links .links a.gform_submission_error, h4.gfield_validation_message, .footer-cta .gfield_validation_message.cta-tel, .careers-form .gfield_validation_message.cta-tel, .faqs .faqs-block .faq-item .gfield_validation_message.faq-question, .hero .hero-in p.gfield_validation_message, .hero-cta .gfield_validation_message.cta-tel, .hero-cta.is-cs .highlight-item .gfield_validation_message.highlight-value, .contact-block .contact-links .links a.gfield_validation_message, .footer-cta .subtitle.cta-tel, .careers-form .subtitle.cta-tel, .faqs .faqs-block .faq-item .subtitle.faq-question, .hero .hero-in p.subtitle, .hero-cta .subtitle.cta-tel, .hero-cta.is-cs .highlight-item .subtitle.highlight-value, .contact-block .contact-links .links a.subtitle { font-size: 1.125rem; letter-spacing: 2px; color: var(--rmbody-color); text-transform: uppercase; } h1.subtitle.white, h1.white.gform_submission_error, h1.white.gfield_validation_message, h2.subtitle.white, h2.white.gform_submission_error, h2.white.gfield_validation_message, h3.subtitle.white, h3.white.gform_submission_error, .testimonials .tester-item .testtext p.white.gform_submission_error, h3.white.gfield_validation_message, .testimonials .tester-item .testtext p.white.gfield_validation_message, .testimonials .tester-item .testtext p.subtitle.white, h4.subtitle.white, h4.white.gform_submission_error, .footer-cta .white.gform_submission_error.cta-tel, .careers-form .white.gform_submission_error.cta-tel, .faqs .faqs-block .faq-item .white.gform_submission_error.faq-question, .hero .hero-in p.white.gform_submission_error, .hero-cta .white.gform_submission_error.cta-tel, .hero-cta.is-cs .highlight-item .white.gform_submission_error.highlight-value, .contact-block .contact-links .links a.white.gform_submission_error, h4.white.gfield_validation_message, .footer-cta .white.gfield_validation_message.cta-tel, .careers-form .white.gfield_validation_message.cta-tel, .faqs .faqs-block .faq-item .white.gfield_validation_message.faq-question, .hero .hero-in p.white.gfield_validation_message, .hero-cta .white.gfield_validation_message.cta-tel, .hero-cta.is-cs .highlight-item .white.gfield_validation_message.highlight-value, .contact-block .contact-links .links a.white.gfield_validation_message, .footer-cta .subtitle.white.cta-tel, .careers-form .subtitle.white.cta-tel, .faqs .faqs-block .faq-item .subtitle.white.faq-question, .hero .hero-in p.subtitle.white, .hero-cta .subtitle.white.cta-tel, .hero-cta.is-cs .highlight-item .subtitle.white.highlight-value, .contact-block .contact-links .links a.subtitle.white { color: white; } html { font-size: 0.95rem; color: var(--rm-white); font-family: "Manrope", sans-serif; font-weight: 500; } /* ---------------------------------------------------------------------------- */ /* Link Transitions /* ---------------------------------------------------------------------------- */ a { transition: all .3s ease-in-out; color: var(--rm-white); text-decoration: none; } p { color: var(--rm-white); } p a:not(.btn):not(button):not(input[type=text][type="file"]):not(input[type=email][type="file"]):not(select[type="file"]):not(textarea[type="file"]):not(.btn-secondary):hover, p a:not(.btn):not(button):not(input[type=text][type="file"]):not(input[type=email][type="file"]):not(select[type="file"]):not(textarea[type="file"]):not(.btn-secondary):active { color: var(--rm-white); } p a:not(.btn):not(button):not(input[type=text][type="file"]):not(input[type=email][type="file"]):not(select[type="file"]):not(textarea[type="file"]):not(.btn-secondary):hover { text-decoration: underline; } p.large { font-size: 1.25rem; line-height: 160%; } article p { margin-bottom: 2rem; } article ul { margin-left: 1rem; } article ul li { margin-bottom: 1rem; } article time { margin-bottom: 1rem; } ol, ul { margin-bottom: 0; padding-left: 0; } ul.links-group { display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 2rem; margin-left: 0; } ul.links-group li { list-style-type: none; } ul.links-group li i { margin-right: 1rem; } blockquote { font-size: 1.25rem; line-height: 2.4rem; } .btn, button, input[type=text][type="file"], input[type=email][type="file"], select[type="file"], textarea[type="file"], .file-upload label { display: inline-flex; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; padding: 16.5px 22px; cursor: pointer; align-items: center; gap: 10px; transition: all .3s ease-in-out; } .btn.blue, button.blue, input.blue[type=text][type="file"], input.blue[type=email][type="file"], select.blue[type="file"], textarea.blue[type="file"], .file-upload label.blue { background-color: #3040BD; border: 1px solid #3040BD; } .btn.blue:hover, button.blue:hover, input.blue:hover[type=text][type="file"], input.blue:hover[type=email][type="file"], select.blue:hover[type="file"], textarea.blue:hover[type="file"], .file-upload label.blue:hover { background-color: #CD3233; color: #fff; border-color: #CD3233; } .btn.blue-border, button.blue-border, input.blue-border[type=text][type="file"], input.blue-border[type=email][type="file"], select.blue-border[type="file"], textarea.blue-border[type="file"], .file-upload label.blue-border { border: 1px solid #3040BD; color: #3040BD; } .btn.blue-border svg.one path, button.blue-border svg.one path, input.blue-border[type=text][type="file"] svg.one path, input.blue-border[type=email][type="file"] svg.one path, select.blue-border[type="file"] svg.one path, textarea.blue-border[type="file"] svg.one path, .file-upload label.blue-border svg.one path { fill: #3040BD; } .btn.blue-border svg.two path, button.blue-border svg.two path, input.blue-border[type=text][type="file"] svg.two path, input.blue-border[type=email][type="file"] svg.two path, select.blue-border[type="file"] svg.two path, textarea.blue-border[type="file"] svg.two path, .file-upload label.blue-border svg.two path { fill: #fff; } .btn.blue-border:hover, button.blue-border:hover, input.blue-border:hover[type=text][type="file"], input.blue-border:hover[type=email][type="file"], select.blue-border:hover[type="file"], textarea.blue-border:hover[type="file"], .file-upload label.blue-border:hover { background-color: #3040BD; color: #fff; } .btn.white-border, button.white-border, input.white-border[type=text][type="file"], input.white-border[type=email][type="file"], select.white-border[type="file"], textarea.white-border[type="file"], .file-upload label.white-border { border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; } .btn.white-border svg.one path, button.white-border svg.one path, input.white-border[type=text][type="file"] svg.one path, input.white-border[type=email][type="file"] svg.one path, select.white-border[type="file"] svg.one path, textarea.white-border[type="file"] svg.one path, .file-upload label.white-border svg.one path { fill: #fff; } .btn.white-border svg.two path, button.white-border svg.two path, input.white-border[type=text][type="file"] svg.two path, input.white-border[type=email][type="file"] svg.two path, select.white-border[type="file"] svg.two path, textarea.white-border[type="file"] svg.two path, .file-upload label.white-border svg.two path { fill: #fff; } .btn.white-border:hover, button.white-border:hover, input.white-border:hover[type=text][type="file"], input.white-border:hover[type=email][type="file"], select.white-border:hover[type="file"], textarea.white-border:hover[type="file"], .file-upload label.white-border:hover { background-color: #CD3233; border-color: #CD3233; color: #fff; } .btn .svg-wrap, button .svg-wrap, input[type=text][type="file"] .svg-wrap, input[type=email][type="file"] .svg-wrap, select[type="file"] .svg-wrap, textarea[type="file"] .svg-wrap, .file-upload label .svg-wrap { position: relative; width: 13px; height: 14px; overflow: hidden; display: inline-block; } .btn .svg-wrap svg, button .svg-wrap svg, input[type=text][type="file"] .svg-wrap svg, input[type=email][type="file"] .svg-wrap svg, select[type="file"] .svg-wrap svg, textarea[type="file"] .svg-wrap svg, .file-upload label .svg-wrap svg { width: 13px; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; transition: all .3s ease-in-out; } .btn .svg-wrap svg.two, button .svg-wrap svg.two, input[type=text][type="file"] .svg-wrap svg.two, input[type=email][type="file"] .svg-wrap svg.two, select[type="file"] .svg-wrap svg.two, textarea[type="file"] .svg-wrap svg.two, .file-upload label .svg-wrap svg.two { left: -12px; } .btn:hover .svg-wrap svg.one, button:hover .svg-wrap svg.one, input:hover[type=text][type="file"] .svg-wrap svg.one, input:hover[type=email][type="file"] .svg-wrap svg.one, select:hover[type="file"] .svg-wrap svg.one, textarea:hover[type="file"] .svg-wrap svg.one, .file-upload label:hover .svg-wrap svg.one { left: 100%; transition-delay: .1s; } .btn:hover .svg-wrap svg.two, button:hover .svg-wrap svg.two, input:hover[type=text][type="file"] .svg-wrap svg.two, input:hover[type=email][type="file"] .svg-wrap svg.two, select:hover[type="file"] .svg-wrap svg.two, textarea:hover[type="file"] .svg-wrap svg.two, .file-upload label:hover .svg-wrap svg.two { left: 0; transition-delay: .2s; } .btn-secondary { background-color: transparent; padding: 0.813rem 50px 0.813rem 0; position: relative; width: auto; } .btn-secondary:after { transition: all .3s ease-in-out; color: var(--rm-rm-white); content: url("/wp-content/themes/reech/assets/img/svgs/Horizontal-Arrow.svg"); margin-left: 1rem; position: absolute; width: auto; } .btn-secondary.small { font-size: 0.875em; } .btn-secondary:before { transition: all .3s ease-in-out; background-color: var(--rm-white); bottom: 5px; content: ""; height: 1px; position: absolute; width: 0; } .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { background-color: transparent; color: var(--rm-white); } .btn-secondary:active:after, .btn-secondary:focus:after, .btn-secondary:hover:after { margin-left: 1.3125rem; } .btn-secondary:active:before, .btn-secondary:focus:before, .btn-secondary:hover:before { width: 100%; } .btn-secondary.darker { width: 100%; } .btn-secondary.darker:after { content: url("/wp-content/themes/reech/assets/img/svgs/Horizontal-Arrow-Darker.svg"); right: 0.5rem; } .btn-secondary.darker:before { background-color: transparent; } .btn-secondary.darker:active:after, .btn-secondary.darker:focus:after, .btn-secondary.darker:hover:after { right: 0; } .btn-circle, .fancybox__content > button.carousel__button.is-close { border: 1px solid var(--rm-white); border-radius: 50%; color: var(--rm-white); cursor: pointer; height: 50px; line-height: 0; padding: 1rem 0.625rem; text-align: center; transition: all 0.3s ease-in-out; width: 50px; } .btn-circle:after, .fancybox__content > button.carousel__button.is-close:after { transition: all .3s ease-in-out; color: var(--rm-white); content: url("/wp-content/themes/reech/assets/img/svgs/Horizontal-Arrow.svg"); margin-left: 1rem; position: relative; width: auto; } .btn-circle:active, .fancybox__content > button.carousel__button.is-close:active, .btn-circle:focus, .fancybox__content > button.carousel__button.is-close:focus, .btn-circle:hover, .fancybox__content > button.carousel__button.is-close:hover { background-color: var(--rm-passion); border-color: var(--rm-passion); } .btn-circle:after, .fancybox__content > button.carousel__button.is-close:after { bottom: 0; left: 0; margin: auto; right: 0; top: 0; } .btn-circle.rotate:after, .fancybox__content > button.rotate.carousel__button.is-close:after { content: url("/wp-content/themes/reech/assets/img/svgs/Horizontal-Arrow-Rotate.svg"); } .btn-slide-navi-contain { display: flex; gap: 1rem; } .button-wrap.center { text-align: center; } .button-wrap.more-bottom { margin-bottom: 25px; } .button-wrap.more-top { margin-top: 25px; } .btn-expand { background-color: var(--rm-passion); border-radius: 50%; color: var(--rm-white); cursor: pointer; height: 50px; left: 10px; line-height: 0; padding: 0.875rem 0.625rem; position: absolute; text-align: center; top: 0; width: 50px; } .btn-expand .line { display: block; background: var(--rm-white); width: 20px; height: 2px; position: absolute; left: 0; margin: auto; right: 0; border-radius: 4px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .btn-expand .line.line-1 { opacity: 1; transform: rotate(-90deg); transform-origin: center; z-index: 0; top: 0; bottom: 0px; } .btn-expand .line.line-2 { transform: translateY(10px) translateX(0); } .btn-expand.active .line-1 { opacity: 0; transform: rotate(0); } .btn-expand.col-black { background-color: var(--rm-black); } .btn-expand.col-white { background-color: var(--rm-white); } .btn-expand.col-primary { background-color: var(--rm-primary); } .btn-expand.col-secondary { background-color: var(--rm-secondary); } .rm-zoom-controls { height: 120px; margin: 1.25rem 0 0 1.25rem; width: 50px; } .rm-zoom-controls .zoom, .rm-zoom-controls .rm-controls__zoom-in, .rm-zoom-controls .rm-controls__zoom-out { align-items: center; background-color: var(--rm-midnight); border: 1px solid var(--rm-smoke); border-radius: 5px; cursor: pointer; display: flex; height: 30px; justify-content: center; position: relative; width: 30px; } .rm-zoom-controls .zoom:after, .rm-zoom-controls .rm-controls__zoom-in:after, .rm-zoom-controls .rm-controls__zoom-out:after { color: var(--rm-white); content: ""; font-family: "Font Awesome 6 Pro"; font-size: 1rem; font-weight: 300; position: absolute; } .rm-zoom-controls .rm-controls__zoom-in { margin-bottom: 0.5rem; } .rm-zoom-controls .rm-controls__zoom-in:after { content: "\2b"; } .rm-zoom-controls .rm-controls__zoom-out:after { content: "\f068"; } .fancybox__content > button.carousel__button.is-close { min-width: 60px; min-height: 60px; top: -80px; } @media (min-width: 1200px) { .fancybox__content > button.carousel__button.is-close { right: -30px; } } .fancybox__content > button.carousel__button.is-close:after, .fancybox__content > button.carousel__button.is-close:before { display: none; } .nav-toggle-wrap { width: 76.77px; height: 100%; position: absolute; right: 0; top: 0; cursor: pointer; align-items: center; justify-content: center; background-color: #3040BD; display: none; } @media (max-width: 1199.98px) { .nav-toggle-wrap { display: flex; } } .nav-toggle { padding: 5px; z-index: 9999; margin-left: auto; width: 50px; height: 40px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } @media (max-width: 1199.98px) { .nav-toggle { margin: 0; } } .nav-toggle span { display: block; position: absolute; height: 2px; width: 45px; background: #FFFFFF; opacity: 1; left: 0; margin: 0 auto; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .nav-toggle span:nth-child(1) { top: 10px; } .nav-toggle span:nth-child(2), .nav-toggle span:nth-child(3) { top: 18px; } .nav-toggle span:nth-child(4) { top: 26px; } html.nav-open .nav-toggle span:nth-child(1) { top: 18px; width: 0%; left: 50%; } html.nav-open .nav-toggle span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } html.nav-open .nav-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } html.nav-open .nav-toggle span:nth-child(4) { top: 18px; width: 0%; left: 50%; } .inline-link { text-transform: uppercase; color: #1B1E39; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; display: inline-flex; padding-bottom: 7px; align-items: center; gap: 7px; position: relative; } .inline-link:after { position: absolute; bottom: 0; left: 0; height: 1.5px; background-color: #CD3233; width: 0; content: ''; transition: all .3s ease-in-out; } .inline-link .svg-wrap { position: relative; width: 13px; height: 14px; overflow: hidden; display: inline-block; } .inline-link .svg-wrap svg { width: 13px; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; transition: all .3s ease-in-out; } .inline-link .svg-wrap svg.two { left: -12px; } .inline-link .svg-wrap svg path { fill: #CD3233; } .inline-link:hover { color: #CD3233; } .inline-link:hover:after { width: 100%; } .inline-link:hover .svg-wrap svg.one { left: 100%; transition-delay: .1s; } .inline-link:hover .svg-wrap svg.two { left: 0; transition-delay: .2s; } form { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 30px; width: 100%; } @media (min-width: 992px) { form { flex-direction: row; gap: 0.75rem; } } #gform_confirmation_message_2 { text-align: center; } input[type=text], input[type=email], select, textarea { box-shadow: none; caret-color: var(--rm-passion); display: block; width: 100%; padding: 0.813rem 0; font-family: "Manrope", sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.25; color: var(--rm-black); background-color: transparent; background-clip: padding-box; border: 0; border-bottom: 2px solid var(--rm-black); appearance: none; } input[type=text]::placeholder, input[type=email]::placeholder, select::placeholder, textarea::placeholder { color: #eeeeee; opacity: 1; transition: opacity 0.3s ease; } input[type=text]:focus::placeholder, input[type=email]:focus::placeholder, select:focus::placeholder, textarea:focus::placeholder { opacity: 0.5; } input[type=text][type="file"]:not(:disabled):not([readonly]), input[type=email][type="file"]:not(:disabled):not([readonly]), select[type="file"]:not(:disabled):not([readonly]), textarea[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus { color: var(--rm-black); outline: 0; box-shadow: none; } input[type=text]:disabled, input[type=text][readonly], input[type=email]:disabled, input[type=email][readonly], select:disabled, select[readonly], textarea:disabled, textarea[readonly] { background-color: var(--rm-white); border-color: var(--rm-black); opacity: 1; } input[type=text]:hover:not(:disabled):not([readonly])::file-selector-button, input[type=email]:hover:not(:disabled):not([readonly])::file-selector-button, select:hover:not(:disabled):not([readonly])::file-selector-button, textarea:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--rm-white); } select { border-color: var(--rm-passion); cursor: pointer; } select option { color: var(--rm-midnight); } .gform_ajax_spinner { display: none; } .gfield_checkbox { display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 992px) { .gfield_checkbox { flex-direction: row; flex-wrap: wrap; } } .gfield_checkbox .gchoice { border: 1px solid var(--rm-white); border-radius: 5px; display: flex; flex: calc(20% - 2rem); } .gfield_checkbox .gchoice label { cursor: pointer; height: 100%; padding: 1rem; width: 100%; } .gfield_checkbox .gchoice label, .gfield_checkbox .gchoice input[type="checkbox"]:checked ~ label { text-align: left; } .gfield_checkbox .gchoice label:before, .gfield_checkbox .gchoice input[type="checkbox"]:checked ~ label:before { font-size: 2.125rem; } .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .gform_fields { gap: 2rem; } .ginput_container { display: flex; margin-bottom: 30px; } .ginput_container label { align-items: center; display: flex; gap: 1rem; text-align: left; } .ginput_container input[type=text], .ginput_container select, .ginput_container textarea { border-color: var(--rm-passion); } .ginput_container_consent { margin-bottom: 0.75rem; } .ginput_container_consent label { cursor: pointer; } @media (max-width: 991.98px) { .rm-select-wrapper select.rm-select { display: flex !important; } } @media (max-width: 991.98px) { .rm-select-wrapper .rm-select { display: none !important; } .rm-select-wrapper .rm-select .rm-select-trigger { display: none; } } .ginput_container_select, .rm-select-wrapper .rm-select { cursor: pointer; position: relative; } .ginput_container_select:after, .rm-select-wrapper .rm-select:after { color: var(--rm-passion); content: "\f078"; font-family: "Font Awesome 6 Pro"; font-size: 1.275rem; font-weight: 400; position: absolute; right: 0; top: 12px; transition: 0.3s; } .ginput_container_select:focus-within:after, .rm-select-wrapper .rm-select:focus-within:after { transform: rotate(180deg); } .ginput_container_select.opened:after, .rm-select-wrapper .rm-select.opened:after { transform: rotate(180deg); } .file-upload { align-items: center; border-bottom: 1px solid var(--rm-passion); display: flex; flex-direction: column; gap: 1rem; padding-bottom: 2rem; } @media (min-width: 992px) { .file-upload { flex-direction: row; } } .file-upload .gfield_description { margin-right: auto; } .file-upload input { visibility: hidden; } .file-upload input[type=file] { position: absolute; visibility: hidden; } .file-upload label { order: 2; } .file-upload label:after { z-index: -2; } .file-upload label:before { z-index: -1; } .file-upload .ginput_container_fileupload { margin: 0; order: 3; width: 200px; } .file-upload span { margin-top: 0; } input[type="checkbox"] { opacity: 0; width: 0; } input[type="checkbox"] ~ label:before { color: var(--rm-white); content: "\f0c8"; display: flex; font-family: "Font Awesome 6 Pro"; font-size: 1.675rem; font-weight: 300; } input[type="checkbox"]:checked ~ label:before { color: var(--rm-passion); content: "\f14a"; font-family: "Font Awesome 6 Pro"; font-size: 1.675rem; font-weight: 900; } .gform_submission_error, .gfield_validation_message { color: var(--rm-spark); } @media (max-width: 991.98px) { .rm-select { display: none; } .rm-options { display: none; } .rm-select-wrapper { width: 100%; } } @media (min-width: 992px) { .rm-select-wrapper select { display: none; } .rm-select-wrapper { align-items: center; border-bottom: 2px solid var(--rm-passion); display: flex; height: 46px; width: 100%; } .rm-select-wrapper .rm-select-wrapper:last-of-type { display: none; } section.start-your-project .gform_page_fields .rm-select-wrapper { grid-column: span 6; text-align: left; z-index: 999999999; } .rm-select { display: inline-block; position: relative; width: 100%; } .rm-select .rm-select-trigger { align-items: center; background-color: transparent; color: var(--rm-white); display: flex; height: 45px; min-width: 200px; position: relative; transition: all 0.3s ease-in-out; } .rm-select .rm-options { background: var(--rm-white); border-bottom: 2px solid var(--rm-passion); display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 100%; transition: all 0.3s ease-in-out; transform: translateY(-15px); visibility: hidden; width: 100%; } .rm-select .rm-option { color: var(--rm-midnight); cursor: pointer; display: block; padding: 1.25rem 1.3333333333rem; position: relative; transition: all 0.3s ease-in-out; } } @media (min-width: 992px) and (min-width: 992px) { .rm-select .rm-option { padding: 1.25rem 2rem; } } @media (min-width: 992px) { .rm-select .rm-option.gf_placeholder { display: none; } .rm-select .rm-option:active, .rm-select .rm-option:focus, .rm-select .rm-option:hover { background-color: var(--rm-cloud); } .rm-select.opened .rm-options { opacity: 1; pointer-events: all; transform: translateY(0); visibility: visible; } } select { background-color: #2E39AB; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; display: inline-block; border-radius: 20px; width: auto; padding: 12px 40px 12px 15px; margin: 0 15px 15px 0; background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99941 7.7387L7.61738 7.12073L12.8674 1.87073L13.4881 1.25002L12.2494 0.0113525L11.6314 0.629321L6.99941 5.26135L2.36738 0.632056L1.74941 0.0113525L0.510742 1.25002L1.12871 1.86799L6.37871 7.11799L6.99941 7.7387Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: calc(100% - 15px) center; } select:focus { color: #fff; } select.news-order { background-color: transparent; padding: 0 25px 0 0; color: #19255B; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M6.99941 7.7387L7.61738 7.12073L12.8674 1.87073L13.4881 1.25002L12.2494 0.0113525L11.6314 0.629321L6.99941 5.26135L2.36738 0.632056L1.74941 0.0113525L0.510742 1.25002L1.12871 1.86799L6.37871 7.11799L6.99941 7.7387Z' fill='%23CD3233'/%3E%3C/svg%3E"); background-position: right center; } .site-navigation { display: block; flex: 1 0 100%; } @media (min-width: 1200px) { .site-navigation { align-items: center; display: inline-flex; flex: 0 1 auto; justify-content: space-between; padding: 0 15px; } .site-navigation ul.mobile-menu { display: none; } } @media (max-width: 1199.98px) { .site-navigation ul.desktop-menu { display: none; } } ul.desktop-menu { align-items: center; display: inline-flex; justify-content: flex-end; list-style: none; margin-bottom: 0; padding-left: 0; margin: 0 20px 0 0; } ul.desktop-menu li.menu-item { display: inline-flex; } ul.desktop-menu li.menu-item a { padding: 30px 22px; text-transform: uppercase; color: #1B1E39; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; position: relative; } ul.desktop-menu li.menu-item a:after { content: ""; width: calc(100% - 44px); height: 0; background-color: #CD3233; position: absolute; left: 22px; bottom: 0; opacity: 0; transition: 0.3s; } ul.desktop-menu li.menu-item a:hover span { color: #CD3233; } ul.desktop-menu li.menu-item.menu-item-has-children > a { padding-right: 40px; position: relative; } ul.desktop-menu li.menu-item.menu-item-has-children > a:before { transform-origin: 7px 2px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99941 7.73809L7.61738 7.12012L12.8674 1.87012L13.4881 1.24941L12.2494 0.0107422L11.6314 0.628711L6.99941 5.26074L2.36738 0.631445L1.74941 0.0107422L0.510742 1.24941L1.12871 1.86738L6.37871 7.11738L6.99941 7.73809Z' fill='%23CD3233'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; content: ''; position: absolute; top: 50%; width: 14px; height: 8px; right: 17px; transform: translateY(-50%); transition: all .3s ease-in-out; } ul.desktop-menu li.menu-item:hover a:after { height: 2px; opacity: 1; } ul.desktop-menu li.menu-item:hover a:before { transform: rotate(180deg); } ul.desktop-menu li.menu-item.current-menu-item a::after, ul.desktop-menu li.menu-item.current-page-ancestor a::after { height: 2px; opacity: 1; } ul.desktop-menu li.menu-item .sub-menu { background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); display: none; position: absolute; top: 100%; width: 100%; right: 0; border-top: 1px solid rgba(50, 50, 102, 0.15); } ul.desktop-menu li.menu-item .sub-menu .menu-contain { display: flex; flex-direction: column; } ul.desktop-menu li.menu-item .sub-menu .menu-contain h4, ul.desktop-menu li.menu-item .sub-menu .menu-contain .footer-cta .cta-tel, .footer-cta ul.desktop-menu li.menu-item .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item .sub-menu .menu-contain .careers-form .cta-tel, .careers-form ul.desktop-menu li.menu-item .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item .sub-menu .menu-contain .faqs .faqs-block .faq-item .faq-question, .faqs .faqs-block .faq-item ul.desktop-menu li.menu-item .sub-menu .menu-contain .faq-question, ul.desktop-menu li.menu-item .sub-menu .menu-contain .hero .hero-in p, .hero .hero-in ul.desktop-menu li.menu-item .sub-menu .menu-contain p, ul.desktop-menu li.menu-item .sub-menu .menu-contain .hero-cta .cta-tel, .hero-cta ul.desktop-menu li.menu-item .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item .sub-menu .menu-contain .hero-cta.is-cs .highlight-item .highlight-value, .hero-cta.is-cs .highlight-item ul.desktop-menu li.menu-item .sub-menu .menu-contain .highlight-value, ul.desktop-menu li.menu-item .sub-menu .menu-contain .contact-block .contact-links .links a, .contact-block .contact-links .links ul.desktop-menu li.menu-item .sub-menu .menu-contain a { color: var(--rm-black); margin-bottom: 0; } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 20px 0; max-width: 790px; } @media (min-width: 1360px) { ul.desktop-menu li.menu-item .sub-menu .menu-contain ul { max-width: 925px; } } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li { width: 33.333333333%; flex-direction: column; } @media (min-width: 1360px) { ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li { flex-grow: 1; max-width: calc(50% - 60px); } } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a { order: 1; padding: 0; padding-right: 2rem; font-weight: 700; color: var(--rm-black); width: fit-content; width: -moz-fit-content; margin-bottom: 0.5rem; } @media (max-width: 991.98px) { ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a { font-weight: 400; margin-bottom: 1rem; } } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:after { opacity: 0; } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:active:before, ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:focus:before, ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:hover:before { right: 0.5rem; } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a p { font-weight: 400; order: 2; color: var(--secondary-black); margin: 0; } @media (max-width: 991.98px) { ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a p { display: none; } } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li.view-all a { font-weight: 400; color: var(--primary-coral) !important; } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li.view-all a:after { opacity: 1 !important; left: 50% !important; } ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li:last-of-type a { margin: 0; } ul.desktop-menu li.menu-item .sub-menu .nav-media { display: none; flex-basis: 30%; height: 100%; left: 0; margin-bottom: 0; position: absolute; width: 30%; } @media (min-width: 1200px) { ul.desktop-menu li.menu-item .sub-menu .nav-media { display: flex; } } ul.desktop-menu li.menu-item .sub-menu .nav-media img { height: 100%; object-fit: cover; width: 100%; } ul.desktop-menu li.menu-item .sub-menu .container { display: flex; justify-content: flex-end; } ul.desktop-menu li.menu-item .sub-menu.mega .container { display: block; padding: 45px 0; } ul.desktop-menu li.menu-item .sub-menu.mega .container .btn, ul.desktop-menu li.menu-item .sub-menu.mega .container button, ul.desktop-menu li.menu-item .sub-menu.mega .container input[type=text][type="file"], ul.desktop-menu li.menu-item .sub-menu.mega .container input[type=email][type="file"], ul.desktop-menu li.menu-item .sub-menu.mega .container select[type="file"], ul.desktop-menu li.menu-item .sub-menu.mega .container textarea[type="file"], ul.desktop-menu li.menu-item .sub-menu.mega .container .file-upload label, .file-upload ul.desktop-menu li.menu-item .sub-menu.mega .container label { color: #fff; padding: 16.5px 22px; margin: 20px 0 0; } ul.desktop-menu li.menu-item .sub-menu.mega .container .btn:after, ul.desktop-menu li.menu-item .sub-menu.mega .container button:after, ul.desktop-menu li.menu-item .sub-menu.mega .container input[type="file"][type=text]:after, ul.desktop-menu li.menu-item .sub-menu.mega .container input[type="file"][type=email]:after, ul.desktop-menu li.menu-item .sub-menu.mega .container select[type="file"]:after, ul.desktop-menu li.menu-item .sub-menu.mega .container textarea[type="file"]:after, ul.desktop-menu li.menu-item .sub-menu.mega .container .file-upload label:after, .file-upload ul.desktop-menu li.menu-item .sub-menu.mega .container label:after { display: none; } ul.desktop-menu li.menu-item .sub-menu.mega .container .btn:hover span, ul.desktop-menu li.menu-item .sub-menu.mega .container button:hover span, ul.desktop-menu li.menu-item .sub-menu.mega .container input:hover[type=text][type="file"] span, ul.desktop-menu li.menu-item .sub-menu.mega .container input:hover[type=email][type="file"] span, ul.desktop-menu li.menu-item .sub-menu.mega .container select:hover[type="file"] span, ul.desktop-menu li.menu-item .sub-menu.mega .container textarea:hover[type="file"] span, ul.desktop-menu li.menu-item .sub-menu.mega .container .file-upload label:hover span, .file-upload ul.desktop-menu li.menu-item .sub-menu.mega .container label:hover span { color: #fff; } ul.desktop-menu li.menu-item .sub-menu.mega .container .menu-contain ul li a { text-transform: none; font-weight: 700; font-size: 18px; } ul.desktop-menu li.menu-item .sub-menu.mega .container .menu-contain ul li a span { transition: all .3s ease-in-out; background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4688 6.0332L16 5.50195L15.4688 4.9707L11.2188 0.720703L10.6875 0.189453L9.62813 1.25195L10.1594 1.7832L13.1281 4.75195H0.75H0V6.25195H0.75H13.1281L10.1594 9.2207L9.62813 9.75195L10.6875 10.8113L11.2188 10.2801L15.4688 6.0332Z' fill='%23CD3233'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right center; padding-right: 20px; } ul.desktop-menu li.menu-item .sub-menu.mega .container .menu-contain ul li a small { font-size: 14px; font-weight: 500; } ul.desktop-menu li.menu-item .sub-menu.mega .container .menu-contain ul li a img { margin: 0 0 15px; } ul.desktop-menu li.menu-item .sub-menu.mega .container .menu-contain ul li a:hover span { color: #CD3233; } ul.desktop-menu li.menu-item.menu-item-has-children i { display: none; } ul.desktop-menu li.menu-item.menu-item-has-children:hover .sub-menu { display: flex; } ul.desktop-menu li.menu-item .nav-media.single-img { display: none; } ul.desktop-menu li.menu-item:has(.standard) { position: relative; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu { width: 220px; left: 0; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .container { justify-content: flex-start; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain { padding: 17px; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain ul { gap: 0; flex-direction: column; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain ul > li { margin: 0 0 7px; width: 100%; max-width: 100%; flex: 1; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain ul > li a { font-size: 13px; text-transform: none; color: #17172D; font-weight: 500; padding: 0; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain ul > li a:hover { color: #CD3233; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain ul > li:last-of-type { margin: 0; } ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain h4, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .footer-cta .cta-tel, .footer-cta ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .careers-form .cta-tel, .careers-form ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .faqs .faqs-block .faq-item .faq-question, .faqs .faqs-block .faq-item ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .faq-question, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .hero .hero-in p, .hero .hero-in ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain p, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .hero-cta .cta-tel, .hero-cta ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .cta-tel, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .hero-cta.is-cs .highlight-item .highlight-value, .hero-cta.is-cs .highlight-item ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .highlight-value, ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain .contact-block .contact-links .links a, .contact-block .contact-links .links ul.desktop-menu li.menu-item:has(.standard) .sub-menu .menu-contain a { display: none; } :root { --mobile-menu-top-offset: 86px; } @media (max-width: 1199.98px) { .site-navigation { height: 0; left: 0; opacity: 0; position: fixed; top: 76.7px; width: 100vw; background-color: #fff; border-top: 1px solid #32326626; } } ul.mobile-menu { display: block; overflow: visible; transition: 0s step-start, transform 0.4s ease-in-out; padding: var(--mobile-menu-top-offset) 0 100px; width: 100vw; visibility: hidden; } @media (min-width: 992px) { ul.mobile-menu { padding: var(--mobile-menu-top-offset) 0 100px; } } ul.mobile-menu.with-slide { transform: translateX(100%); } ul.mobile-menu.hide-parent-menu { max-width: none; transform: translateX(-100%); } ul.mobile-menu > .container li { list-style: none; } ul.mobile-menu > .container li.menu-item-has-children { position: relative; } ul.mobile-menu > .container li.menu-item-has-children .sub-toggle { position: absolute; top: 9px; right: 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99941 7.73809L7.61738 7.12012L12.8674 1.87012L13.4881 1.24941L12.2494 0.0107422L11.6314 0.628711L6.99941 5.26074L2.36738 0.631445L1.74941 0.0107422L0.510742 1.24941L1.12871 1.86738L6.37871 7.11738L6.99941 7.73809Z' fill='%23CD3233'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 40px; height: 40px; background-size: 20px; cursor: pointer; background-position: center; transition: all .3s ease-in-out; } ul.mobile-menu > .container li.menu-item-has-children .sub-toggle.active { transform: rotate(180deg); } ul.mobile-menu > .container li .container { display: flex; flex-direction: column; gap: 30px; padding-left: 0; padding-right: 0; } ul.mobile-menu > .container li > a { color: #19255B; font-size: 22px; display: flex; font-family: "Manrope", sans-serif; font-weight: 500; padding: 1rem 0; position: relative; } ul.mobile-menu > .container li i { color: var(--rm-brand-secondary); font-size: 1.25rem; } ul.mobile-menu > .container li > .sub-menu { width: 100%; display: none; } ul.mobile-menu > .container li > .sub-menu li { transition: opacity 0.5s ease-in-out; margin: 0 0 14px; display: block; } ul.mobile-menu > .container li > .sub-menu li > a { display: flex; flex-direction: column; font-size: 15px; font-weight: 500; justify-content: space-between; position: relative; width: 100%; padding: 0; } ul.mobile-menu > .container li > .sub-menu li > a > i { font-size: 1.5rem; } ul.mobile-menu > .container li > .sub-menu li > a p { font-size: 0.75rem; opacity: 0.75; } ul.mobile-menu > .container li > .sub-menu li .sub-toggle { display: none; } ul.mobile-menu > .container li > .sub-menu li > .sub-menu { display: flex; flex-direction: column; gap: 2rem; } ul.mobile-menu > .container li > .sub-menu li > .sub-menu li a { color: var(--rm-white); font-size: 1rem; font-weight: 400; margin-bottom: 0; text-transform: capitalize; width: fit-content; width: -moz-fit-content; } ul.mobile-menu > .container li > .sub-menu li > .sub-menu li a i.fa-arrow-circle-right { display: none; } ul.mobile-menu > .container li.expanded > .sub-menu { visibility: visible; } ul.mobile-menu > .container li.expanded > .sub-menu li:not(.promo-large) { opacity: 1; } ul.mobile-menu .sub-menu-toggle { cursor: pointer; font-size: 1rem; padding: 1rem 2rem 1rem; margin-right: -2rem; } ul.mobile-menu .close-sub-menu { align-items: center; color: var(--rm-white); cursor: pointer; display: flex; font-size: 1.25rem; gap: 1rem; padding-top: 1rem; } ul.mobile-menu .close-sub-menu span { font-weight: 600; text-transform: uppercase; } ul.mobile-menu .close-sub-menu i { font-size: 1rem; } ul.mobile-menu li.current-menu-item > a:before { width: 100%; } html.nav-open .site-header__main > * { z-index: 15; } html.nav-open .mobile-menu { visibility: visible; } @media (max-width: 1199.98px) { html.nav-open .site-navigation { height: calc(100vh - 76.7px); opacity: 1; visibility: visible; z-index: 10; overflow: auto; } } html.nav-open .site-navigation ul.with-slide { transform: translateX(0%); } @media (prefers-reduced-motion) { .mobile-menu, .mobile-menu li .sub-menu li { transition: none !important; } } /* Default WP Alignment Classes */ .aligncenter, .alignleft, .alignright { display: block; padding: 0; } .aligncenter { float: none; margin: .5em auto 1em; } .alignright { float: right; margin: .5em 0 1em 1em; } .alignleft { float: left; margin: .5em 1em 1em 0; } .wp-caption { padding: 5px 0; border: 1px solid #555; background: #444; text-align: center; } .wp-caption img { display: inline; } .wp-caption p.wp-caption-text { margin: 5px 0 0; padding: 0; text-align: center; font-size: 75%; font-weight: 100; font-style: italic; color: #ddd; } .site-header { background-color: #fff; left: 0; padding: 17.5px 0; position: fixed; top: 0; width: 100%; z-index: 1100; box-shadow: 0 12px 16px -16px rgba(0, 0, 0, 0.15); } @media (min-width: 1200px) { .site-header { padding: 0; } } .site-header__main { align-items: flex-start; display: flex; flex-wrap: wrap; } @media (min-width: 1200px) { .site-header__main { align-items: center; justify-content: space-between; } } .site-header__main .site-logo { max-width: 150px; } .site-header.header-hidden { overflow: hidden; transform: translateY(-100%); } .site-header .searcher { align-items: center; display: flex; cursor: pointer; position: relative; z-index: 1; } @media (max-width: 1199.98px) { .site-header .searcher.desktop-only { display: none; } } @media (min-width: 1200px) { .site-header .searcher.mobile-only { display: none; } } .site-header .searcher svg { height: 14px; width: 14px; } .site-header .searcher form { align-items: center; background-color: #fff; display: flex; height: 77px; left: 0; max-width: 0; overflow: hidden; position: absolute; top: 0; transition: max-width 0.3s ease-in-out; width: 605px; padding: 16px 0; } .site-header .searcher form input { border: none; font-size: 1.5rem; width: 100%; } .site-header .searcher form input:active, .site-header .searcher form input:focus, .site-header .searcher form input:hover { border: none; outline: none; } .site-header .searcher form button { background-color: transparent; border: none; box-shadow: none; color: #000; height: 24px; padding: 0; width: 24px; } @media (max-width: 1199.98px) { .site-header .searcher form { max-width: 81vw; } } .site-header .searcher.search-open form { max-width: 605px; } @media (max-width: 1199.98px) { .site-header .searcher.search-open form { max-width: 81vw; } } .site-header .contact-link { display: none; text-transform: uppercase; color: #1B1E39; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; position: relative; padding: 30px 45px; border-left: 1px solid rgba(50, 50, 102, 0.15); } @media (min-width: 1200px) { .site-header .contact-link { display: inline-flex; } } .site-header .contact-link .link-span { display: inline-block; position: relative; overflow: hidden; height: 16.5px; width: 89.05px; } .site-header .contact-link .link-span span.hovered { bottom: -15px; position: absolute; left: 0; transition: all .3s ease-in-out; color: #fff; } .site-header .contact-link .link-span span.initial { transition: all .3s ease-in-out; position: absolute; top: 0; left: 0; } .site-header .contact-link:hover { background-color: #CD3233; } .site-header .contact-link:hover .link-span span.hovered { bottom: 0; } .site-header .contact-link:hover .link-span span.initial { top: -15px; } .site-header .header-right { display: inline-flex; } .skip-to-content-link { left: 50%; position: absolute; transform: translateY(-100%); } .main-wrap { padding-bottom: 310px; position: relative; background-image: url(assets/img/bg.png); background-repeat: repeat-x; background-size: 400px; background-position: left calc(100% + 10px); } .main-wrap.is-cs { background-image: none; padding-bottom: 0; } .main-wrap.add-grey:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 310px; background-color: #E7E8EB; content: ''; background-image: url(assets/img/bgwhite.png); background-repeat: repeat-x; background-size: 400px; background-position: left calc(100% + 10px); } .footer-cta, .careers-form { background-color: #CD3233; padding: 25px; text-align: center; color: #fff; } @media (min-width: 992px) { .footer-cta, .careers-form { padding: 55px; text-align: left; } } .footer-cta.is-footer, .careers-form.is-footer { margin: -400px 0 40px; } @media (min-width: 768px) { .footer-cta.is-footer, .careers-form.is-footer { margin: -400px 0 90px; } } .footer-cta h4, .footer-cta .cta-tel, .footer-cta .faqs .faqs-block .faq-item .faq-question, .faqs .faqs-block .faq-item .footer-cta .faq-question, .footer-cta .hero .hero-in p, .hero .hero-in .footer-cta p, .footer-cta .hero-cta.is-cs .highlight-item .highlight-value, .hero-cta.is-cs .highlight-item .footer-cta .highlight-value, .footer-cta .contact-block .contact-links .links a, .contact-block .contact-links .links .footer-cta a, .careers-form h4, .careers-form .cta-tel, .careers-form .faqs .faqs-block .faq-item .faq-question, .faqs .faqs-block .faq-item .careers-form .faq-question, .careers-form .hero .hero-in p, .hero .hero-in .careers-form p, .careers-form .hero-cta.is-cs .highlight-item .highlight-value, .hero-cta.is-cs .highlight-item .careers-form .highlight-value, .careers-form .contact-block .contact-links .links a, .contact-block .contact-links .links .careers-form a { margin-top: 30px; } .footer-cta .cta-tel, .careers-form .cta-tel { margin: 0; gap: 10px; display: inline-flex; align-items: center; } .footer-cta .cta-tel svg, .careers-form .cta-tel svg { width: 18px; } .footer-cta .gform_wrapper.gform-theme form .gform_fields, .careers-form .gform_wrapper.gform-theme form .gform_fields { grid-row-gap: 16px; } .footer-cta .gform_wrapper.gform-theme form input[type="text"], .footer-cta .gform_wrapper.gform-theme form input[type="email"], .footer-cta .gform_wrapper.gform-theme form input[type="tel"], .careers-form .gform_wrapper.gform-theme form input[type="text"], .careers-form .gform_wrapper.gform-theme form input[type="email"], .careers-form .gform_wrapper.gform-theme form input[type="tel"] { appearance: none; text-align: left; border: 0; padding: 25px 15px; border-radius: 0; border: 0; color: #19255B; outline: 0; box-shadow: none; } .footer-cta .gform_wrapper.gform-theme form input[type="text"]::placeholder, .footer-cta .gform_wrapper.gform-theme form input[type="email"]::placeholder, .footer-cta .gform_wrapper.gform-theme form input[type="tel"]::placeholder, .careers-form .gform_wrapper.gform-theme form input[type="text"]::placeholder, .careers-form .gform_wrapper.gform-theme form input[type="email"]::placeholder, .careers-form .gform_wrapper.gform-theme form input[type="tel"]::placeholder { color: rgba(25, 37, 91, 0.6); } .footer-cta .gform_wrapper.gform-theme form textarea, .careers-form .gform_wrapper.gform-theme form textarea { appearance: none; text-align: left; border: 0; padding: 15px; resize: none; border-radius: 0; border: 0; color: #19255B; outline: 0; box-shadow: none; height: 120px; min-block-size: 120px; } .footer-cta .gform_wrapper.gform-theme form textarea::placeholder, .careers-form .gform_wrapper.gform-theme form textarea::placeholder { color: rgba(25, 37, 91, 0.6); } .footer-cta .gform_wrapper.gform-theme form input[type="submit"].gform_button.button, .careers-form .gform_wrapper.gform-theme form input[type="submit"].gform_button.button { display: inline-flex; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; padding: 16.5px 22px; letter-spacing: 1.25px; cursor: pointer; align-items: center; gap: 10px; transition: all .3s ease-in-out; border-radius: 0; width: 100%; background-color: #1B1E39; } .footer-cta .gform_wrapper.gform-theme form input[type="submit"].gform_button.button:hover, .careers-form .gform_wrapper.gform-theme form input[type="submit"].gform_button.button:hover { background-color: #3040BD; } .footer-cta .gform_wrapper.gform-theme form .gfield_description, .careers-form .gform_wrapper.gform-theme form .gfield_description { display: none; } .footer-cta .gform-theme--framework .gform_validation_errors, .careers-form .gform-theme--framework .gform_validation_errors { border-color: #fff; } .footer-cta .gform-theme--framework .gform_validation_errors .gform-icon, .careers-form .gform-theme--framework .gform_validation_errors .gform-icon { border-color: #fff; } .footer-cta .gform-theme--framework .gform_validation_errors .gform-icon:before, .careers-form .gform-theme--framework .gform_validation_errors .gform-icon:before { color: #fff; } .footer-cta .gform-theme--framework .gform_validation_errors .gform_submission_error, .footer-cta .gform-theme--framework .gform_validation_errors ol a, .careers-form .gform-theme--framework .gform_validation_errors .gform_submission_error, .careers-form .gform-theme--framework .gform_validation_errors ol a { color: #fff; } .footer-cta .gform-theme--framework .gform_validation_errors ol, .careers-form .gform-theme--framework .gform_validation_errors ol { padding: 0; list-style: none; } .footer-cta .cta-below, .careers-form .cta-below { text-align: center; } @media (min-width: 768px) { .footer-cta .cta-below, .careers-form .cta-below { display: none; } } .footer-cta .cta-above, .careers-form .cta-above { display: none; } @media (min-width: 768px) { .footer-cta .cta-above, .careers-form .cta-above { display: block; } } .careers-form { padding: 55px; text-align: left; margin: 55px 0; width: 1024px; margin: 55px auto; } .careers-form label { color: #fff !important; } .site-footer { position: relative; z-index: 2; background-color: var(--pm-brand-primary); } .site-footer__main { padding-bottom: 25px; padding-top: 90px; } @media (min-width: 992px) { .site-footer__main { padding-bottom: 75px; } } .site-footer__main .footer-main .btn-dropdown { align-items: center; cursor: pointer; display: flex; font-weight: 700; gap: 0.5rem; width: 120px; } .site-footer__main .footer-main .btn-dropdown:after { color: var(--rm-white); content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 14px; position: relative; right: 0; transition: all 0.5s ease-in-out; } .site-footer__main .footer-main .btn-dropdown:after { transform: rotate(360deg); } .site-footer__main .footer-main.open .btn-dropdown:after { transform: rotate(180deg); } @media (min-width: 1200px) { .site-footer__main .footer-main .btn-dropdown { display: none; } } .site-footer .main-footer { color: #fff; } .site-footer .main-footer h3, .site-footer .main-footer .testimonials .tester-item .testtext p, .testimonials .tester-item .testtext .site-footer .main-footer p { margin: 0 0 32px; } .site-footer .main-footer .footer-buttons { padding-top: 1rem; display: flex; flex-direction: column; align-items: flex-start; } .site-footer .main-footer .footer-buttons .enq { width: 170px; } .site-footer .main-footer .footer-buttons .mail { flex: 1; } @media (min-width: 768px) { .site-footer .main-footer .footer-buttons { flex-direction: row; align-items: center; } } .site-footer .main-footer .footer-buttons .footer-mail { display: inline-flex; align-items: center; margin: 25px 0 0; gap: 7.5px; } @media (min-width: 768px) { .site-footer .main-footer .footer-buttons .footer-mail { margin: 0 0 0 25px; } } .site-footer .main-footer .footer-buttons .footer-mail svg { width: 20px; } .site-footer .main-footer .footer-buttons .footer-mail:hover { color: #CD3233; } .site-footer .main-footer ul { list-style: none; } .site-footer .main-footer ul li { width: 100%; margin: 0 0 20px; } .site-footer .main-footer ul li:last-of-type { margin: 0; } .site-footer .main-footer ul li a { font-size: 0.85rem; color: #E7E8EB; } .site-footer .main-footer ul li a:hover { color: #fff; } .site-footer .main-footer .footer-last { display: flex; flex-direction: column; justify-content: space-between; } .site-footer .main-footer .footer-last .footer-social { margin: 20px 0 0; } @media (min-width: 992px) { .site-footer .main-footer .footer-last .footer-social { text-align: right; } } .site-footer .main-footer .footer-last .footer-social a { font-size: 26px; margin: 0 15px 0 0; } @media (min-width: 992px) { .site-footer .main-footer .footer-last .footer-social a { margin: 0 0 0 15px; } } @media (min-width: 992px) { .site-footer .main-footer .footer-last .footer-logos { text-align: right; } } .site-footer .main-footer .footer-last .footer-logos .footer-logo { margin: 0 0 30px; } .site-footer .main-footer .footer-last .footer-logos .footer-logo:last-of-type { margin: 0; } .site-footer .main-footer .footer-last .footer-logos .footer-logo img { max-width: 110px; } .site-footer__bottom { padding: 0 0 20px; background-color: var(--rm-brand-secondary); color: #fff; font-size: 0.85rem; } .site-footer__bottom__wrapper { display: flex; justify-content: space-between; padding: 12px 0; flex-direction: column; } @media (min-width: 1200px) { .site-footer__bottom__wrapper { flex-direction: row; align-items: center; gap: 0; } } .site-footer__bottom__wrapper nav ul { list-style: none; } .site-footer__bottom__wrapper nav ul li { margin: 0 0 20px; } @media (min-width: 1200px) { .site-footer__bottom__wrapper nav ul li { display: inline-block; margin: 0 12.5px 0 0; } } .site-footer__bottom__wrapper nav ul li a { color: #E7E8EB; } .site-footer__bottom__wrapper nav ul li a:hover { color: #fff; } .body-no-scroll { overflow: hidden; position: fixed; width: 100%; } html.body-no-scroll { position: relative; } .char { opacity: 1; transform: opacity .1s; } .char.hidden { opacity: 0; } .content-area p { margin: 0 0 20px; letter-spacing: .05px; } .content-area p:last-child { margin: 0; } .content-area .button-wrap { margin: 25px 0 0; } .content-area ul { margin-left: 0; list-style: none; } .content-area ul li { padding-left: 24px; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.34766L13.4688 1.87891L5.54688 9.76016L5.01875 10.2883L4.49062 9.76016L0.53125 5.81953L0 5.29141L1.05938 4.22891L1.59063 4.75703L5.01875 8.16953L12.4094 0.813281L12.9406 0.285156L14 1.34766Z' fill='%23CD3233'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left 5px; margin: 0 0 10px; } .breadcrumb { display: none; } @media (min-width: 992px) { .breadcrumb { display: flex; } } .global-website-notice { background-color: #19255B; color: #fff; text-align: center; padding: 0.5rem 0; width: 100%; } .global-website-notice .container { position: relative; } @media (min-width: 992px) { .global-website-notice .container { justify-content: center; } } .global-website-notice p, .global-website-notice i { color: var(--rm-black); font-size: 0.75rem; margin-bottom: 0; } .global-website-notice .close { cursor: pointer; position: absolute; right: 30px; } @media (min-width: 992px) { .global-website-notice .close { right: 0; } } .global-website-notice.hidden { display: none; } @media (min-width: 992px) { .global-website-notice p { font-size: 1rem; } } main { color: #1B1E39; padding-top: 76.5px; } main section { position: relative; } @media (max-width: 991.98px) { main section.hide-mobile { display: none; } } @media (min-width: 992px) { main section.hide-desktop { display: none; } } main section.title-left > .container > header { justify-content: flex-start; } main section.title-center > .container > header { justify-content: center; } main section.title-right > .container > header { justify-content: flex-end; } main section.image-zoom a:active figure img, main section.image-zoom a:focus figure img, main section.image-zoom a:hover figure img { transform: scale(1.1); } main section.image-zoom figure a:active img, main section.image-zoom figure a:focus img, main section.image-zoom figure a:hover img { transform: scale(1.1); } main section header, main section footer { width: 100%; } main section footer { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2rem; } main section > .container { position: relative; } main section > .container > header { display: flex; flex-direction: column; margin-bottom: 30px; justify-content: space-between; } @media (min-width: 992px) { main section > .container > header { flex-direction: row; margin-bottom: 50px; } } main section > .container > header .btn-group { width: auto; } main section .btn-group { width: 100%; display: flex; flex-direction: column; margin: auto; gap: 1rem; } @media (min-width: 992px) { main section .btn-group { align-items: center; flex-direction: row; gap: 2rem; } main section .btn-group .btn, main section .btn-group button, main section .btn-group input[type=text][type="file"], main section .btn-group input[type=email][type="file"], main section .btn-group select[type="file"], main section .btn-group textarea[type="file"], main section .btn-group .file-upload label, .file-upload main section .btn-group label { width: auto; } } /* ---------------------------------------------------------------------------- */ /* Background media - applies background styles, useful within sections, page banners. /* ---------------------------------------------------------------------------- */ .background-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .background-media img { object-fit: cover; } .background-media video { width: 100%; } .background-media.align-top { background-position: center top; } .background-media.align-center { background-position: center center; } .background-media.align-bottom { background-position: center bottom; } /* ---------------------------------------------------------------------------- */ /* Inner classes - applies flexbox as parent wrapper, useful within containers /* ---------------------------------------------------------------------------- */ .inner { display: flex; flex-direction: column; gap: 2rem; } @media (min-width: 992px) { .inner:not(.column) { flex-direction: row; } } .inner.content-split { gap: 2rem; } @media (min-width: 992px) { .inner.content-split { gap: 6rem; } } .inner.content-split > * { flex: 0 1 50%; } .inner.content-split.divide > *:not(:last-of-type) { position: relative; } .inner.content-split.divide > *:not(:last-of-type):after { background-color: rgba(0, 0, 0, 0.2); content: ""; height: 100%; position: absolute; right: -3rem; width: 1px; } .inner:not(.content-split) { gap: 2rem; } .inner.align-center { justify-content: flex-end; } .inner.align-end { justify-content: flex-end; } .inner.wrapped { flex-wrap: wrap; } article { position: relative; display: flex; flex-direction: column; gap: 0.75rem; width: 100%; } article p ul { list-style: disc; margin-left: 1rem; } article p a { color: var(--rm-brand-primary); } article video { width: 100%; } article header { display: flex; flex-direction: column; } article header > a { display: flex; flex-direction: column; gap: 0.75rem; } article header form { padding-top: 1rem; } article header figure { margin-bottom: 30px; } article header .overlay { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; flex-direction: column; height: 100%; justify-content: center; opacity: 0; position: absolute; text-align: center; top: 0; transition: 0.3s; width: 100%; } article header .overlay .stat { flex-basis: auto; } article header .overlay p { font-size: 22px; width: 50%; } @media (min-width: 992px) { article:last-of-type { margin-bottom: 0; } } article.content-block { align-items: flex-start; display: flex; height: 100%; } @media (min-width: 992px) { article.content-block { background-color: var(--rm-black); padding: 4rem; } } article.content-block.floating { background-color: var(--rm-black); padding: 3.25rem 1.875rem; } @media (min-width: 992px) { article.content-block.floating { background-color: var(--rm-black); padding: 4rem; } } .col { flex-direction: column; } .row { align-items: center; display: flex; gap: 2rem; } @media (min-width: 992px) { .bring-out { margin: 0 -1rem; } } @media (min-width: 992px) { .bring-out.narrow { margin: 0 -20px; } } @media (min-width: 992px) { .bring-out.narrowest { margin: 0 -10px; } } .make-row { width: 100%; display: block; } @media (min-width: 992px) { .make-row.bring-in { padding: 0 140px; } } .row { align-items: center; display: flex; gap: 2rem; flex-direction: column; display: flex; gap: 2rem; width: 100%; } .row.align-start { align-items: flex-start; } .row.align-end { align-items: flex-end; } .row .col-item, .row .seventy, .row .sixty, .row .fifty5, .row .thirty5, .row .fourty, .row .fourty5, .row .thirty, .row .third, .row .two-thirds, .row .half, .row .fourty-5, .row .fifty-5, .row .quart, .row .threequart, .row .fifth { float: left; } @media (min-width: 992px) { .row .col-item, .row .seventy, .row .sixty, .row .fifty5, .row .thirty5, .row .fourty, .row .fourty5, .row .thirty, .row .third, .row .two-thirds, .row .half, .row .fourty-5, .row .fifty-5, .row .quart, .row .threequart, .row .fifth { padding: 0 1rem; } } @media (min-width: 992px) { .row { flex-direction: row; } } .row.align-top { align-items: unset; } .row.align-tops { align-items: flex-start; } .row.align-stretch { align-items: stretch; } .row.align-center { align-items: flex-start; } @media (min-width: 992px) { .row.align-center { align-items: center; } } .row.align-bottom { align-items: flex-start; } @media (min-width: 992px) { .row.align-bottom { align-items: flex-end; } } .row.justify-left { justify-content: flex-start; } .row.justify-right { justify-content: flex-end; } .row.justify-space-b { justify-content: space-between; } .row.dir-col { flex-direction: column; } .row.flex-1 { flex-grow: 1; } @media (min-width: 992px) { .row.reverse { flex-direction: row-reverse; } } .row > * { min-width: 0; } .row .seventy { width: 100%; } @media (min-width: 768px) { .row .seventy { width: 50%; } } @media (min-width: 992px) { .row .seventy { width: 66.666666666%; } } .row .seventy.section-padding { padding: 4rem 0; } @media (min-width: 768px) { .row .seventy.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .sixty { width: 100%; } @media (min-width: 992px) { .row .sixty { width: 60%; } } .row .sixty.section-padding { padding: 4rem 0; } @media (min-width: 768px) { .row .sixty.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .fifty5 { width: 100%; } @media (min-width: 992px) { .row .fifty5 { width: 55%; } } .row .fifty5.section-padding { padding: 4rem 0; } @media (min-width: 768px) { .row .fifty5.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .thirty5 { width: 100%; } @media (min-width: 992px) { .row .thirty5 { width: 35%; } } .row .thirty5.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .thirty5.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .fourty { width: 100%; } @media (min-width: 992px) { .row .fourty { width: 40%; } } .row .fourty.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .fourty.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .fourty5 { width: 100%; } @media (min-width: 992px) { .row .fourty5 { width: 45%; } } .row .fourty5.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .fourty5.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .thirty { width: 100%; } @media (min-width: 992px) { .row .thirty { width: 33.333333333%; } } .row .thirty.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .thirty.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .third { width: 100%; } @media (min-width: 992px) { .row .third { width: 50%; } } @media (min-width: 992px) { .row .third { width: 33.333333333%; } } .row .third.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .third.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .two-thirds { width: 100%; } @media (min-width: 768px) { .row .two-thirds { width: 66.666666666%; } } .row .two-thirds.section-padding { padding: 20px 0 6rem; } @media (min-width: 768px) { .row .two-thirds.section-padding { padding-top: 100px; padding-bottom: 100px; } } .row .half { width: 100%; } @media (min-width: 992px) { .row .half { width: 50%; } } .row .half.flex-half-half { align-items: flex-start; display: flex; flex-flow: row wrap; gap: 1rem; } .row .half.flex-half-half img { flex: 1 1 calc(30% - 1rem); object-fit: contain; max-width: 200px; } .row .half.flex-half-half article { flex: 1 1 calc(70% - 1rem); } @media (min-width: 992px) { .row .half.flex-half-half { flex-flow: row; gap: 3rem; } } .row .fourty-5 { width: 100%; } @media (min-width: 992px) { .row .fourty-5 { width: 45%; } } .row .fifty-5 { width: 100%; } @media (min-width: 992px) { .row .fifty-5 { width: 55%; } } .row .quart { width: 100%; } @media (min-width: 992px) { .row .quart { width: 25%; } } .row .threequart { width: 100%; } @media (min-width: 992px) { .row .threequart { width: 75%; } } .row .fifth { width: 100%; } @media (min-width: 992px) { .row .fifth { width: 20%; } } .row.narrow { gap: 0; } @media (min-width: 768px) { .row.narrow .col-item, .row.narrow .seventy, .row.narrow .sixty, .row.narrow .fifty5, .row.narrow .thirty5, .row.narrow .fourty, .row.narrow .fourty5, .row.narrow .thirty, .row.narrow .third, .row.narrow .two-thirds, .row.narrow .half, .row.narrow .fourty-5, .row.narrow .fifty-5, .row.narrow .quart, .row.narrow .threequart, .row.narrow .fifth { padding: 0 20px; } } .row .full { flex: 1 0 100%; margin-bottom: 2rem; } .row.narrowest { gap: 0; } @media (min-width: 768px) { .row.narrowest .col-item, .row.narrowest .seventy, .row.narrowest .sixty, .row.narrowest .fifty5, .row.narrowest .thirty5, .row.narrowest .fourty, .row.narrowest .fourty5, .row.narrowest .thirty, .row.narrowest .third, .row.narrowest .two-thirds, .row.narrowest .half, .row.narrowest .fourty-5, .row.narrowest .fifty-5, .row.narrowest .quart, .row.narrowest .threequart, .row.narrowest .fifth { padding: 0 10px; } } .top-spacing-full { padding-top: 66.6666666667px; } @media (min-width: 992px) { .top-spacing-full { padding-top: 100px; } } .top-spacing-fulltwice { padding-top: 66.6666666667px; } @media (min-width: 992px) { .top-spacing-fulltwice { padding-top: 150px; } } .top-spacing-double { padding-top: 100px; } @media (min-width: 992px) { .top-spacing-double { padding-top: 150px; } } .top-spacing-doublemore, .top-spacing-triple { padding-top: 123.333333333px; } @media (min-width: 992px) { .top-spacing-doublemore, .top-spacing-triple { padding-top: 185px; } } .bottom-spacing-doublemore, .bottom-spacing-triple { padding-bottom: 123.333333333px; } @media (min-width: 992px) { .bottom-spacing-doublemore, .bottom-spacing-triple { padding-bottom: 185px; } } .top-spacing-half { padding-top: 25px; } @media (min-width: 992px) { .top-spacing-half { padding-top: 37.5px; } } .bottom-spacing-full { padding-bottom: 66.6666666667px; } @media (min-width: 992px) { .bottom-spacing-full { padding-bottom: 100px; } } .bottom-spacing-full.no-bottom-mobile { padding-bottom: 0; } @media (min-width: 576px) { .bottom-spacing-full.no-bottom-mobile { padding-bottom: 100px; } } .bottom-spacing-fulltwice { padding-bottom: 66.6666666667px; } @media (min-width: 992px) { .bottom-spacing-fulltwice { padding-bottom: 150px; } } .bottom-spacing-double { padding-bottom: 100px; } @media (min-width: 992px) { .bottom-spacing-double { padding-bottom: 150px; } } .bottom-spacing-double.no-bottom-mobile { padding-bottom: 0; } @media (min-width: 576px) { .bottom-spacing-double.no-bottom-mobile { padding-bottom: 150px; } } .bottom-spacing-half { padding-bottom: 25px; } @media (min-width: 992px) { .bottom-spacing-half { padding-bottom: 37.5px; } } .bottom-spacing-half.no-bottom-mobile { padding-bottom: 0; } @media (min-width: 576px) { .bottom-spacing-half.no-bottom-mobile { padding-bottom: 37.5px; } } .pagination { align-items: center; display: flex; flex-direction: row; gap: 12px; justify-content: center; margin: 0 0 32px; padding: 0; list-style: none; } .pagination a, .pagination span { background-color: transparent; border-radius: 24px; color: var(--pm-brand-primary); display: block; padding: 10px 16px; text-decoration: none; } .pagination a:hover, .pagination span:hover { background-color: var(--pm-brand-primary); color: var(--pm-white); } .pagination a.current, .pagination span.current { background-color: var(--pm-brand-primary); color: var(--pm-white); pointer-events: none; cursor: default; text-decoration: none; } @media (min-width: 1200px) { .pagination { margin: 0 0 64px; } } .fwtext article { gap: 0; } .faqs { background-color: #E7E8EB; } .faqs .intro { text-align: center; } .faqs .faqs-block { width: 1050px; max-width: 100%; margin: 40px auto 0; } .faqs .faqs-block .faq-item { margin: 0 0 10px; background-color: #fff; padding: 35px; } .faqs .faqs-block .faq-item:last-of-type { margin: 0; } .faqs .faqs-block .faq-item .faq-question { cursor: pointer; margin: 0; display: flex; align-items: center; justify-content: space-between; } .faqs .faqs-block .faq-item .faq-question span { flex: 1; } .faqs .faqs-block .faq-item .faq-question .plusminus { position: relative; width: 25px; height: 25px; cursor: pointer; } .faqs .faqs-block .faq-item .faq-question .plusminus:before, .faqs .faqs-block .faq-item .faq-question .plusminus:after { content: ""; display: block; background-color: #CD3233; position: absolute; top: 50%; left: 0; transition: .35s; width: 100%; height: 2px; } .faqs .faqs-block .faq-item .faq-question .plusminus:before { transform: translatey(-50%); } .faqs .faqs-block .faq-item .faq-question .plusminus:after { transform: translatey(-50%) rotate(90deg); } .faqs .faqs-block .faq-item .faq-question.active .plusminus:before { transform: translatey(-50%) rotate(-90deg); opacity: 0; } .faqs .faqs-block .faq-item .faq-question.active .plusminus:after { transform: translatey(-50%) rotate(0); } .faqs .faqs-block .faq-item.alt { padding: 0; } .faqs .faqs-block .faq-item.alt .faq-question { padding: 35px; } .faqs .faqs-block .faq-item.alt .faq-answer { padding: 0 35px 35px 35px; } .faqs .faqs-block .faq-item .faq-answer { padding: 30px 0 0; display: none; } .cols.greybg { background-color: #E7E8EB; } .cols .faqs { background-color: transparent; } .cols .faqs .faqs-block { margin: 0; } .cols .faqs .faq-item { padding: 15px 0 25px; border-bottom: 1px solid #1B1E39; } .cols .faqs .faq-item:last-of-type { border: 0; padding: 15px 0 0; } .cols .faqs .faq-item .faq-question svg { width: 25px; margin: 0 10px 0 0; } .cols .faqs .faq-item .faq-question i { color: #cd3233; font-size: 25px; margin: 0 10px 0 0; } .contentimage .button-wrap { margin-bottom: -15px; } .contentimage .button-wrap .btn, .contentimage .button-wrap button, .contentimage .button-wrap input[type=text][type="file"], .contentimage .button-wrap input[type=email][type="file"], .contentimage .button-wrap select[type="file"], .contentimage .button-wrap textarea[type="file"], .contentimage .button-wrap .file-upload label, .file-upload .contentimage .button-wrap label { margin: 0 15px 15px 0; } .contentimage img.crop-sq { aspect-ratio: 1 /1; object-fit: cover; } .feature-c { padding: 25px; position: relative; } @media (min-width: 576px) { .feature-c { padding: 40px; } } @media (min-width: 992px) { .feature-c { padding: 75px; } } .feature-c:after { height: 27%; width: 100%; content: ''; position: absolute; bottom: 0; right: 0; z-index: 1; } @media (min-width: 992px) { .feature-c:after { height: calc(100% - 20px); width: 35%; content: ''; position: absolute; bottom: unset; top: 0; right: 0; } } .feature-c:before { height: 27%; width: 35%; content: ''; position: absolute; bottom: 0; right: 0; z-index: 2; } @media (min-width: 992px) { .feature-c:before { height: 30%; width: 35%; content: ''; position: absolute; bottom: unset; top: 0; right: 0; z-index: 2; } } .feature-c.reverse:after, .feature-c.reverse:before { right: unset; left: 0; } .feature-c .bring-out { position: relative; z-index: 3; } .feature-c-one { background-color: #E7E8EB; } .feature-c-one:after { background-color: #19255B; } .feature-c-one:before { background-color: #3040BD; } .feature-c-two { background-color: #E7E8EB; } .feature-c-two:after { background-color: #A63031; } .feature-c-two:before { background-color: #CD3233; } .feature-c-three { background-color: #19255B; color: #fff; } .feature-c-three:after { background-color: #1B1E39; } .feature-c-three:before { background-color: #3040BD; } .featuredc .half .button-wrap, .featuredc .third .button-wrap { padding-top: 1.5rem; } .featuredc .row { flex-wrap: wrap; flex-direction: column; gap: 0; } @media (min-width: 768px) { .featuredc .row { flex-direction: row; } } .featuredc .row .half, .featuredc .row .third { margin: 0 0 40px; } .featuredc .row img { aspect-ratio: 362 / 220; display: inline-block; margin: 0 0 20px; } .featuredc .featured-intro { margin: 0 0 50px; } .featuredc .featured-intro-inner { width: 740px; margin: 0 auto; max-width: 100%; text-align: center; } .featuredc .sticky-features { position: relative; } @media (min-width: 992px) { .featuredc .sticky-features .sticky { position: sticky; top: 140px; } } .featuredc .sticky-features.top-intro .seventy { margin-bottom: 48px; } .featuredc .thirty { width: 100%; } @media (min-width: 992px) { .featuredc .thirty { width: 33.333333333%; } } .featuredc .seventy { width: 100%; } @media (min-width: 992px) { .featuredc .seventy { width: 66.666666666%; } } .featuredc .half { width: 100%; } @media (min-width: 768px) { .featuredc .half { width: 50%; } } .featuredc .third { width: 100%; } @media (min-width: 768px) { .featuredc .third { width: 50%; } } @media (min-width: 992px) { .featuredc .third { width: 33.333333333%; } } .featuredc .bring-out.inner { margin: 0 -1rem; } .featuredc .bring-out.inner .half, .featuredc .bring-out.inner .third { padding: 0 1rem; } .hero { position: relative; background-repeat: no-repeat; background-size: cover; background-position: 50% 90%; } .hero.has-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: linear-gradient(76.88deg, rgba(31, 31, 31, 0.4) 43.51%, rgba(31, 31, 31, 0) 124.65%), linear-gradient(25.31deg, rgba(31, 31, 31, 0.2) -6.48%, rgba(31, 31, 31, 0) 65.98%); } .hero.has-bg .hero-in { min-height: 525px; } .hero.no-bg { background-color: #1B1E39; } .hero.no-bg.is-single-cs { background-color: #19255B; } .hero .hero-in { z-index: 4; position: relative; padding: 80px 0 80px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; color: #fff; } @media (min-width: 992px) { .hero .hero-in { padding: 80px 0; } } .hero .hero-in p { margin: 0; } .hero .hero-in h1 { margin-left: -4px; padding-right: 30px; position: relative; display: inline-block; } .hero .hero-in h1:after { position: absolute; right: 0; top: 0; content: ''; width: 14px; height: 14px; border-right: 3px solid #E7E8EB; border-top: 3px solid #E7E8EB; } .hero .hero-in .button-wrap { margin: 35px 0 0; } .hero .hero-in .hero-in-content { width: 800px; max-width: 100%; position: relative; } .hero.no-bg { position: relative; } .hero.no-bg > svg { position: absolute; bottom: 0; right: 0; height: 70%; width: auto; z-index: 1; } @media (min-width: 992px) { .hero.no-bg > svg { height: 95%; } } .hero.no-bg > svg .hero-in { position: relative; z-index: 2; } .hero.no-bg .hero-in { padding: 110px 0 80px; } @media (min-width: 768px) { .hero.no-bg .hero-in { padding: 110px 0; } } .hero.no-bg .hero-in h1:after { border-color: #3040BD; } .hero .case-study-cats { margin: 0 0 12.5px; } .hero .case-study-cats .case-study-cat-item { display: inline-block; padding: 0 7.5px; border-right: 1px solid rgba(255, 255, 255, 0.33); } .hero .case-study-cats .case-study-cat-item:first-of-type { padding-left: 0; } .hero .case-study-cats .case-study-cat-item:last-of-type { padding-right: 0; border: 0; } .hero .crumbs { position: absolute; top: 30px; left: 0; color: rgba(255, 255, 255, 0.65); } .hero .crumbs p { font-size: 0.875rem; line-height: 1.65; } .hero .crumbs p a:not(.btn):not(button):not(input[type=text][type="file"]):not(input[type=email][type="file"]):not(select[type="file"]):not(textarea[type="file"]) { display: inline-block; } .hero .crumbs p a:not(.btn):not(button):not(input[type=text][type="file"]):not(input[type=email][type="file"]):not(select[type="file"]):not(textarea[type="file"]):hover { color: #fff; text-decoration: none; } .hero .crumbs p .breadcrumb_last { color: #fff; } .hero .crumbs p span span.sep { display: inline-block; margin: 0 5px; } .hero .crumbs p span span.sep:first-child { margin-left: 0; } @media (min-width: 1200px) { .hero { background-size: 100%; } } .hero-cta { z-index: 4; position: relative; right: 0; bottom: 0; width: 100%; text-align: center; justify-content: center; align-items: center; background-color: #CD3233; display: flex; flex-direction: column; color: #fff; gap: 10px; padding: 30px 20px 30px 20px; } @media (min-width: 768px) { .hero-cta { width: auto; text-align: left; position: absolute; align-items: flex-start; justify-content: flex-start; bottom: -30px; } } @media (min-width: 768px) { .hero-cta { padding: 30px 30px 30px 50px; } } .hero-cta .cta-tel { margin: 0; gap: 10px; display: inline-flex; align-items: center; } .hero-cta .cta-tel svg { width: 18px; } .hero-cta:before { position: absolute; left: -21px; top: -21px; content: ''; width: 21px; height: 21px; border-left: 5px solid #CD3233; border-top: 5px solid #CD3233; } .hero-cta.left { right: unset; left: 0; } .hero-cta.left:before { left: unset; right: -21px; border-right: 5px solid #fff; border-top: 5px solid #fff; border-left: 0; } .hero-cta.is-cs { flex-direction: row; flex-wrap: wrap; position: relative; gap: 0; } @media (min-width: 576px) { .hero-cta.is-cs { gap: 10px; position: absolute; } } .hero-cta.is-cs .highlight-item { width: 50%; margin: 0 0 10px; padding: 0 15px 0 0; display: inline-flex; flex-direction: column; } @media (min-width: 576px) { .hero-cta.is-cs .highlight-item { width: auto; margin: 0; } } .hero-cta.is-cs .highlight-item .highlight-value { margin: 10px 0 0; } .imagegallery .gallery-intro { padding: 70px 0 40px 0; text-align: center; position: relative; z-index: 2; } .imagegallery .gallery-intro br { display: none; } @media (min-width: 992px) { .imagegallery .gallery-intro br { display: block; } } .imagegallery .gallery-wrap { position: relative; } .imagegallery.add-grey { position: relative; } .imagegallery.add-grey:before { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 400px; background-color: #E7E8EB; content: ''; } .imagegallery .slick-slide { padding: 0 .5rem; transition: all .3s ease-in-out; transform: scale(0.8); } @media (min-width: 768px) { .imagegallery .slick-slide { padding: 0 1rem; } } .imagegallery .slick-slide .case-study-slider-over > * { transform: scale(1.2); transform-origin: left; } .imagegallery .slick-slide .case-study-slider-over > *.case-study-sector { transform-origin: right; } .imagegallery .slick-slide img { width: 100%; aspect-ratio: 2 /1.1; object-fit: cover; min-height: 350px; } .imagegallery .slick-slide.slick-center { transform: scale(1); } .imagegallery .slick-slide.slick-center .case-study-slider-over * { transform: scale(1); } .imagegallery .slick-slide.slick-center .case-study-slider-over h2 { margin: 0 0 10px; } .imagegallery .slick-slide.slick-center + .slick-slide { transform-origin: center left; } .imagegallery .slick-slide.slick-center + .slick-slide img { transform-origin: center left; } .imagegallery .slick-slide:has(+ .slick-center) { transform-origin: center right; } .imagegallery .slick-slide:has(+ .slick-center) img { transform-origin: center right; } .imagegallery .slick-track { display: block; } .imagegallery .gallery-wrap { position: relative; z-index: 2; } .imagegallery .gallery-wrap .gallery-prev, .imagegallery .gallery-wrap .gallery-next { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; background-color: #3040BD; cursor: pointer; z-index: 123; align-items: center; justify-content: center; } @media (min-width: 576px) { .imagegallery .gallery-wrap .gallery-prev, .imagegallery .gallery-wrap .gallery-next { width: 64px; height: 64px; } } .imagegallery .gallery-wrap .gallery-prev:hover, .imagegallery .gallery-wrap .gallery-next:hover { background-color: #CD3233; } .imagegallery .gallery-wrap .gallery-prev { left: 15px; transform: translateY(-50%) rotate(180deg); } @media (min-width: 768px) { .imagegallery .gallery-wrap .gallery-prev { left: 45px; } } @media (min-width: 992px) { .imagegallery .gallery-wrap .gallery-prev { left: 140px; } } .imagegallery .gallery-wrap .gallery-next { right: 15px; } @media (min-width: 768px) { .imagegallery .gallery-wrap .gallery-next { right: 45px; } } @media (min-width: 992px) { .imagegallery .gallery-wrap .gallery-next { right: 140px; } } .imagegallery.bgcolor-primary-bottom { background: linear-gradient(to bottom, transparent 70%, #19255B 30%); } .gallery-slide a { overflow: hidden; position: relative; } .gallery-slide a img { transition: all .3s ease-in-out; } .gallery-slide a .case-study-slider-over { position: absolute; padding: 40px; top: 0; left: 0; height: 100%; width: 100%; display: inline-flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; z-index: 3; background: linear-gradient(180deg, rgba(13, 33, 56, 0) 0%, rgba(13, 33, 56, 0.5) 40%); color: #fff; } .gallery-slide a .case-study-slider-over .case-study-sector { position: absolute; right: 25px; top: 25px; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; border: 1px solid #fff; padding: 5px 15px; border-radius: 15px; } .gallery-slide a .case-study-slider-over h2 { margin: 0 0 20px; } .gallery-slide a:hover img { transform: scale(1.05); } .gallery-slide a:hover .btn, .gallery-slide a:hover button, .gallery-slide a:hover input[type=text][type="file"], .gallery-slide a:hover input[type=email][type="file"], .gallery-slide a:hover select[type="file"], .gallery-slide a:hover textarea[type="file"], .gallery-slide a:hover .file-upload label, .file-upload .gallery-slide a:hover label { background-color: #CD3233; border-color: #CD3233; } .gallery-slide a:hover .btn .svg-wrap svg.one, .gallery-slide a:hover button .svg-wrap svg.one, .gallery-slide a:hover input[type=text][type="file"] .svg-wrap svg.one, .gallery-slide a:hover input[type=email][type="file"] .svg-wrap svg.one, .gallery-slide a:hover select[type="file"] .svg-wrap svg.one, .gallery-slide a:hover textarea[type="file"] .svg-wrap svg.one, .gallery-slide a:hover .file-upload label .svg-wrap svg.one, .file-upload .gallery-slide a:hover label .svg-wrap svg.one { left: 100%; transition-delay: .1s; } .gallery-slide a:hover .btn .svg-wrap svg.two, .gallery-slide a:hover button .svg-wrap svg.two, .gallery-slide a:hover input[type=text][type="file"] .svg-wrap svg.two, .gallery-slide a:hover input[type=email][type="file"] .svg-wrap svg.two, .gallery-slide a:hover select[type="file"] .svg-wrap svg.two, .gallery-slide a:hover textarea[type="file"] .svg-wrap svg.two, .gallery-slide a:hover .file-upload label .svg-wrap svg.two, .file-upload .gallery-slide a:hover label .svg-wrap svg.two { left: 0; transition-delay: .2s; } .gallery-slide a:hover .btn .svg-wrap svg.two path, .gallery-slide a:hover button .svg-wrap svg.two path, .gallery-slide a:hover input[type=text][type="file"] .svg-wrap svg.two path, .gallery-slide a:hover input[type=email][type="file"] .svg-wrap svg.two path, .gallery-slide a:hover select[type="file"] .svg-wrap svg.two path, .gallery-slide a:hover textarea[type="file"] .svg-wrap svg.two path, .gallery-slide a:hover .file-upload label .svg-wrap svg.two path, .file-upload .gallery-slide a:hover label .svg-wrap svg.two path { fill: #fff; } .testimonials { background-color: #19255B; padding: 50px 0 100px; } @media (min-width: 1200px) { .testimonials { padding: 100px 0; } } .testimonials .tester-item { color: #fff; text-align: center; padding: 50px 0; position: relative; } @media (min-width: 768px) { .testimonials .tester-item { padding: 50px 70px; } } .testimonials .tester-item svg { height: auto; position: absolute; width: 40px; } .testimonials .tester-item svg.test-open-quote { left: 0; top: 0; } .testimonials .tester-item svg.test-close-quote { right: 0; bottom: 0; } @media (min-width: 768px) { .testimonials .tester-item svg.test-close-quote { bottom: 50px; } } .testimonials .tester-item .test-person span { display: inline-block; margin: 7px 0 0; text-transform: uppercase; color: greyby; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; } .testimonials .wrap-testers { position: relative; } .testimonials .wrap-testers .slick-track { display: block; } .testimonials .testers-prev, .testimonials .testers-next { position: absolute; width: 64px; height: 64px; background-color: #3040BD; cursor: pointer; z-index: 123; align-items: center; justify-content: center; } .testimonials .testers-prev:hover, .testimonials .testers-next:hover { background-color: #CD3233; } .testimonials .testers-prev { bottom: 40px; left: calc(50% - 74px); transform: rotate(180deg); } @media (min-width: 1200px) { .testimonials .testers-prev { left: 25px; top: 50%; transform: translateY(-50%) rotate(180deg); bottom: unset; } } .testimonials .testers-next { bottom: 40px; right: calc(50% - 74px); } @media (min-width: 1200px) { .testimonials .testers-next { right: 25px; top: 50%; transform: translateY(-50%); bottom: unset; } } .testimonials.bringuptesters { margin-top: -240px; padding-top: 200px; position: relative; z-index: 10; } *:has(+ .bringuptesters) { position: relative; z-index: 11; } .logogallery .logo-slide { display: inline-flex; align-items: center; justify-content: center; height: inherit; margin: 0 25px; } @media (min-width: 576px) { .logogallery .logo-slide { margin: 0 40px; } } @media (min-width: 992px) { .logogallery .logo-slide { margin: 0 60px; } } .logogallery .logo-slide img { max-height: 65px; max-width: 120px; height: auto; width: auto; } .cardlinks { position: relative; } .cardlinks.addgrey:after { position: absolute; top: 100px; height: calc(100% - 100px); width: 100%; content: ''; background-color: #E7E8EB; z-index: 1; } .cardlinks .container { position: relative; z-index: 2; } .cardlinks .cards-intro { padding-bottom: 1rem; } .cardlinks .row { flex-wrap: wrap; gap: 0; } .cardlinks .row .half, .cardlinks .row .quart { margin: 0 0 20px; padding: 0; display: inline-flex; flex-direction: column; align-self: stretch; } @media (min-width: 992px) { .cardlinks .row .half, .cardlinks .row .quart { padding: 0 10px; } } .cardlinks .row .quart { width: 100%; } @media (min-width: 992px) { .cardlinks .row .quart { width: 50%; } } @media (min-width: 1200px) { .cardlinks .row .quart { width: 25%; } } .cardlinks .row .card-link { flex: 1; background-color: #fff; box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.21); display: inline-block; } .cardlinks .row .card-link .card-image { overflow: hidden; } .cardlinks .row .card-link .card-image img { display: inline-block; vertical-align: bottom; transform: scale(1.05); transition: all .3s ease-in-out; aspect-ratio: 2 /1.25; object-fit: cover; } .cardlinks .row .card-link .card-info { padding: 40px 30px; background-color: #fff; } .cardlinks .row .card-link .card-info .card-title { display: flex; align-items: center; justify-content: space-between; } .cardlinks .row .card-link .card-info .card-title svg { max-width: 30px; max-height: 25px; } .cardlinks .row .card-link .card-info .card-title h4, .cardlinks .row .card-link .card-info .card-title .footer-cta .cta-tel, .footer-cta .cardlinks .row .card-link .card-info .card-title .cta-tel, .cardlinks .row .card-link .card-info .card-title .careers-form .cta-tel, .careers-form .cardlinks .row .card-link .card-info .card-title .cta-tel, .cardlinks .row .card-link .card-info .card-title .faqs .faqs-block .faq-item .faq-question, .faqs .faqs-block .faq-item .cardlinks .row .card-link .card-info .card-title .faq-question, .cardlinks .row .card-link .card-info .card-title .hero .hero-in p, .hero .hero-in .cardlinks .row .card-link .card-info .card-title p, .cardlinks .row .card-link .card-info .card-title .hero-cta .cta-tel, .hero-cta .cardlinks .row .card-link .card-info .card-title .cta-tel, .cardlinks .row .card-link .card-info .card-title .hero-cta.is-cs .highlight-item .highlight-value, .hero-cta.is-cs .highlight-item .cardlinks .row .card-link .card-info .card-title .highlight-value, .cardlinks .row .card-link .card-info .card-title .contact-block .contact-links .links a, .contact-block .contact-links .links .cardlinks .row .card-link .card-info .card-title a { margin: 0; font-size: 1.3rem; } .cardlinks .row .card-link .card-info .card-title .card-icon { position: relative; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #CCCCCC; display: inline-flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; } .cardlinks .row .card-link .card-info .card-title .card-icon .svg-wrap { position: relative; width: 13px; height: 14px; overflow: hidden; display: inline-block; } .cardlinks .row .card-link .card-info .card-title .card-icon .svg-wrap svg { width: 13px; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; transition: all .3s ease-in-out; } .cardlinks .row .card-link .card-info .card-title .card-icon .svg-wrap svg.two { left: -12px; } .cardlinks .row .card-link .card-info .card-title .card-icon .svg-wrap svg.two path { fill: #fff; } .cardlinks .row .card-link .card-info .card-title .card-icon .svg-wrap svg.one path { fill: #3040BD; } .cardlinks .row .card-link .card-info .card-title .card-title-icon { display: flex; align-items: center; flex: 1; gap: 10px; } .cardlinks .row .card-link:hover .card-title .card-icon { border-color: #3040BD; background-color: #3040BD; } .cardlinks .row .card-link:hover .card-title .card-icon .svg-wrap svg.one { left: 100%; transition-delay: .1s; } .cardlinks .row .card-link:hover .card-title .card-icon .svg-wrap svg.two { left: 0; transition-delay: 0; } .cardlinks .row .card-link:hover .card-image img { transform: none; } .cardlinks.bringup { margin-top: -110px; position: relative; z-index: 10; } .cardlinks .slick-slider { width: 100%; } .cardlinks .slick-slider .slick-slide { padding: 0 10px; } .cardlinks .slick-track { display: flex; gap: 0; float: left; align-items: stretch; } .cardlinks .slick-track .slick-slide { float: left; height: inherit; } .cardlinks .slick-track .slick-slide img { height: auto; width: auto; } .cardlinks .make-cards-slider { display: flex; flex-wrap: wrap; align-items: flex-start; } @media (max-width: 991.98px) { .cardlinks.is-carousel .container.outer { max-width: 100%; padding: 0; } } .cardlinks.is-carousel .cards-nav { display: block; margin-top: 3rem; } @media (min-width: 992px) { .cardlinks.is-carousel .cards-nav { display: none; } } .cardlinks.is-carousel .cards-nav .cards-prev { margin: 0 1rem 0 0; transform: rotate(180deg); } *:has(+ .bringup) { padding-bottom: 160px !important; } .usps .usp-intro { text-align: center; } .usps .usp-items { margin: 40px 0; text-align: center; } .usps .usp-items .usp-icon svg { max-height: 40px; margin: 0 0 15px; } .usps .usp-items .usp-icon i { font-size: 3rem; margin: 0 0 25px; color: #CD3233; } .ancards { position: relative; } .ancards.addgrey:after { position: absolute; top: 100px; height: calc(100% - 100px); width: 100%; content: ''; background-color: #E7E8EB; z-index: 1; } .ancards .container { position: relative; z-index: 2; } .ancards .row.narrowest .third { display: flex; flex-direction: column; transition: all .3s ease-in-out; padding: 0; margin: 0 0 20px; } @media (min-width: 992px) { .ancards .row.narrowest .third { padding: 0 10px; margin: 0; } } @media (min-width: 1200px) { .ancards .row.narrowest .third:hover { width: 50%; } } .ancards .row.narrowest .third a { color: #fff; position: relative; height: 250px; width: 100%; display: inline-block; } @media (min-width: 576px) { .ancards .row.narrowest .third a { height: 375px; } } .ancards .row.narrowest .third a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .ancards .row.narrowest .third a .an-card-title { z-index: 3; width: 230px; position: absolute; bottom: 0; left: 0; font-size: 1.5rem; line-height: 1.3; padding: 15px 25px; } .ancards .row.narrowest .third a .an-card-title span, .ancards .row.narrowest .third a .an-card-title svg { display: inline; } .ancards .row.narrowest .third a .an-card-title svg { width: 7px; height: auto; } .ancards .row.narrowest .third a:after { z-index: 2; position: absolute; top: 0; left: 0; height: 100%; content: ''; width: 100%; background: linear-gradient(180deg, rgba(27, 30, 57, 0) 39.19%, #1B1E39 100%); transition: all .3s ease-in-out; } .ancards .row.narrowest .third a .square { position: absolute; top: 0; right: 0; background-color: #fff; width: 0; height: 0; z-index: 3; transition: all .3s ease-in-out; } .ancards .row.narrowest .third a .square:after { position: absolute; width: 0; height: 0; content: ''; top: 0; right: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; transition: all .3s ease-in-out; } .ancards .row.narrowest .third a:hover .square { width: 35px; height: 35px; } .ancards .row.narrowest .third a:hover .square:after { height: 25px; width: 25px; } .ancards .row.narrowest .third a:hover.card-red:after { background: rgba(205, 50, 51, 0.9); } .ancards .row.narrowest .third a:hover.card-red .square:after { border-color: #CD3233; } .ancards .row.narrowest .third a:hover.card-midblue:after { background: rgba(48, 64, 189, 0.9); } .ancards .row.narrowest .third a:hover.card-midblue .square:after { border-color: #3040BD; } .ancards .row.narrowest .third a:hover.card-darkblue:after { background: rgba(25, 37, 91, 0.9); } .ancards .row.narrowest .third a:hover.card-darkblue .square:after { border-color: #19255B; } .ancards .row.narrowest .thirty { align-self: stretch; display: flex; flex-direction: column; } .ancards .row.narrowest .thirty .an-cards-intro { background-color: #fff; padding: 30px; box-shadow: 0px 0px 24px 0px rgba(66, 68, 90, 0.21); position: relative; overflow: hidden; flex: 1; display: flex; flex-direction: column; min-height: 250px; justify-content: center; } @media (min-width: 1200px) { .ancards .row.narrowest .thirty .an-cards-intro { align-items: center; padding: 30px 50px; } } .ancards .row.narrowest .thirty .an-cards-intro:after { position: absolute; top: calc(100% - 70px); content: ''; left: 0; width: 100%; height: 100%; background-image: url(assets/img/bg.png); background-repeat: repeat-x; background-size: 340px; background-position: left top; } .ancards .outer-row { flex-direction: column; gap: 0; } @media (min-width: 992px) { .ancards .outer-row { gap: 20px; } } @media (min-width: 1200px) { .ancards .outer-row { flex-direction: row; gap: 0; } } .ancards .outer-row .thirty { width: 100%; padding: 0; } @media (min-width: 1200px) { .ancards .outer-row .thirty { width: 33.333333333%; padding: 0 10px; } } .ancards .outer-row .seventy { width: 100%; padding: 0; } @media (min-width: 1200px) { .ancards .outer-row .seventy { width: 66.666666666%; padding: 0 10px; } } .case-studies .case-studies-top, .search-results .case-studies-top { display: flex; justify-content: space-between; flex-direction: column; gap: 10px; } @media (min-width: 576px) { .case-studies .case-studies-top, .search-results .case-studies-top { flex-direction: row; align-items: flex-end; gap: 0; } } .case-studies .case-studies-top h2, .search-results .case-studies-top h2 { margin: 0; } .case-studies .case-study-filters, .search-results .case-study-filters { margin: 20px 0 0; } .case-studies .case-study-grid, .search-results .case-study-grid { flex-wrap: wrap; margin: 40px 0 0; } .case-studies .case-study-grid .half, .search-results .case-study-grid .half { margin: 0 0 40px; } .case-studies .wrap-cs, .search-results .wrap-cs { position: relative; } .case-studies .wrap-cs .loading, .search-results .wrap-cs .loading { display: none; justify-content: center; align-items: center; width: 100%; gap: 7px; text-transform: uppercase; color: #19255B; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; position: absolute; top: 0; left: 0; text-align: center; } .case-studies .wrap-cs .loading svg, .search-results .wrap-cs .loading svg { width: 35px; } @media (min-width: 992px) { .case-studies .no-cs, .search-results .no-cs { padding: 0 10px; } } .case-studies .load-more-wrap, .search-results .load-more-wrap { text-align: center; } .case-studies .load-more-wrap .more-loading, .search-results .load-more-wrap .more-loading { justify-content: center; align-items: center; width: 100%; gap: 7px; text-transform: uppercase; color: #19255B; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; text-align: center; margin: 0 0 25px; display: none; } .case-studies .load-more-wrap .more-loading svg, .search-results .load-more-wrap .more-loading svg { width: 35px; } .case-studies__header, .search-results__header { margin-bottom: 32px; padding-top: 32px; } .case-studies__header p, .search-results__header p { color: rgba(58, 59, 85, 0.7); } @media (min-width: 1200px) { .case-studies__header, .search-results__header { margin-bottom: 64px; padding-top: 64px; } } .contact-block { background-color: #1B1E39; color: #fff; } .contact-block .footer-social { margin: 25px 0 0; } .contact-block .footer-social .social-label { text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; margin: 0 0 8px; } .contact-block .footer-social a { display: inline-block; margin: 0 15px 0 0; font-size: 26px; } .contact-block .footer-social a:hover { color: #CD3233; } .contact-block .contact-links { margin: 40px 0; display: flex; gap: 20px; flex-direction: column; } @media (min-width: 576px) { .contact-block .contact-links { flex-direction: row; align-items: center; } } .contact-block .contact-links .icon { background-image: url(assets/img/customerservicerep.jpg); width: 80px; height: 80px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; } .contact-block .contact-links .links { display: flex; flex-direction: column; gap: 10px; } .contact-block .contact-links .links a { margin: 0; gap: 10px; display: inline-flex; align-items: center; } .contact-block .contact-links .links a svg { width: 23px; } .contact-block .contact-links .links a svg path { fill: #CD3233; } .hero_with_image { margin-bottom: 64px; position: relative; overflow: hidden; } @media (min-width: 992px) { .hero_with_image { margin-bottom: 96px; overflow: visible; } } .hero_with_image p { margin: 0; } .hero_with_image > img { position: absolute; top: 0; height: 100%; object-fit: cover; z-index: 2; } @media (min-width: 992px) { .hero_with_image > img { width: 60%; } } .hero_with_image .hero-inner { position: relative; z-index: 3; background-color: rgba(25, 37, 91, 0.81); color: #fff; text-align: center; } @media (min-width: 992px) { .hero_with_image .hero-inner { background: linear-gradient(90deg, rgba(42, 123, 155, 0) 0%, rgba(42, 123, 155, 0) 30%, #19255b 60%); } } @media (min-width: 992px) { .hero_with_image .hero-inner { text-align: left; } } .hero_with_image .container { padding-bottom: 0; } @media (min-width: 768px) { .hero_with_image .container { padding-bottom: 80px; } } @media (min-width: 992px) { .hero_with_image .container { padding-bottom: 0; } } .hero_with_image h1 { font-family: "Manrope", sans-serif; font-size: calc(2.4rem + 1.25vw); font-weight: 500; } @media (min-width: 768px) { .hero_with_image h1 { font-size: 3.6rem; } } .hero_with_image .button-wrap { margin: 40px 0; } .hero_with_image .button-wrap .btn, .hero_with_image .button-wrap button, .hero_with_image .button-wrap input[type=text][type="file"], .hero_with_image .button-wrap input[type=email][type="file"], .hero_with_image .button-wrap select[type="file"], .hero_with_image .button-wrap textarea[type="file"], .hero_with_image .button-wrap .file-upload label, .file-upload .hero_with_image .button-wrap label { margin: 0 20px 10px 0; width: 100%; align-items: center; justify-content: center; } @media (min-width: 576px) { .hero_with_image .button-wrap .btn, .hero_with_image .button-wrap button, .hero_with_image .button-wrap input[type=text][type="file"], .hero_with_image .button-wrap input[type=email][type="file"], .hero_with_image .button-wrap select[type="file"], .hero_with_image .button-wrap textarea[type="file"], .hero_with_image .button-wrap .file-upload label, .file-upload .hero_with_image .button-wrap label { width: auto; align-items: flex-start; } } .hero_with_image .hero-logo { display: inline-block; margin: 10px 15px; max-width: calc(50% - 30px); } @media (min-width: 992px) { .hero_with_image .hero-logo { margin: 0 30px 10px 0; } } .hero_with_image .hero-logo img { max-height: 43px; height: auto; width: auto; } .timeline { background-color: #E7E8EB; position: relative; } .timeline .slick-track { display: flex; gap: 0; } .timeline:after { position: absolute; top: 100%; height: 275px; width: 100%; content: ''; background-color: #E7E8EB; } .timeline .timeline-intro { position: relative; text-align: center; margin: 0 0 65px; } .timeline .timeline-intro .container { padding: 0 75px; } .timeline .large-date { position: absolute; bottom: 50%; font-size: 75px; z-index: 9; background: linear-gradient(270deg, rgba(27, 30, 57, 0.38) 9%, rgba(27, 30, 57, 0.16) 89%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transform: translateY(50%); } @media (min-width: 992px) { .timeline .large-date { font-size: 200px; } } .timeline .large-date.large-date-left { left: 25px; } .timeline .large-date.large-date-right { right: 25px; } .timeline .make-timeline { position: relative; z-index: 10; backface-visibility: hidden; display: flex; } .timeline .make-timeline:before { content: ''; position: absolute; height: calc(100% - 75px); width: 90px; z-index: 5; left: 0; background: linear-gradient(90deg, #e7e8eb 4%, rgba(87, 199, 133, 0) 98%); } .timeline .make-timeline:after { content: ''; position: absolute; height: calc(100% - 75px); width: 90px; z-index: 5; right: 0; background: linear-gradient(90deg, #e7e8eb 4%, rgba(87, 199, 133, 0) 98%); transform: rotate(180deg); } .timeline .make-timeline .timeline-slide { height: inherit; position: relative; display: inline-flex; flex-direction: column; padding: 0 15px; padding-bottom: 110px !important; position: relative; } .timeline .make-timeline .timeline-slide img { height: auto; } @media (min-width: 768px) { .timeline .make-timeline .timeline-slide { padding: 0 25px; } } .timeline .make-timeline .timeline-slide .timeline-slide-inner { flex: 1; box-shadow: 0px 0px 17px 0px rgba(66, 68, 90, 0.21); background-color: #fff; } .timeline .make-timeline .timeline-slide .timeline-slide-inner img { display: inline-block; vertical-align: bottom; } .timeline .make-timeline .timeline-slide .timeline-slide-inner .timeline-card { flex: 1; padding: 30px; font-size: 14px; } .timeline .make-timeline .timeline-slide .timeline-slide-inner .timeline-card .year { display: block; margin: 0 0 7px; text-transform: uppercase; color: #CD3233; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; } .timeline .make-timeline .timeline-slide:after { content: ''; left: 50%; top: calc(100% - 110px); height: 80px; width: 4px; transform: translateX(-50%); background-color: #A7ABBE; position: absolute; transition: all .3s ease-in-out; } .timeline .timeline-prev, .timeline .timeline-next { position: absolute; top: 70px; width: 64px; height: 64px; background-color: #3040BD; cursor: pointer; z-index: 123; transform: translateY(-15%); align-items: center; justify-content: center; } @media (min-width: 768px) { .timeline .timeline-prev, .timeline .timeline-next { top: 0; } } .timeline .timeline-prev:hover, .timeline .timeline-next:hover { background-color: #CD3233; } .timeline .timeline-next { right: 0; } .timeline .timeline-prev { left: 0; transform: translateY(-15%) rotate(180deg); } .timeline .container { position: relative; } .timeline .timeline-items { background-image: url("assets/img/timeline-bg.png"); background-repeat: repeat-x; background-position: center calc(100% - 30px); } @media (max-width: 991.98px) { .timeline .timeline-items .container { max-width: 100%; } } @media (max-width: 767.98px) { .timeline .timeline-items .container { padding: 0 10px; } } .timeline .timeline-markers { position: relative; } .timeline .timeline-markers:before { background-color: #A7ABBE; content: ''; position: absolute; bottom: 50px; left: 0; height: 2px; width: 100%; } .timeline .timeline-markers .timelinered { background-color: #CD3233; position: absolute; bottom: 49px; left: 0; height: 4px; width: 10%; transition: all .3s ease-in-out; display: none; } .timeline .timeline-markers .timelinered:after { right: -6px; top: -7px; width: 14px; height: 14px; content: ''; position: absolute; background-color: #CD3233; } @media (min-width: 992px) { .timeline .timeline-markers .timelinered { display: block; } } .timeline .timeline-markers .year-markers { display: flex; justify-content: space-between; } .timeline .timeline-markers .year-markers .year-marker { cursor: pointer; display: inline-block; padding-bottom: 3px; text-align: center; text-transform: uppercase; color: rgba(58, 59, 85, 0.5); font-size: 12px; font-weight: 800; letter-spacing: 1.25px; } .timeline .timeline-markers .year-markers .year-marker:hover span, .timeline .timeline-markers .year-markers .year-marker.active span { border-bottom: 2px solid #CD3233; text-transform: uppercase; color: #3A3B55; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; } @media (min-width: 782px) { .wp-admin .interface-complementary-area { width: 500px; } } .content-block { margin-bottom: 2rem; } .content-block.module-block-image-image { width: 100%; gap: 2rem; } @media (min-width: 768px) { .content-block.module-block-image-image { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; } } .content-block.module-block-image-image figure { margin-bottom: 2rem; } @media (min-width: 768px) { .content-block.module-block-image-image figure { margin: 0; } } /** * BLOCKS - FROM OLD SITE * **/ .has-nested-images { align-items: normal; display: flex; gap: 20px; margin: 0 0 20px; flex-flow: row wrap; } .has-nested-images figure { flex: 1 1 calc((100% - (20px * (2 - 1))) / 2); } .has-nested-images p { display: none; } .wp-block-separator { margin: 20px 0; } .cs-page-content { margin-bottom: 32px; padding-top: 32px; } @media (min-width: 1200px) { .cs-page-content { margin-bottom: 64px; padding-top: 64px; } } .case-study-more .more-case-study-title { margin: 0 0 40px; display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 768px) { .case-study-more .more-case-study-title { flex-direction: row; align-items: center; } .case-study-more .more-case-study-title h2 { margin: 0; } } .cs-item .cs-link .card-image { margin: 0 0 20px; display: inline-block; overflow: hidden; } .cs-item .cs-link .card-image img { aspect-ratio: 612 / 350; transition: all .3s ease-in-out; } .cs-item .cs-link:hover .card-image img { transform: scale(1.05); } .cs-item .case-study-cats { margin: 0 0 12.5px; color: #CD3233; } .cs-item .case-study-cats .case-study-cat-item { display: inline-block; padding: 0 7.5px; border-right: 1px solid rgba(25, 37, 91, 0.33); } .cs-item .case-study-cats .case-study-cat-item:first-of-type { padding-left: 0; } .cs-item .case-study-cats .case-study-cat-item:last-of-type { padding-right: 0; border: 0; } .locked .case-study-cta .restricted-access p.label { text-transform: uppercase; color: #000000; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; color: #FFFFFF; } .locked .case-study-cta .restricted-access .bring-out { display: flex; flex-direction: column; gap: 32px; } .locked .case-study-cta .restricted-access .bring-out div:first-of-type { text-align: center; } .locked .case-study-cta .restricted-access .bring-out div:first-of-type p.label { margin: 0 0 8px; } .locked .wrap-cs-module, .locked .cs-page-content { position: relative; overflow: hidden; } .locked .wrap-cs-module:after, .locked .cs-page-content:after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%); content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 3; } .locked .wrap-cs-module .module-position-2, .locked .cs-page-content .module-position-2 { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; } .locked .wrap-cs-module .locked-form, .locked .cs-page-content .locked-form { padding: 75px 0; position: relative; z-index: 4; display: flex; align-items: center; justify-content: center; } .locked .wrap-cs-module .locked-form .locked-form-inner, .locked .cs-page-content .locked-form .locked-form-inner { background-color: #CD3233; padding: 40px; width: 775px; max-width: 100%; color: #fff; text-align: center; } .locked .wrap-cs-module .locked-form .locked-form-inner .restricted-title, .locked .cs-page-content .locked-form .locked-form-inner .restricted-title { display: inline-flex; align-items: center; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 1.25px; justify-content: center; margin: 0 0 15px; } .locked .wrap-cs-module .locked-form .locked-form-inner .restricted-title svg, .locked .cs-page-content .locked-form .locked-form-inner .restricted-title svg { width: 15px; margin: 0 7px 0 0; } .locked .wrap-cs-module .locked-form .locked-form-inner .footer-cta, .locked .cs-page-content .locked-form .locked-form-inner .footer-cta { padding: 30px 20px 20px; } .locked .cs-page-content { max-height: 75vh; } .locked .cs-page-content:after { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, #FFFFFF 100%); } .case-study-grid { flex-wrap: wrap; } .case-study-grid.is-news .third, .case-study-grid.is-news .half { margin: 0 0 30px; padding: 0; } @media (min-width: 992px) { .case-study-grid.is-news .third, .case-study-grid.is-news .half { padding: 0 10px; } } .case-study-grid.is-careers .full { border-bottom: 1px solid rgba(25, 37, 91, 0.33); margin: 0 0 12px; padding: 0 0 12px; width: 100%; } @media (min-width: 992px) { .case-study-grid.is-careers .full { padding: 0 10px 12px; } } .time { color: rgba(58, 59, 85, 0.7); font-size: 13px; display: block; } .time.inner { margin: 0 0 25px; } .time.is-feat { margin: 0 0 15px; } .careers-meta { display: inline-block; margin: 0 0 12.5px; color: #CD3233; } .careers-meta .meta-item { display: inline-block; padding: 0 7.5px; border-right: 1px solid rgba(25, 37, 91, 0.33); } .careers-meta .meta-item:first-of-type { padding-left: 0; } .careers-meta .meta-item:last-of-type { padding-right: 0; border: 0; } .related { margin: 75px 0 0; } .news-excerpt { margin: 0 0 20px; } .featured-article { margin: 45px 0 0; } .article-detail { display: block; margin: 0 auto; width: 800px; max-width: 100%; } .article-detail img { margin: 0 0 25px; } .news-sort select { margin: 0; } .news-sort span { margin: 0 7px 0 0; } .news-block-intro { margin: 0 0 25px; display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 992px) { .news-block-intro { flex-direction: row; align-items: center; } } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @keyframes slide-up { from { opacity: 0; transform: translateY(150px); } to { opacity: 1; transform: translateY(0); } } @keyframes slide-down { from { opacity: 0; transform: translateY(-150px); } to { opacity: 1; transform: translateY(0); } } @keyframes slide-left { from { opacity: 0; transform: translateX(-150px); } to { opacity: 1; transform: translateY(0); } } @keyframes slide-right { from { opacity: 0; transform: translateX(150px); } to { opacity: 1; transform: translateY(0); } } @keyframes expand { from { opacity: 0; transform: scale(0.75); } to { opacity: 1; transform: scale(1); } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-dots li:only-child { display: none; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { flex-direction: row; position: relative; left: 0; top: 0; display: flex; gap: 2rem; margin-left: 0; margin-right: auto; } .slick-track article:first-child { padding-left: 0; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: flex; flex-direction: column; float: left; gap: 2rem; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: flex; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*# sourceMappingURL=style.min.css.map */