@charset "UTF-8";
/*
Theme Name: beaverbridges
Author: Reech Media
Author URI: https://www.reech.agency
Description: beaverbridges 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=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&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 { --bb-black: #000000; --bb-white: #FFFFFF; --bb-brand-primary: #262C53; --bb-brand-secondary: #2F43C5; --bbbody-bg: var(--bb-primary); --bbbody-color: var(--bb-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"], input[type=tel][type="file"], select[type="file"], textarea[type="file"], .file-upload label, ul.desktop-menu li.menu-item.contact a, .contactarea .gform_wrapper.gravity-theme input[type="submit"], .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; }

@media (max-width: 991.98px) { #content { margin-bottom: 0 !important; } }

main { position: relative; z-index: 4; background-color: #fff; }

/* ---------------------------------------------------------------------------- */
/*  Adds font smoothing on all elements
/* ---------------------------------------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#content section { position: relative; z-index: 10; }

#content section.featuredprojects { overflow-x: unset; }

body { margin: 0; font-family: var(--bbbody-font-family); font-size: var(--bbbody-font-size); font-weight: var(--bbbody-font-weight); line-height: var(--bbbody-line-height); color: var(--bbbody-color); text-align: var(--bbbody-text-align); background-color: var(--bbbody-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; }

hr { margin: 70px 0; color: var(--bb-brand-primary); border-top: var(--bs-border-width) solid var(--bb-brand-primary); opacity: 0.25; }

@media (min-width: 992px) { hr { margin: 100px 0; } }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; font-weight: 700; line-height: 1.2; color: #262C53; }

h1 { font-size: calc(1.4825rem + 2.79vw); }

@media (min-width: 1200px) { h1 { font-size: 3.575rem; } }

h2 { font-size: calc(1.425rem + 2.1vw); }

@media (min-width: 1200px) { h2 { font-size: 3rem; } }

h3 { font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) { h3 { font-size: 1.75rem; } }

h4 { font-size: calc(1.315rem + 0.78vw); }

@media (min-width: 1200px) { h4 { font-size: 1.9rem; } }

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(--bb-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(--bb-white); text-decoration: none; }

a:hover { color: var(--bb-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(--bb-black); }

.bgcolor-white { background-color: var(--bb-white); }

.bgcolor-primary { background-color: var(--bb-primary); }

.bgcolor-secondary { background-color: var(--bb-secondary); }

.bgcolor-black { background-color: var(--bb-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(--bb-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(--bb-black) 0%); }

.bgcolor-black-indent-bottom.np-bottom, .bgcolor-black-indent-bottom.np-top { background: linear-gradient(to top, var(--bb-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(--bb-black) 0%); }

.bgcolor-black-indent-top:not(.np-top), .bgcolor-black-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--bb-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(--bb-black) 0%); }

.bgcolor-black-indent-top.np-bottom, .bgcolor-black-indent-top.np-top { background: linear-gradient(to bottom, var(--bb-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(--bb-black) 0%); }

.bb-black { color: var(--bb-black); }

.bgcolor-white { background-color: var(--bb-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(--bb-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(--bb-white) 0%); }

.bgcolor-white-indent-bottom.np-bottom, .bgcolor-white-indent-bottom.np-top { background: linear-gradient(to top, var(--bb-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(--bb-white) 0%); }

.bgcolor-white-indent-top:not(.np-top), .bgcolor-white-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--bb-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(--bb-white) 0%); }

.bgcolor-white-indent-top.np-bottom, .bgcolor-white-indent-top.np-top { background: linear-gradient(to bottom, var(--bb-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(--bb-white) 0%); }

.bb-white { color: var(--bb-white); }

.bgcolor-primary { background-color: var(--bb-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(--bb-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(--bb-primary) 0%); }

.bgcolor-primary-indent-bottom.np-bottom, .bgcolor-primary-indent-bottom.np-top { background: linear-gradient(to top, var(--bb-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(--bb-primary) 0%); }

.bgcolor-primary-indent-top:not(.np-top), .bgcolor-primary-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--bb-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(--bb-primary) 0%); }

.bgcolor-primary-indent-top.np-bottom, .bgcolor-primary-indent-top.np-top { background: linear-gradient(to bottom, var(--bb-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(--bb-primary) 0%); }

.bb-primary { color: var(--bb-primary); }

.bgcolor-secondary { background-color: var(--bb-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(--bb-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(--bb-secondary) 0%); }

.bgcolor-secondary-indent-bottom.np-bottom, .bgcolor-secondary-indent-bottom.np-top { background: linear-gradient(to top, var(--bb-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(--bb-secondary) 0%); }

.bgcolor-secondary-indent-top:not(.np-top), .bgcolor-secondary-indent-top:not(.np-bottom) { background: linear-gradient(to bottom, var(--bb-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(--bb-secondary) 0%); }

.bgcolor-secondary-indent-top.np-bottom, .bgcolor-secondary-indent-top.np-top { background: linear-gradient(to bottom, var(--bb-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(--bb-secondary) 0%); }

.bb-secondary { color: var(--bb-secondary); }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --bbgutter-x: 1.5rem; --bbgutter-y: 0; --cont-padd-x: calc(var(--bbgutter-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: "Noto Sans JP", serif; font-size: calc(2.3833333333rem + 1.25vw); font-weight: 900; line-height: 1.2; text-transform: uppercase; letter-spacing: -3px; }

@media (min-width: 768px) { h1, .h1 { font-size: 3.575rem; } }

h1 p, .h1 p { line-height: inherit; }

h2, .h2, article header .overlay .stat { font-family: "Noto Sans JP", serif; font-size: calc(2rem + 1.25vw); font-weight: 900; line-height: 1.1; text-transform: uppercase; letter-spacing: -2.4px; }

@media (min-width: 768px) { h2, .h2, article header .overlay .stat { font-size: 3rem; } }

h2 p, .h2 p, article header .overlay .stat p { line-height: inherit; }

h2 a, .h2 a, article header .overlay .stat a { color: #2F43C5; }

h2 a:hover, .h2 a:hover, article header .overlay .stat a:hover { color: #2F43C5; text-decoration: underline; }

h3, .h3 { font-family: "Noto Sans JP", serif; font-size: calc(1.1666666667rem + 1.25vw); font-weight: 900; line-height: 1.1; text-transform: uppercase; letter-spacing: -1.8px; }

@media (min-width: 768px) { h3, .h3 { font-size: 1.75rem; } }

h3 p, .h3 p { line-height: inherit; }

h3 a, .h3 a { color: #2F43C5; }

h3 a:hover, .h3 a:hover { color: #2F43C5; text-decoration: underline; }

h4, .h4, .gform_title { font-family: "Noto Sans JP", serif; font-size: calc(1.2666666667rem + 1.25vw); font-weight: 400; line-height: 1.1; text-transform: uppercase; letter-spacing: -1.4px; text-transform: none; }

@media (min-width: 768px) { h4, .h4, .gform_title { font-size: 1.9rem; } }

h4 a, .h4 a, .gform_title a { color: #2F43C5; }

h4 a:hover, .h4 a:hover, .gform_title a:hover { color: #2F43C5; text-decoration: underline; }

h5, .h5 { font-family: "Noto Sans JP", serif; font-size: calc(1.4166666667rem + 1.25vw); font-weight: 1.4; line-height: 600; text-transform: uppercase; }

@media (min-width: 768px) { h5, .h5 { font-size: 2.125rem; } }

h6, .h6 { font-family: "Noto Sans", serif; font-size: calc(0.85rem + 1.25vw); font-weight: 1.4; line-height: 400; text-transform: uppercase; }

@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, h3.gfield_validation_message { 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, h3.white.gfield_validation_message { color: white; }

html { font-size: 1rem; color: var(--bb-white); font-family: "Noto Sans", serif; font-weight: 400; }

/* ---------------------------------------------------------------------------- */
/*  Link Transitions
/* ---------------------------------------------------------------------------- */
a { transition: all .3s ease-in-out; color: var(--bb-white); text-decoration: none; }

p { color: #262C53; margin-bottom: 15px; font-size: 1.125rem; }

p:last-child { margin-bottom: 0; }

p a { color: #2F43C5; }

p a:hover { color: #2F43C5; text-decoration: underline; }

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"], input[type=tel][type="file"], select[type="file"], textarea[type="file"], .file-upload label, ul.desktop-menu li.menu-item.contact a, .contactarea .gform_wrapper.gravity-theme input[type="submit"] { display: inline-flex; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; padding: 12.5px 22px; letter-spacing: -0.28px; cursor: pointer; transition: all .3s ease-in-out; }

.btn.lightblue, button.lightblue, input.lightblue[type=text][type="file"], input.lightblue[type=email][type="file"], input.lightblue[type=tel][type="file"], select.lightblue[type="file"], textarea.lightblue[type="file"], .file-upload label.lightblue, ul.desktop-menu li.menu-item.contact a.lightblue, .contactarea .gform_wrapper.gravity-theme input[type="submit"] { border: 1px solid #2F43C5; background-color: #2F43C5; }

.btn.lightblue:hover, button.lightblue:hover, input.lightblue:hover[type=text][type="file"], input.lightblue:hover[type=email][type="file"], input.lightblue:hover[type=tel][type="file"], select.lightblue:hover[type="file"], textarea.lightblue:hover[type="file"], .file-upload label.lightblue:hover, ul.desktop-menu li.menu-item.contact a.lightblue:hover, .contactarea .gform_wrapper.gravity-theme input:hover[type="submit"] { border-color: #26369F; background-color: #26369F; }

.btn.outline, button.outline, input.outline[type=text][type="file"], input.outline[type=email][type="file"], input.outline[type=tel][type="file"], select.outline[type="file"], textarea.outline[type="file"], .file-upload label.outline, ul.desktop-menu li.menu-item.contact a.outline, .contactarea .gform_wrapper.gravity-theme input.outline[type="submit"] { border: 1px solid #fff; }

.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(--bb-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(--bb-white); bottom: 5px; content: ""; height: 1px; position: absolute; width: 0; }

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { background-color: transparent; color: var(--bb-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(--bb-white); border-radius: 50%; color: var(--bb-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(--bb-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(--bb-passion); border-color: var(--bb-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; }

.btn-expand { background-color: var(--bb-passion); border-radius: 50%; color: var(--bb-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(--bb-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(--bb-black); }

.btn-expand.col-white { background-color: var(--bb-white); }

.btn-expand.col-primary { background-color: var(--bb-primary); }

.btn-expand.col-secondary { background-color: var(--bb-secondary); }

.rm-zoom-controls { height: 120px; margin: 1.25rem 0 0 1.25rem; right: 0 !important; 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(--bb-white); border: 1px solid var(--bb-white); border-radius: 0.2rem; cursor: pointer; display: flex; height: 35px; justify-content: center; position: relative; width: 35px; }

.rm-zoom-controls .zoom:after, .rm-zoom-controls .rm-controls__zoom-in:after, .rm-zoom-controls .rm-controls__zoom-out:after { color: var(--bb-brand-primary); content: ""; font-family: "Font Awesome 6 Pro"; font-size: 1rem; font-weight: 600; position: absolute; }

.rm-zoom-controls .rm-controls__zoom-in { height: 40px; padding-bottom: 5px; }

.rm-zoom-controls .rm-controls__zoom-in:after { content: "\2b"; }

.rm-zoom-controls .rm-controls__zoom-in:before { background-color: var(--bb-black); bottom: 0; content: ""; height: 1px; left: 6px; opacity: 0.25; position: absolute; width: 20px; }

.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 { display: none; z-index: 9999; margin-right: 10px; margin-left: auto; width: 50px; height: 40px; position: relative; -webkit-transform: rotate(0deg) translateX(10px); -moz-transform: rotate(0deg) translateX(10px); -o-transform: rotate(0deg) translateX(10px); transform: rotate(0deg) translateX(10px); -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 { display: block; } }

.nav-toggle span { display: block; position: absolute; height: 3px; width: 100%; 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: 21px; }

.nav-toggle span:nth-child(4) { top: 32px; }

.site-header__main.white .nav-toggle span { background-color: #262C53; }

html.nav-open .nav-toggle span { background-color: white; }

html.nav-open .nav-toggle span:nth-child(1) { top: 20px; 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: 20px; width: 0%; left: 50%; }

.smaller-link { display: inline-block; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; padding-bottom: 11px; border-bottom: 2px solid #455DFB; }

.small-link { display: inline-block; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; letter-spacing: -0.28px; padding-bottom: 5px; border-bottom: 2px solid #455DFB; }

.small-link:hover { color: #455DFB; }

form { gap: 2rem; margin-bottom: 30px; width: 100%; }

input[type=text], input[type=email], input[type=tel], select, textarea { box-shadow: none; caret-color: var(--bb-passion); display: block; width: 100%; padding: 15px; font-family: "Noto Sans", serif; font-size: 1rem; font-weight: normal; line-height: 1.25; color: var(--bb-black); background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); appearance: none; }

input[type=text]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, select::placeholder, textarea::placeholder { color: #262C53; opacity: 1; transition: opacity 0.3s ease; }

input[type=text][type="file"]:not(:disabled):not([readonly]), input[type=email][type="file"]:not(:disabled):not([readonly]), input[type=tel][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, input[type=tel]:focus, select:focus, textarea:focus { color: var(--bb-black); outline: 0; box-shadow: none; }

input[type=text]:disabled, input[type=text][readonly], input[type=email]:disabled, input[type=email][readonly], input[type=tel]:disabled, input[type=tel][readonly], select:disabled, select[readonly], textarea:disabled, textarea[readonly] { background-color: var(--bb-white); border-color: var(--bb-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, input[type=tel]: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(--bb-white); }

select { border-color: var(--bb-passion); cursor: pointer; }

select option { color: var(--bb-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(--bb-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(--bb-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(--bb-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(--bb-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(--bb-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(--bb-passion); content: "\f14a"; font-family: "Font Awesome 6 Pro"; font-size: 1.675rem; font-weight: 900; }

.gform_submission_error, .gfield_validation_message { color: var(--bb-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(--bb-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(--bb-white); display: flex; height: 45px; min-width: 200px; position: relative; transition: all 0.3s ease-in-out; }
  .rm-select .rm-options { background: var(--bb-white); border-bottom: 2px solid var(--bb-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(--bb-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(--bb-cloud); }
  .rm-select.opened .rm-options { opacity: 1; pointer-events: all; transform: translateY(0); visibility: visible; } }

.site-navigation { display: block; flex: 1 0 100%; }

@media (min-width: 1200px) { .site-navigation { align-items: stretch; display: flex; flex: 0 1 auto; justify-content: space-between; }
  .site-navigation ul.mobile-menu { display: none; } }

@media (max-width: 1199.98px) { .site-navigation ul.desktop-menu { display: none; } }

.contact-details { display: flex; gap: 15px; }

@media (max-width: 767.98px) { .contact-details { flex-direction: column; } }

.contact-details a { display: flex; flex-direction: row; align-items: center; gap: 5px; transition: all 0.3s; }

.contact-details a:first-of-type { padding-right: 15px; border-right: 1px solid rgba(38, 44, 83, 0.2); }

@media (max-width: 767.98px) { .contact-details a:first-of-type { padding-right: unset; border-right: unset; } }

.contact-details a svg { width: 15px; }

.contact-details a svg path { fill: #2F43C5; }

.contact-details a span { color: #262C53; transition: inherit; font-size: 18px; }

.contact-details a:hover span { color: #2F43C5; }

ul.desktop-menu { align-items: stretch; display: flex; justify-content: flex-end; list-style: none; margin-bottom: 0; padding-left: 0; }

ul.desktop-menu li.menu-item { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; padding: 27.5px 17.5px 27.5px; }

@media (max-width: 1359.98px) { ul.desktop-menu li.menu-item { padding: 27.5px 12.5px 27.5px; } }

ul.desktop-menu li.menu-item.menu-item-has-children > a { position: relative; padding-right: 28px; }

@media (max-width: 1359.98px) { ul.desktop-menu li.menu-item.menu-item-has-children > a { padding-right: 22px; } }

ul.desktop-menu li.menu-item.menu-item-has-children > a:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); 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='M7.00063 7.95488L7.6186 7.33691L12.8686 2.08691L13.4893 1.46621L12.2506 0.227539L11.6327 0.845508L7.00063 5.47754L2.3686 0.848242L1.75063 0.227539L0.511963 1.46621L1.12993 2.08418L6.37993 7.33418L7.00063 7.95488Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; width: 15px; height: 15px; transition: all .3s ease-in-out; transform-origin: 8px 4px; }

ul.desktop-menu li.menu-item a { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; color: var(--bb-white); position: relative; }

ul.desktop-menu li.menu-item .sub-menu { z-index: -1; background-color: #262C53; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07); visibility: hidden; opacity: 0; position: absolute; top: var(--header-height); width: 100%; right: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out, height .3s ease-in-out; height: 0; }

ul.desktop-menu li.menu-item .sub-menu .sub-menu-btn { margin: 25px 10px 0 0; }

ul.desktop-menu li.menu-item .sub-menu .row { gap: 0; }

ul.desktop-menu li.menu-item .sub-menu .container { padding: 70px 0; }

ul.desktop-menu li.menu-item .sub-menu .menu-intro { padding-right: 75px; }

ul.desktop-menu li.menu-item .sub-menu .menu-intro .menu-heading { margin-top: 10px; margin-bottom: 12px; }

ul.desktop-menu li.menu-item .sub-menu .menu-intro .menu-heading, ul.desktop-menu li.menu-item .sub-menu .menu-intro p { color: #fff; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain { display: flex; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain h4 { color: var(--bb-black); margin-bottom: 0; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain ul { width: 50%; }

@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.split { column-count: 2; column-gap: 30px; width: 100%; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li { flex-direction: column; padding: 13px 0; display: inline-block; width: 100%; align-items: flex-start; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a { order: 1; padding: 0; font-weight: 700; color: #fff; width: fit-content; width: -moz-fit-content; margin-bottom: 0.5rem; text-transform: none; font-weight: 400; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:hover { color: #455DFB; }

ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a.btn, ul.desktop-menu li.menu-item.contact .sub-menu .menu-contain ul > li a { color: #fff; }

@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, ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:focus, ul.desktop-menu li.menu-item .sub-menu .menu-contain ul > li a:hover { color: #2F43C5; }

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 .container { display: flex; }

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 { height: auto; opacity: 1; visibility: visible; }

ul.desktop-menu li.menu-item.menu-item-has-children:hover::after { content: ''; position: absolute; width: 100%; height: 10px; bottom: 0; left: 0; }

ul.desktop-menu li.menu-item.menu-item-has-children:hover > a:after { transform: rotate(180deg); }

ul.desktop-menu li.menu-item .nav-media.single-img { display: none; }

ul.desktop-menu li.menu-item.contact { padding: 0 0 0 17.5px; }

@media (max-width: 1359.98px) { ul.desktop-menu li.menu-item.contact { padding: 0 0 0 14.5px; } }

ul.desktop-menu li.menu-item.contact a { color: #fff; background-color: #2F43C5; }

ul.desktop-menu li.menu-item.contact a:hover { background-color: #26369F; }

ul.desktop-menu.white .menu-item a { color: #262C53; }

ul.desktop-menu.white .menu-item a.btn, ul.desktop-menu.white li.menu-item.contact a { color: #fff; }

ul.desktop-menu.white .menu-item.menu-item-has-children > a:after { 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='M7.00063 7.95488L7.6186 7.33691L12.8686 2.08691L13.4893 1.46621L12.2506 0.227539L11.6327 0.845508L7.00063 5.47754L2.3686 0.848242L1.75063 0.227539L0.511963 1.46621L1.12993 2.08418L6.37993 7.33418L7.00063 7.95488Z' fill='%232F43C5'/%3E%3C/svg%3E"); }

:root { --mobile-menu-top-offset: 190px; }

@media (max-width: 1199.98px) { .site-navigation { height: 0; left: 0; opacity: 0; position: fixed; top: 0; width: 100vw; transition: all .3s ease-in-out; } }

ul.mobile-menu { display: block; overflow: visible; transition: 0s step-start, transform 0.4s ease-in-out; width: 100vw; flex-direction: column; height: 0; overflow: 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 > li { position: relative; width: 100%; list-style: none; }

ul.mobile-menu > li .container { display: flex; flex-direction: column; gap: 30px; padding-left: 0; padding-right: 0; }

ul.mobile-menu > li > a { color: var(--bb-white); display: flex; font-family: "Noto Sans", serif; font-size: 30px; text-transform: uppercase; padding: 10px 0; position: relative; font-weight: 900; }

ul.mobile-menu > li i { color: #fff; font-size: 1.25rem; }

ul.mobile-menu > li > .sub-menu { width: 100%; display: none; flex-direction: column-reverse; padding-bottom: 25px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.25); }

ul.mobile-menu > li > .sub-menu li { border-bottom-width: 0px !important; transition: opacity 0.5s ease-in-out; padding: 9px 0; list-style: none; }

ul.mobile-menu > li > .sub-menu li > a { color: var(--bb-white); display: flex; flex-direction: column; gap: 1rem; font-size: 14px; justify-content: space-between; position: relative; width: 100%; font-weight: 400; }

ul.mobile-menu > li > .sub-menu li > a > i { font-size: 1.5rem; }

ul.mobile-menu > li > .sub-menu li > a p { font-size: 0.75rem; opacity: 0.75; }

ul.mobile-menu > li > .sub-menu li > a span:after { position: absolute; right: 0; top: 3px; }

ul.mobile-menu > li > .sub-menu li > .sub-menu { display: flex; flex-direction: column; gap: 2rem; }

ul.mobile-menu > li > .sub-menu li > .sub-menu li a { color: var(--bb-white); font-size: 1rem; font-weight: 400; margin-bottom: 0; text-transform: capitalize; width: fit-content; width: -moz-fit-content; }

ul.mobile-menu > li > .sub-menu li > .sub-menu li a i.fa-arrow-circle-right { display: none; }

ul.mobile-menu > li > .sub-menu .btns { margin-top: 20px; }

ul.mobile-menu > li.expanded > .sub-menu { visibility: visible; }

ul.mobile-menu > li.expanded > .sub-menu li:not(.promo-large) { opacity: 1; }

ul.mobile-menu > li.menu-item-has-children.open .sub-menu-toggle { transform: rotate(180deg); }

ul.mobile-menu .sub-menu-toggle { cursor: pointer; font-size: 1rem; padding: 0; position: absolute; transition: all .3s ease-in-out; right: -10px; padding: 10px; top: 10px; }

ul.mobile-menu .close-sub-menu { align-items: center; color: var(--bb-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%; }

@media (max-width: 1199.98px) { html.nav-open { overflow: hidden; }
  html.nav-open .site-header__main > * { z-index: 15; }
  html.nav-open .site-navigation { background-color: #262C53; height: 100vh; opacity: 1; visibility: visible; z-index: 10; }
  html.nav-open .site-navigation ul.with-slide { transform: translateX(0%); }
  html.nav-open .site-header__top { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  html.nav-open .site-header.small .site-header__main .site-logo svg path { fill: #fff; }
  html.nav-open .site-header.small .nav-toggle span { background-color: #fff; }
  html.nav-open .site-header__main.white .site-logo svg path { fill: #fff; }
  html.nav-open .site-header__main.white .nav-toggle span { background-color: #fff; }
  html.nav-open ul.mobile-menu { margin-top: var(--mobile-menu-top-offset); overflow: auto; height: calc(100vh - var(--mobile-menu-top-offset)); padding: 0 var(--cont-padd-x) 100px; }
  html.nav-open .site-header.small .site-navigation { height: calc(100vh + 40px); } }

@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 { left: 0; position: fixed; top: 0; width: 100%; z-index: 100; transition: all .3s ease-in-out; }

@media (min-width: 1200px) { .site-header { padding: 0; } }

.site-header__main { transition: all .3s ease-in-out; padding: 10px 0; }

.site-header__main .container { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: space-between; transition: all .3s ease-in-out; }

@media (max-width: 1199.98px) { .site-header__main .container { align-items: center; } }

.site-header__main .container.mobile-menu { display: block; }

@media (min-width: 1200px) { .site-header__main .container.mobile-menu { display: none; } }

.site-header__main .site-logo { transition: all .3s ease-in-out; transition-duration: 0.5s; width: 175px; padding-top: 20px; position: relative; z-index: 11; padding-bottom: 20px; }

@media (max-width: 1359.98px) { .site-header__main .site-logo { width: 155px; } }

@media (max-width: 1199.98px) { .site-header__main .site-logo { width: 175px; } }

.site-header__main .site-logo svg { transition: all 0.5s ease; }

.site-header__main .site-logo svg path { transition: all .3s ease-in-out; }

.site-header__main.white { background-color: #fff; }

.site-header__main.white .site-logo svg path { fill: #262C53; }

.site-header.small .site-header__main { background-color: #262C53; box-shadow: 0px 4px 15px -7px rgba(0, 0, 0, 0.125); }

.site-header.small .site-header__main .site-logo { padding-top: 0; padding-bottom: 0; }

.site-header.small .site-header__main .site-logo svg { transform: scale(0.75); transform-origin: left center; }

.site-header.small .site-header__main .site-logo svg path { fill: #fff; }

.site-header.small .site-header__main ul.desktop-menu li.menu-item a { color: #fff; }

.site-header.small .site-header__main ul.desktop-menu li.menu-item a.btn, .site-header.small .site-header__main ul.desktop-menu li.menu-item.contact a { color: #fff; }

.site-header.small .site-header__main ul.desktop-menu li.menu-item.menu-item-has-children > a:after { 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='M7.00063 7.95488L7.6186 7.33691L12.8686 2.08691L13.4893 1.46621L12.2506 0.227539L11.6327 0.845508L7.00063 5.47754L2.3686 0.848242L1.75063 0.227539L0.511963 1.46621L1.12993 2.08418L6.37993 7.33418L7.00063 7.95488Z' fill='%23FFF'/%3E%3C/svg%3E"); }

.site-header.small .site-header__main .menu-item .sub-menu .menu-intro .menu-heading, .site-header.small .site-header__main .menu-item .sub-menu .menu-intro p { color: #fff; }

.site-header.small .site-header__main .menu-item .sub-menu .menu-item { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.site-header.small .site-header__main .menu-item .sub-menu .menu-item a { color: #fff; }

.site-header.small .nav-toggle { margin-top: 0px; }

.site-header.small .nav-toggle span { background-color: #fff; }

.site-header__top { transition: all .3s ease-in-out; position: relative; z-index: 14; text-align: right; padding: 12.5px 0; background-color: #262C53; }

@media (min-width: 576px) { .site-header__top { padding: 7.5px 0; } }

.site-header__top .head-tel { display: none; letter-spacing: -0.16px; align-items: center; margin: 0 0 0; gap: 5px; }

.site-header__top .head-tel.active { display: inline-flex; }

.site-header__top .head-tel svg { width: 13px; }

.site-header__top .head-tel span { transition: all .3s ease-in-out; }

.site-header__top .head-tel:hover span { color: #455DFB; }

.site-header__top #hidden_select { width: auto; display: none; }

.site-header__top .office-select-head { margin: 0 20px 0 5px; text-align: right; display: inline-block; appearance: none; color: #fff; border: 0; cursor: pointer; padding: 0 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.41553 5.49721L4.83605 5.07668L8.40867 1.50407L8.83105 1.08168L7.98814 0.23877L7.56762 0.659296L4.41553 3.81138L1.26344 0.661157L0.842914 0.23877L0 1.08168L0.420526 1.50221L3.99314 5.07482L4.41553 5.49721Z' fill='white'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 10px; background-position: right 8px; width: auto; cursor: pointer; font-size: 1rem; background-color: transparent; }

.site-header__top .container { display: flex; align-items: center; justify-content: center; gap: 2rem; }

@media (min-width: 576px) { .site-header__top .container { justify-content: flex-end; } }

@media (max-width: 575.98px) { .site-header__top .container { padding: 0; } }

.site-header__top .container > * { position: relative; }

.site-header__top .container > *::before { content: ""; display: block; width: 1px; height: 1rem; background-color: rgba(255, 255, 255, 0.2); position: absolute; left: -1rem; top: 50%; transform: translateY(-50%); }

.site-header__top .container > *:first-child::before { display: none; }

@media (max-width: 575.98px) { .site-header__top .container > *:nth-child(2)::before { display: none; } }

.site-header__top ul:not(.social-nav) { list-style: none; padding: 0; margin: 0; display: inline-block; display: none; }

@media (min-width: 576px) { .site-header__top ul:not(.social-nav) { display: block; } }

.site-header__top ul:not(.social-nav) li a { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.site-header.header-hidden { overflow: hidden; transform: translateY(-100%); }

.skip-to-content-link { left: 50%; position: absolute; transform: translateY(-100%); }

.site-header__top .social-nav { padding: 0; margin: 0; list-style: none; display: flex; gap: 1rem; }

.site-header__top .social-nav__link:hover { color: #455DFB; }

.site-header.hovered { background: #262C53; }

.site-header.hovered .site-header__main { box-shadow: unset; }

.site-footer { background-color: var(--bb-brand-primary); color: #fff; line-height: 1.65; font-size: 14px; padding-top: 1px; bottom: 0; left: 0; width: 100%; z-index: 1; }

@media (min-width: 992px) { .site-footer { position: fixed; } }

.site-footer__main { width: 100%; padding-top: 90px; }

@media (min-width: 992px) { .site-footer__main { padding-bottom: 45px; } }

.site-footer__main .logo svg { height: 50px; width: auto; }

.site-footer__main .footer-title { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; margin: 0 0 15px; display: flex; align-items: center; line-height: 1; }

.site-footer__main .footer-title svg { width: 12.5px; margin: 0 0 0 7.5px; }

.site-footer__main .footer-contacts a { display: inline-flex; letter-spacing: -0.16px; font-size: 16px; align-items: center; margin: 15px 15px 0 0; gap: 5px; }

.site-footer__main .footer-contacts a svg { width: 15px; }

.site-footer__main .footer-contacts a span { transition: all .3s ease-in-out; }

.site-footer__main .footer-contacts a:hover span { color: #455DFB; }

.site-footer__main .footer-social { font-size: 0; }

@media (min-width: 992px) { .site-footer__main .footer-social { text-align: right; } }

.site-footer__main .footer-social a { width: 48px; margin: 0 10px 0 0; height: 48px; font-size: 20px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.05); display: inline-flex; align-items: center; justify-content: center; }

@media (min-width: 992px) { .site-footer__main .footer-social a { margin: 0 0 0 10px; } }

.site-footer__main .footer-social a:hover { border-color: #fff; }

.site-footer__main .footer-social.desktop { display: none; }

@media (min-width: 992px) { .site-footer__main .footer-social.desktop { display: block; } }

.site-footer__main .footer-social.mobile { margin: 35px 0 10px; }

@media (min-width: 992px) { .site-footer__main .footer-social.mobile { display: none; } }

.site-footer__main .footer-quote { font-size: 18px; padding: 12.5px 0 12.5px 17.5px; border-left: 5px solid #455DFB; line-height: 1.4; }

.site-footer__main .footer-quote.desktop { font-size: 22px; display: none; }

@media (min-width: 992px) { .site-footer__main .footer-quote.desktop { display: block; } }

@media (min-width: 992px) { .site-footer__main .footer-quote.mobile { display: none; } }

.site-footer__main ul { list-style: none; }

.site-footer__main ul li { margin: 0 0 12.5px; }

.site-footer__main ul li a:hover { color: #455DFB; }

.site-footer__main ul li:last-of-type { margin: 0; }

.site-footer__main .office-select-wrap { position: relative; cursor: pointer; display: inline-block; margin: 0 0 20px; }

.site-footer__main .office-select-wrap select { appearance: none; color: #fff; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; border: 0; cursor: pointer; padding: 0 20px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E%3Cpath d='M4.41553 5.49721L4.83605 5.07668L8.40867 1.50407L8.83105 1.08168L7.98814 0.23877L7.56762 0.659296L4.41553 3.81138L1.26344 0.661157L0.842914 0.23877L0 1.08168L0.420526 1.50221L3.99314 5.07482L4.41553 5.49721Z' fill='white'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 15px; background-position: right center; background-color: transparent; }

.site-footer__main .office-item { display: none; }

.site-footer__main .office-item.active { display: block; }

.site-footer .site-footer-mobile-reech { background-color: #15182F; padding: 10px; }

@media (min-width: 992px) { .site-footer .site-footer-mobile-reech { display: none; } }

.site-footer__bottom { width: 100%; }

.site-footer__bottom__wrapper { align-items: flex-start; display: flex; justify-content: space-between; padding: 25px 0 50px; color: #E4E2DF; flex-direction: column; }

@media (min-width: 992px) { .site-footer__bottom__wrapper { flex-direction: row; } }

.site-footer__bottom__wrapper nav ul { display: inline-block; list-style: none; }

.site-footer__bottom__wrapper nav ul li { display: inline-block; margin: 0 20px 0 0; }

@media (min-width: 992px) { .site-footer__bottom__wrapper nav ul li { margin: 0 0 0 20px; } }

.site-footer__bottom__wrapper nav ul li a:hover { color: #fff; }

.site-footer__bottom__wrapper nav ul li.desktop-only { display: none; }

@media (min-width: 992px) { .site-footer__bottom__wrapper nav ul li.desktop-only { display: inline-block; } }

.site-footer__bottom__wrapper nav:first-of-type { flex: 1; margin: 0 0 20px; }

@media (min-width: 992px) { .site-footer__bottom__wrapper nav:first-of-type { margin: 0; } }

#hidden_select { padding: 0; }

.body-no-scroll { overflow: hidden; position: fixed; width: 100%; }

body { overflow-x: clip; }

html.body-no-scroll { position: relative; }

.fwgallery img { aspect-ratio: 2; object-fit: cover; }

.normal-page { padding: 200px 0 50px; }

@media (min-width: 992px) { .normal-page { padding: 200px 0 100px; } }

.normal-page ul { margin-left: 0; padding-left: 17px; margin-bottom: 15px; }

.normal-page p a { color: #2F43C5; }

.char { opacity: 1; transform: opacity .1s; }

.char.hidden { opacity: 0; }

.breadcrumb { display: none; }

@media (min-width: 992px) { .breadcrumb { display: flex; } }

.content-area ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding-left: 0; margin-bottom: 1rem; }

.content-area ul li { padding-left: 24px; position: relative; width: fit-content; color: #262C53; }

.content-area ul li::before { background-color: #455DFB; content: ""; width: 15px; height: 17px; left: 0; -webkit-mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); }

.content-area .button-wrap { margin: 25px 0 0; }

.content-area h4 { text-transform: uppercase; font-weight: 900; font-size: 1.3rem; }

.bg-darkblue .content-area ul li { color: white; }

.sub-title { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }

.sub-title span.text { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.sub-title span.square { width: 7px; height: 7px; background-color: #455DFB; display: inline-block; }

.global-website-notice { background-color: #2F43C5; color: #fff; padding: 0.5rem 0; width: 100%; text-align: center; }

.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: #fff; font-size: .9rem; margin-bottom: 0; }

.global-website-notice p a, .global-website-notice i a { color: #fff; text-decoration: underline; }

.global-website-notice .close { top: 2px; cursor: pointer; position: absolute; right: 30px; }

@media (min-width: 992px) { .global-website-notice .close { right: 0; } }

.global-website-notice .close svg { width: 15px; }

.global-website-notice .close svg path { fill: #fff; }

.global-website-notice.hidden { display: none; }

main section, main .section { position: relative; }

main section > div, main .section > div { position: relative; z-index: 20; }

main section.extend-padding-bottom-full, main .section.extend-padding-bottom-full { padding-bottom: 70px; }

@media (min-width: 992px) { main section.extend-padding-bottom-full, main .section.extend-padding-bottom-full { padding-bottom: 100px; } }

main section.extend-padding-bottom-half, main .section.extend-padding-bottom-half { padding-bottom: 35px; }

@media (min-width: 992px) { main section.extend-padding-bottom-half, main .section.extend-padding-bottom-half { padding-bottom: 50px; } }

main section.extend-padding-top, main .section.extend-padding-top { padding-top: 70px; }

@media (min-width: 992px) { main section.extend-padding-top, main .section.extend-padding-top { padding-top: 100px; } }

main section.extend-padding-top-half, main .section.extend-padding-top-half { padding-top: 35px; }

@media (min-width: 992px) { main section.extend-padding-top-half, main .section.extend-padding-top-half { padding-top: 50px; } }

@media (max-width: 991.98px) { main section.hide-mobile, main .section.hide-mobile { display: none; } }

@media (min-width: 992px) { main section.hide-desktop, main .section.hide-desktop { display: none; } }

main section.title-left > .container > header, main .section.title-left > .container > header { justify-content: flex-start; }

main section.title-center > .container > header, main .section.title-center > .container > header { justify-content: center; }

main section.title-right > .container > header, 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, 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, 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, main .section header, main .section footer { width: 100%; }

main section footer, main .section footer { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2rem; }

main section > .container, main .section > .container { position: relative; }

main section > .container > header, main .section > .container > header { display: flex; flex-direction: column; margin-bottom: 30px; justify-content: space-between; }

@media (min-width: 992px) { main section > .container > header, main .section > .container > header { flex-direction: row; margin-bottom: 50px; } }

main section > .container > header .btn-group, main .section > .container > header .btn-group { width: auto; }

main section .btn-group, main .section .btn-group { width: 100%; display: flex; flex-direction: column; margin: auto; gap: 1rem; }

@media (min-width: 992px) { main section .btn-group, 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 input[type=tel][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, main section .btn-group ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact main section .btn-group a, main section .btn-group .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme main section .btn-group input[type="submit"], 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 input[type=tel][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, main .section .btn-group ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact main .section .btn-group a, main .section .btn-group .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme main .section .btn-group input[type="submit"] { 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(--bb-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(--bb-black); padding: 4rem; } }

article.content-block.floating { background-color: var(--bb-black); padding: 3.25rem 1.875rem; }

@media (min-width: 992px) { article.content-block.floating { background-color: var(--bb-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 .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 .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.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; }

.row .seventy { width: 100%; }

@media (min-width: 768px) { .row .seventy { width: 50%; } }

@media (min-width: 992px) { .row .seventy { width: 70%; } }

.row .seventy.section-padding { padding: 4rem 0; }

@media (min-width: 768px) { .row .seventy.section-padding { padding-top: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.row .thirty { width: 100%; }

@media (min-width: 992px) { .row .thirty { width: 30%; } }

.row .thirty.section-padding { padding: 20px 0 6rem; }

@media (min-width: 768px) { .row .thirty.section-padding { padding-top: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.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: 75px; padding-bottom: 75px; } }

.row .half { width: 100%; }

@media (min-width: 992px) { .row .half { width: 50%; } }

.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 .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 .fifth { padding: 0 20px; } }

.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 .fifth { padding: 0 10px; } }

.top-spacing-full { padding-top: 50px; }

@media (min-width: 992px) { .top-spacing-full { padding-top: 75px; } }

.top-spacing-fulltwice { padding-top: 50px; }

@media (min-width: 992px) { .top-spacing-fulltwice { padding-top: 112.5px; } }

.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: 50px; }

@media (min-width: 992px) { .bottom-spacing-full { padding-bottom: 75px; } }

.bottom-spacing-full.no-bottom-mobile { padding-bottom: 0; }

@media (min-width: 576px) { .bottom-spacing-full.no-bottom-mobile { padding-bottom: 75px; } }

.bottom-spacing-fulltwice { padding-bottom: 50px; }

@media (min-width: 992px) { .bottom-spacing-fulltwice { padding-bottom: 112.5px; } }

.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; } }

.cta { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 125px 0; display: flex; align-items: center; justify-content: center; position: relative; }

@media (min-width: 768px) { .cta { padding: 175px 0; } }

@media (min-width: 992px) { .cta { padding: 350px 0; } }

.cta h2, .cta h3, .cta p { color: #fff; }

.cta .cta-content { position: relative; z-index: 2; text-align: center; }

.cta .cta-content h2 { margin-top: 1rem; }

.cta .cta-content p { margin-top: 1rem; text-transform: none; font-weight: 500; }

.cta:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

.cta .btn, .cta button, .cta input[type=text][type="file"], .cta input[type=email][type="file"], .cta input[type=tel][type="file"], .cta select[type="file"], .cta textarea[type="file"], .cta .file-upload label, .file-upload .cta label, .cta ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .cta a, .cta .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .cta input[type="submit"] { margin-top: 15px; }

.standardhero { padding: 200px 0 100px; position: relative; overflow: hidden; background-color: #fff; }

.standardhero .container { position: relative; z-index: 2; }

.standardhero.show-background-graphic { overflow: visible; }

.standardhero.show-background-graphic .background-graphic { display: block; position: absolute; bottom: 0; width: 1040px; opacity: 0.5; z-index: 0; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .standardhero.show-background-graphic .background-graphic { display: none; } }

@media (min-width: 992px) { .standardhero.show-background-graphic .background-graphic { right: -320px; bottom: -32px; } }

@media (min-width: 1200px) { .standardhero.show-background-graphic .background-graphic { bottom: -240px; } }

.standardhero.show-background-graphic .background-graphic img { position: relative; }

.standardhero h1, .standardhero h3 { margin: 0; }

.standardhero .hero-stats { margin: 25px 0 0; }

.standardhero .hero-stats .row { gap: 0; }

.standardhero .half--one { align-self: flex-start; }

.breadcrumbs { text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; margin: 0 0 25px; }

.breadcrumbs a { color: #262C53; }

.breadcrumbs a:hover { text-decoration: none; color: #2F43C5; }

.breadcrumbs .current, .breadcrumbs .breadcrumb_last { color: #2F43C5; }

.breadcrumbs .sep { margin: 0 7.5px; }

.stat-item:first-of-type { border-bottom: 1px solid rgba(38, 44, 83, 0.2); margin-bottom: 10px; padding-bottom: 20px; }

@media (min-width: 992px) { .stat-item:first-of-type { padding: 0 25px 0 0; margin-bottom: 0; padding-bottom: 0; border-bottom: 0; border-right: 1px solid rgba(38, 44, 83, 0.2); }
  .stat-item:last-of-type { padding: 0 0 0 25px; } }

.stat-item .stat-figures, .stat-item .stat-figure { font-weight: 900; font-size: 42px; text-transform: uppercase; color: #262C53; }

.heroslider { position: relative; }

.heroslider .hero-slider .slide { background-size: cover; background-repeat: no-repeat; color: #fff; position: relative; justify-content: center; }

.heroslider .hero-slider .slide h1, .heroslider .hero-slider .slide h2 { position: relative; z-index: 3; color: #fff; font-size: 40px; line-height: 1; margin: 0 0 50px; }

@media (min-width: 576px) { .heroslider .hero-slider .slide h1, .heroslider .hero-slider .slide h2 { font-size: 47px; } }

@media (min-width: 768px) { .heroslider .hero-slider .slide h1, .heroslider .hero-slider .slide h2 { font-size: 55px; } }

@media (min-width: 992px) { .heroslider .hero-slider .slide h1, .heroslider .hero-slider .slide h2 { font-size: 85px; } }

.heroslider .hero-slider .slide .btn, .heroslider .hero-slider .slide button, .heroslider .hero-slider .slide input[type=text][type="file"], .heroslider .hero-slider .slide input[type=email][type="file"], .heroslider .hero-slider .slide input[type=tel][type="file"], .heroslider .hero-slider .slide select[type="file"], .heroslider .hero-slider .slide textarea[type="file"], .heroslider .hero-slider .slide .file-upload label, .file-upload .heroslider .hero-slider .slide label, .heroslider .hero-slider .slide ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .heroslider .hero-slider .slide a, .heroslider .hero-slider .slide .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .heroslider .hero-slider .slide input[type="submit"] { position: relative; z-index: 3; }

.heroslider .hero-slider .slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 2; }

.heroslider .hero-slider .slide .container { padding-top: 200px; padding-bottom: 125px; position: relative; }

@media (min-width: 576px) { .heroslider .hero-slider .slide .container { padding-top: 175px; padding-bottom: 175px; } }

@media (min-width: 992px) { .heroslider .hero-slider .slide .container { padding-top: 250px; padding-bottom: 250px; } }

.heroslider .hero-slider .slide .container h1:has(+ .slide-subtitle), .heroslider .hero-slider .slide .container h2:has(+ .slide-subtitle) { margin-bottom: 1rem; font-size: 2.5rem; }

@media (min-width: 992px) { .heroslider .hero-slider .slide .container h1:has(+ .slide-subtitle), .heroslider .hero-slider .slide .container h2:has(+ .slide-subtitle) { font-size: 4rem; } }

.heroslider .hero-slider .slide .container .slide-subtitle { color: #ffffff; margin-bottom: 1rem; z-index: 3; position: relative; margin-bottom: 3rem; }

.heroslider .hero-slider .slide .container .slide-subtitle p { font-size: 1.75em; color: #ffffff; }

.heroslider .hero-slider .slide .container .slide-bottom { position: absolute; left: 0; bottom: 40px; z-index: 4; display: none; }

.heroslider .hero-slider .slide .container .slide-bottom .slide-num { font-weight: 900; font-size: 60px; }

@media (min-width: 992px) { .heroslider .hero-slider .slide .container .slide-bottom { display: block; } }

.heroslider .hero-slider .slide .container .badge { right: 0px; bottom: 125px; position: absolute; z-index: 4; width: 110px; height: auto; left: unset; top: unset; display: none; }

@media (min-width: 992px) { .heroslider .hero-slider .slide .container .badge { display: block; width: 160px; } }

.heroslider .hero-slider img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; }

.heroslider .hero-slider .slick-track { display: flex !important; }

.heroslider .hero-slider .slick-slide { height: inherit !important; min-height: calc(100dvh - 80px); }

.heroslider .progress { position: absolute; bottom: 40px; right: 0px; z-index: 34; width: 100%; text-align: left; }

@media (min-width: 992px) { .heroslider .progress { text-align: right; } }

.heroslider .progress .progress-item { height: 4px; display: inline-block; margin: 0 15px 0 0; width: 32px; cursor: pointer; transition: all .3s ease-in-out; }

@media (min-width: 992px) { .heroslider .progress .progress-item { margin: 0 0 0 15px; } }

.heroslider .progress .progress-item .progressBar { width: 100%; background-color: rgba(255, 255, 255, 0.5); display: inline-block; height: 4px; position: relative; }

.heroslider .progress .progress-item .progressBar .inProgress { position: absolute; top: 0; height: 100%; left: 0; background-color: #fff; }

.heroslider .progress .progress-item.active { width: 96px; }

.heroslider .slick-current > img { animation: zoom 9s infinite; }

.locos .locos-top { margin: 0 0 40px; }

.locos .locos-top h2 { margin: 0; }

@media (min-width: 768px) { .locos .locations-grid .bring-out { margin: 0 -1rem; } }

.locos .locations-grid .row { flex-wrap: wrap; gap: 0; }

@media (min-width: 768px) { .locos .locations-grid .row { flex-direction: row; } }

.locos .locations-grid .row .third { width: 100%; padding: 0; margin: 0 0 40px; }

@media (min-width: 768px) { .locos .locations-grid .row .third { width: 50%; padding: 0 1rem; } }

@media (min-width: 992px) { .locos .locations-grid .row .third { width: 33.333333333%; } }

.locos .locations-grid .row .third img { display: inline-block; vertical-align: bottom; margin: 0 0 20px; aspect-ratio: 4 / 3; object-fit: cover; }

.locos .locations-grid .row .third h4 { text-transform: uppercase; font-weight: 900; font-size: 1.3rem; }

.locos .locations-grid .row .third .footer-contacts { margin: 0 0 20px; }

.locos .locations-grid .row .third .footer-contacts a { display: inline-flex; align-items: center; gap: 5px; margin: 0 7.5px 0 0; padding: 0 7.5px 0 0; color: #262C53; }

.locos .locations-grid .row .third .footer-contacts a svg { width: 15px; }

.locos .locations-grid .row .third .footer-contacts a:hover { color: #2F43C5; }

.locos .locations-grid .row .third .directions-link { margin: 15px 0 0; }

.location-list { margin-top: 2rem; list-style-type: none; display: flex; flex-direction: column; gap: 2rem; counter-reset: location-counter; padding: 0; }

.location-list__item { display: flex; align-items: flex-start; gap: 1rem; counter-increment: location-counter; position: relative; }

.location-list__item::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -1rem; }

.location-list__item:last-child::after { display: none; }

.location-list__item::before { content: counter(location-counter); width: 1.5rem; height: 1.5rem; min-width: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 0.875rem; border: 1px solid #e9e9e9; background: var(--New-accent, #2f43c5); margin-top: 0.125rem; }

.location-list__item h3 { margin-bottom: 0; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; line-height: 1; }

.location-list__content { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; }

.location-list__content p { text-wrap: pretty; margin: 0; line-height: 1.2; }

.location-list__content p:nth-of-type(2) { font-size: 0.875rem; }

.twocol--locations .row > div:nth-child(2) { position: sticky; top: 2rem; }

.twocol--locations .row .half #locations-map { width: 100%; height: 800px; }

.gm-style-iw-c { border-radius: unset !important; padding: 0 !important; max-width: 265px !important; }

.gm-style-iw-d { overflow: hidden !important; padding: 0 1rem 2rem 1rem !important; }

.gm-ui-hover-effect { width: 38px !important; height: 45px !important; }

.gm-ui-hover-effect span { margin: unset !important; }

.location-info-window { font-family: inherit; }

.location-info-window img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; margin: 0 0 12px; }

@media (max-width: 767.98px) { .location-info-window img { display: none; } }

.location-info-window h4 { text-transform: uppercase; font-weight: 900; margin: 0 0 12px; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.18px; padding-top: 4px; }

.location-info-window .footer-contacts { margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 8px 0; }

.location-info-window .footer-contacts a { display: inline-flex; align-items: center; gap: 5px; margin: 0 8px 0 0; padding: 0 8px 0 0; color: #262C53; font-size: 0.8375rem; text-decoration: none; }

.location-info-window .footer-contacts a svg { width: 15px; flex-shrink: 0; }

.location-info-window .footer-contacts a:hover { color: #2F43C5; }

.location-info-window .loco-address p { font-size: 0.8375rem; line-height: 1.4; margin: 0 0 8px; }

.location-info-window .directions-link { margin: 16px 0 0; }

.bullet-point { display: flex; position: relative; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; text-transform: none; padding-left: 24px; margin: 0 17px 10px 0; gap: 7.5px; font-size: 16px; font-weight: 400; }

.bullet-point svg { width: 15px; position: absolute; left: 0; height: auto; top: 50%; transform: translateY(-50%); }

.bullet-point:has(.line) { padding-left: 0; }

.bullet-point:has(.line) .line { padding-left: 24px; }

.textblock .smaller { margin: 0 auto; width: 960px; text-align: center; max-width: 100%; }

.textblock .smaller .sub-title { margin: 0 0 30px; }

.textblock .smaller .sub-title .text { color: #262C53; }

.textblock.bg-darkblue { background-color: #15182F; }

.textblock.bg-darkblue .sub-title .text, .textblock.bg-darkblue p, .textblock.bg-darkblue h2, .textblock.bg-darkblue h3, .textblock.bg-darkblue h4, .textblock.bg-darkblue h5 { color: #fff; }

.textblock.bg-darkblue .stats .stat-item { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

@media (min-width: 992px) { .textblock.bg-darkblue .stats .stat-item { border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 0; } }

.textblock.bg-darkblue .stats .stat-item .stat-figures, .textblock.bg-darkblue .stats .stat-item .stat-figure { color: #fff; }

.textblock.bg-darkblue .stats .stat-item .stat-caption { text-wrap: pretty; }

@media (max-width: 991.98px) { .textblock.bg-darkblue .stats { align-items: center; }
  .textblock.bg-darkblue .stats .stat-item { width: 100%; } }

.textblock .button-wrap { margin: 25px 0 0; }

.textblock .stats { margin: 45px 0; gap: 0; align-items: flex-start; }

.textblock .stats .stat-item { flex: 1; padding: 10px 0 20px; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

@media (min-width: 992px) { .textblock .stats .stat-item { border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 0; padding: 0 25px; } }

.textblock .stats .stat-item:last-of-type { border: 0; }

.textblock .stats .stat-item .stat-figures { color: #2F43C5; }

.textblock ul { padding-top: 1rem; display: flex; flex-direction: row; gap: 1rem 2rem; flex-wrap: wrap; list-style: none; padding-left: 0; margin-bottom: 1rem; justify-content: center; }

@media (max-width: 991.98px) { .textblock ul { flex-direction: column; align-items: center; } }

.textblock ul div { width: fit-content; overflow: unset; }

.textblock ul li { padding-left: 24px; position: relative; }

.textblock ul li::before { background-color: #455DFB; content: ""; width: 15px; height: 17px; left: 0; -webkit-mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); }

.herowimages { padding: 200px 0 50px; position: relative; overflow: hidden; }

@media (min-width: 992px) { .herowimages { padding: 100px 0 100px; margin-top: 100px; } }

.herowimages .breadcrumbs { text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; margin: 0 0 25px; }

.herowimages .breadcrumbs a { color: #262C53; }

.herowimages .breadcrumbs a:hover { text-decoration: none; color: #2F43C5; }

.herowimages .breadcrumbs .current { color: #2F43C5; }

.herowimages .breadcrumbs .sep { margin: 0 7.5px; }

@media (min-width: 992px) { .herowimages .half { width: calc(50% - 2rem); } }

.herowimages .hero-images { position: relative; height: 450px; margin-top: 2rem; --bbgutter-x: 1.5rem; --bbgutter-y: 0; --cont-padd-x: calc(var(--bbgutter-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) { .herowimages .hero-images { padding-left: 0; padding-right: 0; } }

@media (min-width: 576px) { .herowimages .hero-images { max-width: 540px; } }

@media (min-width: 768px) { .herowimages .hero-images { max-width: 720px; } }

@media (min-width: 992px) { .herowimages .hero-images { max-width: 960px; } }

@media (min-width: 1200px) { .herowimages .hero-images { max-width: 1140px; } }

@media (min-width: 1360px) { .herowimages .hero-images { max-width: 1300px; } }

.herowimages .hero-images img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 992px) { .herowimages .hero-images { position: absolute; left: calc(50% + 2rem); top: 0; width: calc(50% - 2rem); max-width: none; height: 100%; margin-top: 0; padding-left: 0; padding-right: 0; } }

.herowimages .hero-images .slick-list { width: 100%; height: 100%; }

@media (min-width: 992px) { .herowimages .hero-images .slick-list { position: absolute; top: 0; left: 0; } }

.herowimages .hero-images .slick-track { height: 100%; }

.herowimages .hero-images .slick-prev, .herowimages .hero-images .slick-next { position: absolute; bottom: 0; z-index: 10; background-color: #2F43C5; width: 55px; height: 55px; cursor: pointer; appearance: none; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 20px; background-position: center; transition: all .3s ease-in-out; }

.herowimages .hero-images .slick-prev:hover, .herowimages .hero-images .slick-next:hover { background-color: #26369F; }

.herowimages .hero-images .slick-prev { left: var(--cont-padd-x, calc(1.5rem * 1.67)); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1.34591 9.79744L0.550781 9.0023L1.34591 8.20717L8.53017 1.02292L9.3253 0.227783L10.9109 1.81337L10.1158 2.6085L4.84917 7.87976H20.3262H21.4487V10.1248H20.3262H4.84917L10.1204 15.3914L10.9156 16.1866L9.32998 17.7721L8.53485 16.977L1.34591 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

@media (min-width: 992px) { .herowimages .hero-images .slick-prev { left: 0; } }

.herowimages .hero-images .slick-next { left: calc(var(--cont-padd-x, calc(1.5rem * 1.67)) + 55px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.6541 9.79744L21.4492 9.0023L20.6541 8.20717L13.4698 1.02292L12.6747 0.227783L11.0891 1.81337L11.8842 2.6085L17.1508 7.87976H1.67381H0.55127V10.1248H1.67381H17.1508L11.8796 15.3914L11.0844 16.1866L12.67 17.7721L13.4652 16.977L20.6541 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

@media (min-width: 992px) { .herowimages .hero-images .slick-next { left: 55px; } }

@media (min-width: 992px) { .herowimages .thirty5 { padding-top: 50px; padding-bottom: 50px; } }

.testimonial { padding: 100px 0; position: relative; background-color: #F1F2F4; overflow: hidden; }

.testimonial .background-graphic { display: block; position: absolute; bottom: 0; width: 1240px; opacity: 0.5; z-index: 0; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .testimonial .background-graphic { display: none; } }

@media (min-width: 992px) { .testimonial .background-graphic { right: -320px; bottom: -138%; } }

.testimonial .background-graphic img { position: relative; }

.testimonial .testimonial-area { padding: 50px 0 0; position: relative; }

@media (min-width: 992px) { .testimonial .testimonial-area { padding: 0 20% 0 85px; } }

.testimonial .testimonial-area:before { content: "“"; position: absolute; left: 0; top: 0; font-family: "Noto Sans JP", serif; color: #455DFB; font-size: 100px; font-weight: 900; line-height: 0.3; }

.testimonial .testimonial-area .testimonial-person h4 { text-transform: uppercase; font-weight: 900; font-size: 1.3rem; }

.testimonial .testimonial-area .quote { margin: 0 0 35px; }

.testimonial .testimonial-area .quote p { font-size: 20px; line-height: 1.1; }

@media (min-width: 992px) { .testimonial .testimonial-area .quote p { font-size: 26px; } }

.testimonial.bg-darkblue { background-color: #262C53; color: #fff; }

.testimonial.bg-darkblue h4, .testimonial.bg-darkblue p { color: #fff; }

.fwgallery h2 { margin: 0 0 20px; }

.fwgallery .make-gallery-slider .slick-prev, .fwgallery .make-gallery-slider .slick-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background-color: #2F43C5; width: 55px; height: 55px; cursor: pointer; appearance: none; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 20px; background-position: center; transition: all .3s ease-in-out; }

.fwgallery .make-gallery-slider .slick-prev:hover, .fwgallery .make-gallery-slider .slick-next:hover { background-color: #26369F; }

.fwgallery .make-gallery-slider .slick-prev { left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1.34591 9.79744L0.550781 9.0023L1.34591 8.20717L8.53017 1.02292L9.3253 0.227783L10.9109 1.81337L10.1158 2.6085L4.84917 7.87976H20.3262H21.4487V10.1248H20.3262H4.84917L10.1204 15.3914L10.9156 16.1866L9.32998 17.7721L8.53485 16.977L1.34591 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.fwgallery .make-gallery-slider .slick-next { right: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.6541 9.79744L21.4492 9.0023L20.6541 8.20717L13.4698 1.02292L12.6747 0.227783L11.0891 1.81337L11.8842 2.6085L17.1508 7.87976H1.67381H0.55127V10.1248H1.67381H17.1508L11.8796 15.3914L11.0844 16.1866L12.67 17.7721L13.4652 16.977L20.6541 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.mediacontent.bg-darkblue, .mediacontentba.bg-darkblue { background-color: #15182F; }

.mediacontent.bg-darkblue p, .mediacontent.bg-darkblue h2, .mediacontent.bg-darkblue h3, .mediacontent.bg-darkblue ul, .mediacontent.bg-darkblue a, .mediacontentba.bg-darkblue p, .mediacontentba.bg-darkblue h2, .mediacontentba.bg-darkblue h3, .mediacontentba.bg-darkblue ul, .mediacontentba.bg-darkblue a { color: #fff; }

.mediacontent img, .mediacontent video, .mediacontentba img, .mediacontentba video { width: 100%; height: auto; }

.mediacontent .mediacontent__video, .mediacontentba .mediacontent__video { position: relative; }

.mediacontent .mediacontent__video a, .mediacontentba .mediacontent__video a { display: block; cursor: pointer; }

.mediacontent .mediacontent__video--static a, .mediacontentba .mediacontent__video--static a { position: relative; display: block; }

.mediacontent .mediacontent__video--static video, .mediacontentba .mediacontent__video--static video { display: block; width: 100%; height: auto; }

.mediacontent .mediacontent__video--static .mediacontent__video-play, .mediacontentba .mediacontent__video--static .mediacontent__video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #2F43C5; z-index: 2; pointer-events: none; transition: transform 0.2s ease; }

.mediacontent .mediacontent__video--static a:hover .mediacontent__video-play, .mediacontentba .mediacontent__video--static a:hover .mediacontent__video-play { transform: translate(-50%, -50%) scale(1.1); }

.mediacontent.bg-grey, .mediacontentba.bg-grey { background-color: #F1F2F4; }

.mediacontent .row.not-flipped, .mediacontentba .row.not-flipped { flex-direction: column-reverse; }

@media (min-width: 992px) { .mediacontent .row.not-flipped, .mediacontentba .row.not-flipped { flex-direction: row; } }

.mediacontent .cd-image-container, .mediacontentba .cd-image-container { position: relative; width: 100%; float: left; }

.mediacontent .cd-image-container img, .mediacontentba .cd-image-container img { display: block; max-width: 100%; float: left; }

.mediacontent .cd-image-label, .mediacontentba .cd-image-label { position: absolute; bottom: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; }

.mediacontent .cd-image-label.is-hidden, .mediacontentba .cd-image-label.is-hidden { visibility: hidden; }

.mediacontent .is-visible .cd-image-label, .mediacontentba .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.mediacontent .cd-resize-img, .mediacontentba .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.mediacontent .cd-resize-img img, .mediacontentba .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; }

.mediacontent .cd-resize-img .cd-image-label, .mediacontentba .cd-resize-img .cd-image-label { right: auto; left: 0; }

.mediacontent .is-visible .cd-resize-img, .mediacontentba .is-visible .cd-resize-img { width: 70%; }

.mediacontent .cd-handle, .mediacontentba .cd-handle { position: absolute; height: 100%; width: 2.5px; background-color: #fff; /* center the element */ left: 70%; top: 0px; margin-left: 0px; margin-top: 0px; cursor: move; opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); }

.mediacontent .cd-handle:before, .mediacontentba .cd-handle:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.105665 7.21592L0.723633 6.59795L5.97363 1.34795L6.59434 0.727247L7.83301 1.96592L7.21504 2.58389L2.58301 7.21592L7.2123 11.8479L7.83301 12.4659L6.59434 13.7046L5.97637 13.0866L0.726367 7.83662L0.105665 7.21592Z' fill='white'/%3E%3C/svg%3E"); position: absolute; top: calc(50% - 25px); content: ''; width: 28px; height: 50px; cursor: pointer; appearance: none; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 8px; background-position: center; background-color: #2F43C5; right: calc(100% - 1.5px); }

.mediacontent .cd-handle:after, .mediacontentba .cd-handle:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M7.89433 7.21592L7.27637 6.59795L2.02637 1.34795L1.40566 0.727247L0.166992 1.96592L0.784961 2.58389L5.41699 7.21592L0.787695 11.8479L0.166992 12.4659L1.40566 13.7046L2.02363 13.0866L7.27363 7.83662L7.89433 7.21592Z' fill='white'/%3E%3C/svg%3E"); position: absolute; top: calc(50% - 25px); content: ''; width: 28px; height: 50px; cursor: pointer; appearance: none; font-size: 0; border: 0; left: calc(100% - 1.5px); background-repeat: no-repeat; background-size: 8px; background-position: center; background-color: #2F43C5; }

.mediacontent .is-visible .cd-handle, .mediacontentba .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; }

.mediacontent .mediacontent__gallery, .mediacontentba .mediacontent__gallery { position: relative; }

.mediacontent .mediacontent__gallery .slick-slide, .mediacontentba .mediacontent__gallery .slick-slide { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }

.mediacontent .mediacontent__gallery .slick-slide img, .mediacontentba .mediacontent__gallery .slick-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.mediacontent .mediacontent__gallery .slick-arrow-custom, .mediacontentba .mediacontent__gallery .slick-arrow-custom { position: absolute; bottom: 0px; width: 48px; height: 48px; background-color: #2F43C5; border: none; cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease; color: #fff; }

.mediacontent .mediacontent__gallery .slick-arrow-custom:hover, .mediacontentba .mediacontent__gallery .slick-arrow-custom:hover { background-color: #25359c; }

.mediacontent .mediacontent__gallery .slick-arrow-custom i, .mediacontentba .mediacontent__gallery .slick-arrow-custom i { font-size: 1rem; }

.mediacontent .mediacontent__gallery .slick-prev, .mediacontentba .mediacontent__gallery .slick-prev { left: 0px; }

.mediacontent .mediacontent__gallery .slick-next, .mediacontentba .mediacontent__gallery .slick-next { left: 48px; }

.linkgrid { position: relative; }

.linkgrid:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #15182F; z-index: 2; content: ''; }

.linkgrid .container, .linkgrid .intro { position: relative; z-index: 4; }

.linkgrid .intro { text-align: center; }

.linkgrid .intro .intro-wrap { width: 650px; max-width: 100%; margin: 0 auto; color: #fff; }

.linkgrid .intro .intro-wrap h2, .linkgrid .intro .intro-wrap p, .linkgrid .intro .intro-wrap h3, .linkgrid .intro .intro-wrap h4 { color: #fff; }

.linkgrid.bring-up .intro { background-color: #fff; padding-bottom: 70px; }

@media (min-width: 992px) { .linkgrid.bring-up .intro { padding-bottom: 100px; } }

.linkgrid.bring-up .intro .intro-wrap { color: #15182F; }

.linkgrid.bring-up .intro .intro-wrap h2, .linkgrid.bring-up .intro .intro-wrap p, .linkgrid.bring-up .intro .intro-wrap h3, .linkgrid.bring-up .intro .intro-wrap h4 { color: #15182F; }

.linkgrid.bring-up:after { top: 100px; height: calc(100% - 70px); }

@media (min-width: 992px) { .linkgrid.bring-up:after { top: 150px; height: calc(100% - 100px); } }

.linkgrid .links-grid-wrap.make-space { margin: 40px 0 0; }

.linkgrid .links-grid-wrap .bring-out { margin: -0.5rem; }

.linkgrid .links-grid-wrap .row { flex-direction: column; flex-wrap: wrap; gap: 0; }

@media (min-width: 768px) { .linkgrid .links-grid-wrap .row { flex-direction: row; } }

.linkgrid .links-grid-wrap .row .third { margin: 0 0 1rem; padding: 0 0.5rem; width: 100%; }

@media (min-width: 768px) { .linkgrid .links-grid-wrap .row .third { width: 50%; } }

@media (min-width: 992px) { .linkgrid .links-grid-wrap .row .third { width: 33.333333333%; } }

.linkgrid > svg { position: absolute; right: -60px; width: 500px; max-width: 100%; top: 40px; z-index: 3; height: auto; }

.linkgrid .background-graphic { display: none; }

.linkgrid.show-background-graphic { overflow: hidden; }

.linkgrid.show-background-graphic .background-graphic { display: block; position: absolute; top: -164px; width: 1240px; max-height: 1240px; opacity: 0.5; z-index: 3; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .linkgrid.show-background-graphic .background-graphic { display: none; } }

@media (min-width: 992px) { .linkgrid.show-background-graphic .background-graphic { left: 45%; bottom: -32px; } }

@media (min-width: 1200px) { .linkgrid.show-background-graphic .background-graphic { left: 50%; bottom: 0; } }

.linkgrid.show-background-graphic .background-graphic img { position: relative; }

.page-link-item { position: relative; overflow: hidden; display: inline-block; vertical-align: bottom; }

.page-link-item img { display: inline-block; vertical-align: middle; transition: all .3s ease-in-out; aspect-ratio: 86 / 60; object-fit: cover; }

.page-link-item .page-link-overlay { display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #fff; padding: 25px; transition: all .3s ease-in-out; }

.page-link-item .page-link-overlay h3 { color: #fff; margin-bottom: 0; }

.page-link-item .page-link-overlay .page-link-caption { color: #fff; margin: 12.5px 0 0; }

.page-link-item .page-link-overlay:before { background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 64%, #262c53 100%); position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; transition: all .3s ease-in-out; opacity: 1; z-index: 1; }

.page-link-item .page-link-overlay:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ''; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 64%, #262c53 100%); transition: all .3s ease-in-out; opacity: 0; z-index: 1; }

.page-link-item .page-link-overlay h3, .page-link-item .page-link-overlay span { position: relative; z-index: 2; }

.page-link-item .page-link-overlay .small-link-wrap { position: absolute; bottom: 0; left: 0; opacity: 0; padding: 25px; visibility: hidden; transition: all .3s ease-in-out; }

.page-link-item .page-link-overlay .small-link-wrap .smaller-link { color: #fff; }

.page-link-item:hover img { transform: scale(1.05); }

.page-link-item:hover .page-link-overlay { background: none; padding-bottom: 72px; }

.page-link-item:hover .page-link-overlay:after { opacity: 1; }

.page-link-item:hover .page-link-overlay .small-link-wrap { opacity: 1; visibility: visible; }

.linkgridwcontent .small-link { margin: 35px 0 0; }

.linkgridwcontent .sixty { margin: 40px 0 0; }

@media (min-width: 992px) { .linkgridwcontent .sixty { margin: 0; } }

.linkgridwcontent .sixty .bring-out { margin: -0.5rem; }

.linkgridwcontent .sixty .bring-out .row { flex-direction: column; flex-wrap: wrap; gap: 0; }

@media (min-width: 768px) { .linkgridwcontent .sixty .bring-out .row { flex-direction: row; } }

.linkgridwcontent .sixty .bring-out .row .half { margin: 0 0 1rem; padding: 0 0.5rem; width: 100%; }

@media (min-width: 768px) { .linkgridwcontent .sixty .bring-out .row .half { width: 50%; } }

.scrollingfeatures { padding-top: 125px; z-index: auto !important; }

.scrollingfeatures .button-wrap { margin: 30px 0 0; }

.scrollingfeatures .sub-title { margin: 0 0 20px; }

.scrollingfeatures .sub-title span.text { color: #262C53; }

.scrollingfeatures .half:not(.scrolling-f-content) { position: relative; z-index: 3; }

.scrollingfeatures .scrolling-f-content a.btn:hover, .scrollingfeatures .scrolling-f-content ul.desktop-menu li.menu-item.contact a:hover, ul.desktop-menu li.menu-item.contact .scrollingfeatures .scrolling-f-content a:hover { text-decoration: none; color: white; }

@media (min-width: 1200px) { .scrollingfeatures .scrolling-f-content { padding-bottom: 70px; } }

@media (min-width: 992px) { .scrollingfeatures .scrolling-f-content { position: sticky; top: 33%; z-index: 3; } }

@media (max-width: 991.98px) { .scrollingfeatures .scrolling-f-content { padding-bottom: 70px; } }

.scrollingfeatures .features { position: relative; }

.scrollingfeatures .features .feature-item { padding: 32px 32px 132px; border: 1px solid #455DFB; margin: 0 0 30px; position: relative; z-index: 4; }

.scrollingfeatures .features .feature-item .feature-num { position: absolute; bottom: 12px; right: 0; width: 100%; padding: 0 32px; text-align: right; font-family: "Noto Sans JP", serif; font-size: 50px; color: #2F43C5; font-weight: 900; }

.scrollingfeatures .features .feature-item .feature-num .smaller-link { color: #262C53; position: absolute; left: 32px; bottom: 0; transform: translateY(-50%); }

.scrollingfeatures .features .feature-item .feature-num .smaller-link:hover { color: #455DFB; }

.scrollingfeatures .features .feature-item p, .scrollingfeatures .features .feature-item h3 { width: 100%; }

.scrollingfeatures .features .feature-item .footer-contacts { margin: 0 0 20px; display: flex; flex-direction: column; gap: 10px; }

.scrollingfeatures .features .feature-item .footer-contacts a { display: inline-flex; align-items: center; gap: 8px; margin: 0 7.5px 0 0; padding: 0 7.5px 0 0; color: #262C53; }

.scrollingfeatures .features .feature-item .footer-contacts a svg { width: 15px; }

.scrollingfeatures .features .feature-item .footer-contacts a:hover { color: #2F43C5; }

.scrollingfeatures .features .slick-track { flex-direction: column; }

.scrollingfeatures .features:after { position: absolute; bottom: 0; left: 0; width: 100%; content: ''; height: 25%; }

.scrollingfeatures .features .make-features .slick-list { padding-bottom: 45%; }

@media (min-width: 768px) { .scrollingfeatures .features .make-features .slick-list { padding-bottom: 35%; } }

@media (min-width: 992px) { .scrollingfeatures .features .make-features .slick-list { padding-bottom: 45%; } }

@media (min-width: 1200px) { .scrollingfeatures .features .make-features .slick-list { padding-bottom: 40%; } }

.scrollingfeatures .features-main-row { flex-direction: column-reverse; }

@media (min-width: 992px) { .scrollingfeatures .features-main-row { flex-direction: row; } }

.scrollingfeatures.bg-darkblue { background-color: #15182F; color: #fff; }

.scrollingfeatures.bg-darkblue h2, .scrollingfeatures.bg-darkblue h3, .scrollingfeatures.bg-darkblue h4, .scrollingfeatures.bg-darkblue p { color: #fff; }

.scrollingfeatures.bg-darkblue .sub-title span.text { color: #fff; }

.scrollingfeatures.bg-darkblue .features .feature-item { background-color: #15182F; border-color: rgba(186, 186, 186, 0.5); }

.scrollingfeatures.bg-darkblue .features .feature-item .feature-num { color: #fff; }

.scrollingfeatures.bg-darkblue .features .feature-item .feature-num .smaller-link { color: #fff; }

.scrollingfeatures.bg-darkblue .features .feature-item .feature-num .smaller-link:hover { color: #455DFB; }

.usps .usps-contain { background-color: #F1F2F4; padding: 25px 0; text-align: center; }

@media (max-width: 991.98px) { .usps .usps-contain { flex-direction: column; } }

.usps .usps-contain .usp-item { align-items: center; padding: 5px 20px 5px 15px; display: inline-flex; border-right: 1px solid rgba(38, 44, 83, 0.2); }

@media (max-width: 991.98px) { .usps .usps-contain .usp-item { border-right: unset; border-bottom: 0; padding: 15px 0; border-bottom: 1px solid rgba(38, 44, 83, 0.2); justify-content: center; width: 100%; } }

.usps .usps-contain .usp-item svg { margin: 0 7.5px 0 0; width: 16px; }

.usps .usps-contain .usp-item span { text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.usps .usps-contain .usp-item:last-of-type { border-right: 0; border-bottom: 0; }

.fullwi .image-caption { text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; margin: 15px 0 0; border-left: 4px solid #2F43C5; padding-left: 10px; }

#content section.featureboxes { position: relative; overflow-x: visible; }

#content section.featureboxes .container { position: relative; z-index: 2; }

#content section.featureboxes > svg { position: absolute; z-index: 1; right: 0; top: -150px; height: auto; width: 650px; overflow: visible; }

#content section.featureboxes .featureboxes-intro { text-align: center; margin: 0 0 40px; }

#content section.featureboxes .features-area { gap: 0; justify-content: center; }

#content section.featureboxes .features-area:has(> .third:nth-child(5)) { flex-direction: column; gap: 1rem; }

#content section.featureboxes .features-area:has(> .third:nth-child(5)) .third { width: 100%; }

#content section.featureboxes .features-area .third { margin: 0 0 30px; display: flex; flex-direction: column; }

@media (min-width: 992px) { #content section.featureboxes .features-area .third { margin: 0; } }

#content section.featureboxes .features-area .third .feature-item { background-color: #fff; flex: 1; border: 1px solid #E2E2E2; padding: 32px; text-align: center; }

#content section.featureboxes .features-area .third .feature-item h4 { text-transform: uppercase; font-weight: 900; font-size: 1.3rem; margin: 15px 0; }

#content section.featureboxes .features-area .third .feature-item svg { height: 30px; }

#content section.featureboxes .features-area .third .feature-item ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding-left: 0; margin-bottom: 1rem; text-align: left; }

#content section.featureboxes .features-area .third .feature-item ul li { padding-left: 24px; position: relative; width: fit-content; }

#content section.featureboxes .features-area .third .feature-item ul li::before { background-color: #455DFB; content: ""; width: 15px; height: 17px; left: 0; -webkit-mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); }

.testimonial-with-image { background-color: #262C53; position: relative; z-index: 10; }

@media (min-width: 992px) { .testimonial-with-image .testimonial-content { padding-right: 100px; } }

.testimonial-with-image .testimonial-content p { color: #fff; font-size: 25px; line-height: 1.2; }

.testimonial-with-image .testimonial-content h4, .testimonial-with-image .testimonial-content .testimonial-position { color: #fff; }

.testimonial-with-image .testimonial-content h4 { margin-bottom: 7.5px; }

.testimonial-with-image .testimonial-content .button-wrap { margin: 40px 0 0; }

.testimonial-with-image > svg { position: absolute; left: -10px; top: 50px; height: auto; width: 140px; }

.contactarea { position: relative; overflow: hidden; background-color: #F1F2F4; padding-bottom: 70px; padding-top: 70px; }

.contactarea > svg { position: absolute; left: 0; bottom: -70px; width: 60%; height: auto; }

@media (min-width: 992px) { .contactarea > svg { bottom: -270px; } }

@media (min-width: 992px) { .contactarea { padding-bottom: 100px; } }

@media (min-width: 992px) { .contactarea { padding-top: 100px; } }

.contactarea .contacts a { display: inline-flex; letter-spacing: -0.16px; font-size: 16px; align-items: center; margin: 15px 15px 0 0; padding: 0 15px 0 0; gap: 5px; color: #262C53; border-right: 1px solid rgba(38, 44, 83, 0.2); }

.contactarea .contacts a:last-of-type { border-right: 0; }

.contactarea .contacts a svg { width: 15px; }

.contactarea .contacts a svg path { fill: #2F43C5; }

.contactarea .contacts a span { transition: all .3s ease-in-out; }

.contactarea .contacts a:hover span { color: #455DFB; }

.contactarea .sub-title { margin: 0 0 25px; }

.contactarea .sub-title .text { color: #262C53; }

.contactarea .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 0; grid-column-gap: 10px; }

.contactarea .gform_wrapper.gravity-theme .gform_fields input[type=text], .contactarea .gform_wrapper.gravity-theme .gform_fields input[type=email], .contactarea .gform_wrapper.gravity-theme .gform_fields input[type=tel], .contactarea .gform_wrapper.gravity-theme .gform_fields select, .contactarea .gform_wrapper.gravity-theme .gform_fields textarea { box-shadow: none; caret-color: var(--bb-passion); display: block; width: 100%; padding: 12px 15px; font-family: "Noto Sans", serif; font-size: 1rem; font-weight: normal; line-height: 1.25; color: var(--bb-black); background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); appearance: none; }

.contactarea .gform_wrapper.gravity-theme .gform_fields .ginput_container { margin-bottom: 20px; }

.contactarea .gform_wrapper.gravity-theme .gform_fields textarea.large { height: 150px; resize: none; }

.contactarea .gform_wrapper.gravity-theme .gform_fields .ginput_container_select:after, .contactarea .gform_wrapper.gravity-theme .gform_fields .rm-select-wrapper .rm-select:after { right: 15px; }

.contactarea .gform_wrapper.gravity-theme input[type="submit"] { width: 100%; appearance: none; border: 0; }

.contactarea .gform_wrapper.gravity-theme .ginput_container_consent label { align-items: flex-start; }

.contactarea .gform_wrapper.gravity-theme .ginput_container_consent label:before { color: #262C53; }

.contactarea .gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon { align-items: flex-start; padding-top: 15px; }

.contactarea .gform_wrapper.gravity-theme .gform_validation_errors { margin-bottom: 25px; }

.contactarea .gform_wrapper.gravity-theme .description, .contactarea .gform_wrapper.gravity-theme .gfield_description, .contactarea .gform_wrapper.gravity-theme .gsection_description, .contactarea .gform_wrapper.gravity-theme .instruction { background: none; border: 0; padding: 0; margin-top: -10px !important; font-size: 12px; }

.contactarea .background-graphic { display: block; position: absolute; bottom: 0; width: 1400px; opacity: 0.5; z-index: 0; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .contactarea .background-graphic { display: none; } }

@media (min-width: 992px) { .contactarea .background-graphic { left: -320px; bottom: -80%; } }

.contactarea .background-graphic img { position: relative; transform: scaleX(-1); }

.featuredprojects { position: relative; background-color: #262C53; }

.featuredprojects h2, .featuredprojects h3, .featuredprojects p, .featuredprojects a { color: #fff; }

.featuredprojects .sixty { padding-top: 70px; }

@media (min-width: 992px) { .featuredprojects .sixty { padding-bottom: 100px; } }

@media (min-width: 992px) { .featuredprojects .sixty { padding-top: 100px; } }

.featuredprojects .map-area { width: 45%; position: relative; position: sticky; top: 130px; padding: 0 1rem 40px 0; }

@media (min-width: 992px) { .featuredprojects .map-area { padding: 0 1rem 0 0; } }

.featuredprojects .map-area .map .acf-maps { width: 100%; height: 650px; }

.featuredprojects .map-area .marker-in { width: 300px; }

.featuredprojects .map-area .marker-in h4 { font-size: 1.35rem; margin: 0 0 5px; font-family: "Noto Sans", serif; }

.featuredprojects .map-area .marker-in h4 a { color: #262C53; }

.featuredprojects .map-area .marker-in h4 a:hover { color: #455DFB; }

.featuredprojects .map-area .marker-in .project-metas { padding: 15px; }

.featuredprojects .map-area .marker-in .project-meta { font-weight: 400; font-family: "Noto Sans", serif; display: flex; align-items: center; flex-wrap: wrap; }

.featuredprojects .map-area .marker-in .project-meta .project-meta-item { display: inline-flex; color: #262C53; gap: 7px; align-items: center; padding: 0 10px; }

.featuredprojects .map-area .marker-in .project-meta .project-meta-item:first-of-type { border-right: 1px solid rgba(255, 255, 255, 0.3); padding-left: 0; }

.featuredprojects .map-area .marker-in .project-meta .project-meta-item:last-of-type { border: 0; }

.featuredprojects .map-area .marker-in .project-meta .project-meta-item.loco svg { width: 15px; }

.featuredprojects .map-area .marker-in .project-meta .project-meta-item.length svg { width: 25px; }

.featuredprojects .map-area .marker-in .project-image { overflow: hidden; display: inline-block; vertical-align: bottom; }

.featuredprojects .map-area .marker-in .project-image img { transition: all .3s ease-in-out; display: inline-block; vertical-align: middle; }

.featuredprojects .map-area .marker-in .project-image:hover img { transform: scale(1.05); }

.featuredprojects .map-area .gm-style .gm-style-iw-c { padding: 0; border-radius: 0; }

.featuredprojects .map-area .gm-style-iw-d { overflow: visible !important; }

.featuredprojects .map-area .gm-style-iw-chr { position: absolute; top: 10px; right: 10px; z-index: 10; }

.featuredprojects .map-area .gm-style-iw-chr button { width: 28px !important; opacity: 1 !important; height: 28px !important; background-color: #fff !important; }

.featuredprojects .map-area .gm-style-iw-chr button span { margin: 3px 2px !important; }

.featuredprojects .row { position: relative; }

.featuredprojects .projects-map-main-grid { flex-direction: column; }

@media (min-width: 992px) { .featuredprojects .projects-map-main-grid { flex-direction: row; } }

.featuredprojects .projects-map-main-grid .sixty { width: 100%; }

@media (min-width: 992px) { .featuredprojects .projects-map-main-grid .sixty { width: 55%; } }

.featuredprojects .projects-map-main-grid .fourty { width: 100%; }

@media (min-width: 992px) { .featuredprojects .projects-map-main-grid .fourty { width: 45%; } }

.featuredprojects .projects-top { align-items: flex-start; }

@media (min-width: 992px) { .featuredprojects .projects-top { align-items: flex-end; } }

.featuredprojects .projects-top h2 { flex: 1; margin: 0; }

.featuredprojects .projects-top .btn, .featuredprojects .projects-top button, .featuredprojects .projects-top input[type=text][type="file"], .featuredprojects .projects-top input[type=email][type="file"], .featuredprojects .projects-top input[type=tel][type="file"], .featuredprojects .projects-top select[type="file"], .featuredprojects .projects-top textarea[type="file"], .featuredprojects .projects-top .file-upload label, .file-upload .featuredprojects .projects-top label, .featuredprojects .projects-top ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .featuredprojects .projects-top a, .featuredprojects .projects-top .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .featuredprojects .projects-top input[type="submit"] { margin: 0 0 5px; gap: 7.5px; display: inline-flex; align-items: center; }

.featuredprojects .projects-top .btn svg, .featuredprojects .projects-top button svg, .featuredprojects .projects-top input[type=text][type="file"] svg, .featuredprojects .projects-top input[type=email][type="file"] svg, .featuredprojects .projects-top input[type=tel][type="file"] svg, .featuredprojects .projects-top select[type="file"] svg, .featuredprojects .projects-top textarea[type="file"] svg, .featuredprojects .projects-top .file-upload label svg, .file-upload .featuredprojects .projects-top label svg, .featuredprojects .projects-top ul.desktop-menu li.menu-item.contact a svg, ul.desktop-menu li.menu-item.contact .featuredprojects .projects-top a svg, .featuredprojects .projects-top .contactarea .gform_wrapper.gravity-theme input[type="submit"] svg, .contactarea .gform_wrapper.gravity-theme .featuredprojects .projects-top input[type="submit"] svg { width: 15px; }

.featuredprojects .project-filters { padding: 35px 0 15px; display: none; }

.featuredprojects .project-filters .btn, .featuredprojects .project-filters button, .featuredprojects .project-filters input[type=text][type="file"], .featuredprojects .project-filters input[type=email][type="file"], .featuredprojects .project-filters input[type=tel][type="file"], .featuredprojects .project-filters select[type="file"], .featuredprojects .project-filters textarea[type="file"], .featuredprojects .project-filters .file-upload label, .file-upload .featuredprojects .project-filters label, .featuredprojects .project-filters ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .featuredprojects .project-filters a, .featuredprojects .project-filters .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .featuredprojects .project-filters input[type="submit"] { display: inline-flex; align-items: center; flex-direction: row-reverse; gap: 7.5px; transition: all .3s ease-in-out; margin: 0 10px 10px 0; }

.featuredprojects .project-filters .btn svg, .featuredprojects .project-filters button svg, .featuredprojects .project-filters input[type=text][type="file"] svg, .featuredprojects .project-filters input[type=email][type="file"] svg, .featuredprojects .project-filters input[type=tel][type="file"] svg, .featuredprojects .project-filters select[type="file"] svg, .featuredprojects .project-filters textarea[type="file"] svg, .featuredprojects .project-filters .file-upload label svg, .file-upload .featuredprojects .project-filters label svg, .featuredprojects .project-filters ul.desktop-menu li.menu-item.contact a svg, ul.desktop-menu li.menu-item.contact .featuredprojects .project-filters a svg, .featuredprojects .project-filters .contactarea .gform_wrapper.gravity-theme input[type="submit"] svg, .contactarea .gform_wrapper.gravity-theme .featuredprojects .project-filters input[type="submit"] svg { display: none; width: 12px; margin-top: 2px; }

.featuredprojects .project-filters .btn.active, .featuredprojects .project-filters button.active, .featuredprojects .project-filters input.active[type=text][type="file"], .featuredprojects .project-filters input.active[type=email][type="file"], .featuredprojects .project-filters input.active[type=tel][type="file"], .featuredprojects .project-filters select.active[type="file"], .featuredprojects .project-filters textarea.active[type="file"], .featuredprojects .project-filters .file-upload label.active, .file-upload .featuredprojects .project-filters label.active, .featuredprojects .project-filters ul.desktop-menu li.menu-item.contact a.active, ul.desktop-menu li.menu-item.contact .featuredprojects .project-filters a.active, .featuredprojects .project-filters .contactarea .gform_wrapper.gravity-theme input.active[type="submit"], .contactarea .gform_wrapper.gravity-theme .featuredprojects .project-filters input.active[type="submit"], .featuredprojects .project-filters .btn:hover, .featuredprojects .project-filters button:hover, .featuredprojects .project-filters input:hover[type=text][type="file"], .featuredprojects .project-filters input:hover[type=email][type="file"], .featuredprojects .project-filters input:hover[type=tel][type="file"], .featuredprojects .project-filters select:hover[type="file"], .featuredprojects .project-filters textarea:hover[type="file"], .featuredprojects .project-filters .file-upload label:hover, .file-upload .featuredprojects .project-filters label:hover, .featuredprojects .project-filters ul.desktop-menu li.menu-item.contact a:hover, ul.desktop-menu li.menu-item.contact .featuredprojects .project-filters a:hover, .featuredprojects .project-filters .contactarea .gform_wrapper.gravity-theme input:hover[type="submit"], .contactarea .gform_wrapper.gravity-theme .featuredprojects .project-filters input:hover[type="submit"] { background-color: #2F43C5; border-color: #2F43C5; }

.featuredprojects .project-filters .btn.active svg, .featuredprojects .project-filters button.active svg, .featuredprojects .project-filters input.active[type=text][type="file"] svg, .featuredprojects .project-filters input.active[type=email][type="file"] svg, .featuredprojects .project-filters input.active[type=tel][type="file"] svg, .featuredprojects .project-filters select.active[type="file"] svg, .featuredprojects .project-filters textarea.active[type="file"] svg, .featuredprojects .project-filters .file-upload label.active svg, .file-upload .featuredprojects .project-filters label.active svg, .featuredprojects .project-filters ul.desktop-menu li.menu-item.contact a.active svg, ul.desktop-menu li.menu-item.contact .featuredprojects .project-filters a.active svg, .featuredprojects .project-filters .contactarea .gform_wrapper.gravity-theme input.active[type="submit"] svg, .contactarea .gform_wrapper.gravity-theme .featuredprojects .project-filters input.active[type="submit"] svg { display: inline-block; }

.projects-grid { margin: 40px 0 0; }

.projects-grid .bring-out { margin: 0 -1rem; }

.projects-grid .row { flex-wrap: wrap; flex-direction: column; gap: 0; }

@media (min-width: 768px) { .projects-grid .row { flex-direction: row; } }

.project-item { margin: 0 0 30px; padding: 0 1rem; }

@media (min-width: 768px) { .project-item { width: 50%; } }

.project-item h4 { font-size: 1.6rem; }

.project-item h4 a { color: #fff; }

.project-item h4 a:hover { color: #455DFB; }

.project-item .project-image { position: relative; display: block; margin: 0 0 15px; overflow: hidden; }

.project-item .project-image img { transition: all .3s ease-in-out; display: inline-block; vertical-align: middle; aspect-ratio: 1.43; object-fit: cover; }

.project-item .project-image .project-sector { position: absolute; top: 20px; right: 20px; padding: 5px 7px; background-color: #fff; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.project-item .project-image .project-arrow { position: absolute; right: 0; bottom: 0; height: 60px; width: 60px; background-color: #2F43C5; display: inline-flex; align-items: center; justify-content: center; transform: translateX(100%); transition: all .3s ease-in-out; }

.project-item .project-image .project-arrow svg { width: 20px; }

.project-item .project-image:hover img { transform: scale(1.05); }

.project-item .project-image:hover .project-arrow { transform: none; }

.project-item .project-meta { display: flex; align-items: center; flex-wrap: wrap; }

.project-item .project-meta .project-meta-item { display: inline-flex; color: #fff; gap: 7px; align-items: center; padding: 0 10px; }

.project-item .project-meta .project-meta-item:first-of-type { border-right: 1px solid rgba(255, 255, 255, 0.3); padding-left: 0; }

.project-item .project-meta .project-meta-item:last-of-type { border: 0; }

.project-item .project-meta .project-meta-item.loco svg { width: 15px; }

.project-item .project-meta .project-meta-item.length svg { width: 25px; }

#content section.casestudies { background-color: #262C53; padding-bottom: 70px; overflow-x: unset; padding-top: 70px; }

@media (min-width: 992px) { #content section.casestudies { padding-bottom: 100px; } }

@media (min-width: 992px) { #content section.casestudies { padding-top: 100px; } }

#content section.casestudies .case-studies-area { position: relative; display: flex; justify-content: space-between; flex-direction: column; }

@media (min-width: 992px) { #content section.casestudies .case-studies-area { flex-direction: row; } }

#content section.casestudies .case-studies-area .case-study-filters { align-self: flex-start; margin: 0 0 30px; height: auto; }

@media (min-width: 992px) { #content section.casestudies .case-studies-area .case-study-filters { width: 250px; position: sticky; top: 175px; margin: 0; } }

#content section.casestudies .case-studies-area .case-study-filters h4 { text-transform: uppercase; color: #fff; font-weight: 900; font-size: 1.4rem; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

#content section.casestudies .case-studies-area .case-study-filters .filter-option { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; padding: 10px 0; opacity: 0.5; transition: all .3s ease-in-out; cursor: pointer; }

#content section.casestudies .case-studies-area .case-study-filters .filter-option.active, #content section.casestudies .case-studies-area .case-study-filters .filter-option:hover { opacity: 1; }

#content section.casestudies .case-studies-area .case-study-filters .filter-option.active:before { width: 7px; height: 7px; background-color: #455DFB; display: inline-block; content: ''; }

#content section.casestudies .case-studies-area .case-study-main { float: right; margin: 0; }

@media (min-width: 992px) { #content section.casestudies .case-studies-area .case-study-main { width: calc(100% - 300px); } }

#content section.casestudies .cs-loading { text-align: center; }

#content section.casestudies .cs-loading svg { height: 5.5rem; }

#content section.casestudies .load-more-cs { text-align: center; }

#content section.casestudies .load-more-cs .cs-loading { display: none; }

.featured-project { padding: 0 1rem; position: relative; margin: 0 0 50px; }

.featured-project .project-image { position: relative; display: block; margin: 0 0 15px; overflow: hidden; }

.featured-project .project-image img { transition: all .3s ease-in-out; display: inline-block; vertical-align: middle; height: 400px; object-fit: cover; }

@media (min-width: 992px) { .featured-project .project-image img { height: 500px; } }

.featured-project .project-image .btn, .featured-project .project-image button, .featured-project .project-image input[type=text][type="file"], .featured-project .project-image input[type=email][type="file"], .featured-project .project-image input[type=tel][type="file"], .featured-project .project-image select[type="file"], .featured-project .project-image textarea[type="file"], .featured-project .project-image .file-upload label, .file-upload .featured-project .project-image label, .featured-project .project-image ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .featured-project .project-image a, .featured-project .project-image .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .featured-project .project-image input[type="submit"] { margin: 30px 0 0; }

.featured-project .project-image:hover img { transform: scale(1.05); }

.featured-project .project-image:hover .btn, .featured-project .project-image:hover button, .featured-project .project-image:hover input[type=text][type="file"], .featured-project .project-image:hover input[type=email][type="file"], .featured-project .project-image:hover input[type=tel][type="file"], .featured-project .project-image:hover select[type="file"], .featured-project .project-image:hover textarea[type="file"], .featured-project .project-image:hover .file-upload label, .file-upload .featured-project .project-image:hover label, .featured-project .project-image:hover ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .featured-project .project-image:hover a, .featured-project .project-image:hover .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .featured-project .project-image:hover input[type="submit"] { border-color: #26369F; background-color: #26369F; }

.featured-project .project-image .project-sector { position: absolute; top: 20px; right: 20px; padding: 5px 7px; background-color: #fff; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; z-index: 4; }

.featured-project .project-image .featured-project-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; font-size: 24px; }

@media (min-width: 992px) { .featured-project .project-image .featured-project-overlay { padding: 45px; } }

.featured-project .project-image .featured-project-overlay h2 { color: #fff; }

.cs-hero { padding: 200px 0 60px; min-height: 60vh; max-height: 680px; position: relative; }

@media (min-width: 768px) { .cs-hero { padding: 400px 0 100px; } }

.cs-hero:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; }

.cs-hero img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }

.cs-hero .container { position: relative; z-index: 3; color: #fff; }

.cs-hero .container h1 { color: #fff; margin: 30px 0 20px; }

.cs-hero .container .cs-hero-loco { font-size: 30px; }

.cs-hero .container .project-sector { padding: 5px 7px; background-color: #fff; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.cs-hero .container .cs-hero-grid { justify-content: space-between; align-items: flex-start; }

@media (min-width: 992px) { .cs-hero .container .cs-hero-grid { align-items: flex-end; } }

@media (min-width: 992px) { .cs-hero .container .cs-hero-grid .cs-hero-left { padding-right: 150px; flex: 1; } }

.cs-hero .container .cs-hero-grid .cs-hero-right { display: flex; }

.cs-hero .container .cs-hero-grid .cs-hero-right .cs-hero-meta-item { display: flex; margin: 0 20px 0 0; flex-direction: column; }

@media (min-width: 992px) { .cs-hero .container .cs-hero-grid .cs-hero-right .cs-hero-meta-item { margin: 0 0 0 40px; } }

.cs-hero .container .cs-hero-grid .cs-hero-right .cs-hero-meta-item span { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; font-size: 17px; padding: 0 0 10px; }

.cs-hero__info { background-color: #F1F2F4; padding: 2rem 0; display: flex; }

.cs-hero__info .row { align-items: center; justify-content: space-between; }

@media (max-width: 991.98px) { .cs-hero__info .row { align-items: flex-start; justify-self: flex-start; gap: 1rem; } }

.cs-hero__stat-list { display: flex; padding: 0; margin: 0; list-style: none; gap: 4rem; }

@media (max-width: 991.98px) { .cs-hero__stat-list { flex-direction: column; gap: 2rem; } }

.cs-hero__stat { position: relative; color: #262C53; }

.cs-hero__stat::before { display: block; content: ''; width: 1px; height: 100%; background-color: #2F43C5; position: absolute; left: -2rem; }

@media (max-width: 991.98px) { .cs-hero__stat::before { width: 100%; height: 1px; top: -2rem; left: 0; display: none; } }

.cs-hero__stat:first-child::before { display: none; }

.cs-hero__stat-prefix, .cs-hero__stat-number, .cs-hero__stat-suffix { font-size: 2rem; text-transform: uppercase; font-weight: 900; }

.cs-hero__stat-label { display: block; font-weight: 400; }

.cs-hero__logo img { display: block; height: auto; width: auto; max-height: 64px; max-width: 144px; }

.servicesutilised .intro .small-link { margin: 40px 0 0; }

@media (min-width: 768px) { .servicesutilised .links-grid .bring-out { margin: 0 -1rem; } }

.servicesutilised .links-grid .bring-out .row { flex-wrap: wrap; gap: 0; flex-direction: column; }

@media (min-width: 768px) { .servicesutilised .links-grid .bring-out .row { flex-direction: row; } }

.servicesutilised .links-grid .bring-out .row .services-grid-item { margin: 0 0 2rem; width: 100%; }

@media (min-width: 768px) { .servicesutilised .links-grid .bring-out .row .services-grid-item { width: 50%; padding: 0 1rem; } }

@media (min-width: 768px) { .servicesutilised .links-grid .bring-out .row .services-grid-item.whole { width: 100%; } }

.contentstats .sub-title { margin: 0 0 30px; }

.contentstats .sub-title .text { color: #262C53; }

.contentstats .stats .stat { border: 1px solid rgba(0, 0, 0, 0.2); padding: 25px; background: #F1F2F4; }

@media (min-width: 992px) { .contentstats .stats .stat { padding: 60px 32px 32px; } }

.contentstats .stats .stat:last-of-type { border-top: 0; }

.contentstats .stats .stat:last-of-type:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.2); }

.contentstats .stats .stat .stat-figures { font-weight: 900; font-size: 26px; text-transform: uppercase; margin: 0 0 10px; }

@media (min-width: 992px) { .contentstats .stats .stat .stat-figures { font-size: 36px; } }

.contentstats .stats .stat .stat-figures .stat-title { color: #2F43C5; }

.contentstats .seventy { width: 100%; }

@media (min-width: 992px) { .contentstats .seventy { width: 70%; } }

.featurescstudies .featured-cstudies-top { justify-content: space-between; flex-wrap: wrap; }

.featurescstudies .featured-cstudies-top h2 { text-align: left; flex: 1; text-wrap: pretty; }

.featurescstudies .featured-cstudies-top .button-wrap { flex: 1; }

@media (min-width: 992px) { .featurescstudies .featured-cstudies-top .button-wrap { text-align: right; } }

.featurescstudies .featured-cstudies-top h2 { margin: 0; }

.featurescstudies--single .featured-cstudies-top .button-wrap { margin-top: 1.5rem; }

@media (min-width: 992px) { .featurescstudies--single .featured-cstudies-top h2 { text-align: center; }
  .featurescstudies--single .featured-cstudies-top .button-wrap { text-align: center; } }

.featurescstudies .projects-grid .project-item h4 a { color: #262C53; }

.featurescstudies .projects-grid .project-item .project-meta .project-meta-item { color: #262C53; }

.featurescstudies .projects-grid .featured-project { margin: 0 0 1rem; }

@media (min-width: 992px) { .featurescstudies .projects-grid .featured-project .project-image img { height: 550px; } }

.featurescstudies .featured-cstudies-top { align-items: flex-start; }

@media (min-width: 992px) { .featurescstudies .featured-cstudies-top { align-items: center; } }

.featurescstudies .cs-sectors-area { position: relative; }

.featurescstudies .cs-sectors-area:after { content: ""; width: 150vw; height: 1px; position: absolute; left: 0; transform: translateX(-25%); bottom: 0; border-bottom: 1px solid rgba(38, 44, 83, 0.3); }

.featurescstudies .cs-sectors-area:before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 14%, white 100%); content: ""; width: calc(1.5rem * 1.67); height: 100%; bottom: 1px; right: 0; position: absolute; z-index: 34; }

.featurescstudies .cs-sectors-area .cs-slider-sectors { position: relative; margin: 40px 0 0; white-space: nowrap; }

.featurescstudies .cs-sectors-area .cs-slider-sectors .cs-slider-filter { display: inline-block; cursor: pointer; position: relative; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; margin: 0 20px 0 0; padding: 0 0 25px; transition: all .3s ease-in-out; }

.featurescstudies .cs-sectors-area .cs-slider-sectors .cs-slider-filter.active { color: #2F43C5; }

.featurescstudies .cs-sectors-area .cs-slider-sectors .cs-slider-filter.active:after { position: absolute; bottom: -1px; height: 2px; width: 100%; content: ""; left: 0; height: 3px; background-color: #2F43C5; }

.featurescstudies .cs-sectors-area .cs-slider-sectors .cs-slider-filter:hover { color: #2F43C5; }

.featurescstudies .cs-sectors-area .container { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }

.featurescstudies .cs-sectors-area .container::-webkit-scrollbar { display: none; }

.featurescstudies .cs-slider-wrap { margin: 40px 0 0; padding-bottom: 70px; position: relative; }

.featurescstudies .cs-slider-wrap .slick-list { overflow: visible; }

.featurescstudies .cs-slider-wrap .slick-list .slick-track { display: flex; }

.featurescstudies .cs-slider-wrap .cs-slider-make:before { content: ""; position: absolute; right: 100%; top: 0; height: 110%; width: 50vw; background-color: #fff; z-index: 2; }

.featurescstudies .cs-slider-wrap .project-item { padding: 0; margin: 0 2rem 0 0; display: block; float: none; display: inline-block; }

.featurescstudies .cs-slider-wrap .project-item:first-of-type { border-color: rgba(0, 0, 0, 0.3); }

.featurescstudies .cs-slider-wrap .project-item h4 a { color: #262C53; }

.featurescstudies .cs-slider-wrap .project-item .project-meta .project-meta-item { color: #262C53; }

.featurescstudies .cs-slider-wrap .project-item .project-image img { aspect-ratio: 1.5; }

.featurescstudies .cs-slider-wrap .slick-prev, .featurescstudies .cs-slider-wrap .slick-next { position: absolute; bottom: -70px; z-index: 10; background-color: #2F43C5; width: 45px; height: 45px; cursor: pointer; appearance: none; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 16px; background-position: center; transition: all .3s ease-in-out; }

.featurescstudies .cs-slider-wrap .slick-prev:hover, .featurescstudies .cs-slider-wrap .slick-next:hover { background-color: #26369F; }

.featurescstudies .cs-slider-wrap .slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1.34591 9.79744L0.550781 9.0023L1.34591 8.20717L8.53017 1.02292L9.3253 0.227783L10.9109 1.81337L10.1158 2.6085L4.84917 7.87976H20.3262H21.4487V10.1248H20.3262H4.84917L10.1204 15.3914L10.9156 16.1866L9.32998 17.7721L8.53485 16.977L1.34591 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.featurescstudies .cs-slider-wrap .slick-next { left: 55px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.6541 9.79744L21.4492 9.0023L20.6541 8.20717L13.4698 1.02292L12.6747 0.227783L11.0891 1.81337L11.8842 2.6085L17.1508 7.87976H1.67381H0.55127V10.1248H1.67381H17.1508L11.8796 15.3914L11.0844 16.1866L12.67 17.7721L13.4652 16.977L20.6541 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.team { background-color: #15182F; color: #fff; }

.team .row { justify-content: center; }

.team h2, .team p, .team h4 { color: #fff; }

.team .button-wrap { margin: 30px 0 0; }

.team .bring-out { margin: 0; }

@media (min-width: 768px) { .team .bring-out { margin: 0 -1rem; } }

.team .team-members { flex-direction: column; flex-wrap: wrap; gap: 0; }

@media (min-width: 768px) { .team .team-members { flex-direction: row; } }

.team .team-members .content { padding: 0 1rem; padding-bottom: 70px; }

@media (max-width: 767.98px) { .team .team-members .content { padding: 0; padding-bottom: 70px; } }

.team .team-members .third { padding: 0; margin: 0 0 35px; }

@media (min-width: 768px) { .team .team-members .third { padding: 0 1rem; } }

.team .team-members .third h4 { text-transform: uppercase; font-weight: 900; font-size: 1.3rem; }

.team .team-members .third:first-of-type { display: inline-flex; flex-direction: column; justify-content: center; }

.team .team-members .third .team-image { margin: 0 0 20px; position: relative; overflow: hidden; }

.team .team-members .third .team-image img { aspect-ratio: .857; transition: all .3s ease-in-out; display: inline-block; vertical-align: bottom; }

.team .team-members .third .team-image img.hover { height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transform: rotate(6deg); transform-origin: center center; width: 100%; z-index: 2; }

.team .team-members .third .team-image .team-arrow { position: absolute; right: 0; bottom: 0; height: 60px; width: 60px; z-index: 3; background-color: #2F43C5; display: inline-flex; align-items: center; justify-content: center; transform: translateX(100%); transition: all .3s ease-in-out; }

.team .team-members .third .team-image .team-arrow svg { width: 20px; }

.team .team-members .third:hover .team-arrow { transform: none; }

.team .team-members .third:hover .team-image img.hover { opacity: 1; transform: none; }

.team .team-members .third:hover .team-image img.initial { transform: translateX(-100%); }

.team .team-members .third.team-member { width: 100%; }

@media (min-width: 768px) { .team .team-members .third.team-member { width: 50%; } }

@media (min-width: 992px) { .team .team-members .third.team-member { width: 33.333333333%; } }

.team .team-members .third h4 a { color: #fff; }

#content section.team-single { padding: 150px 0 100px; overflow-x: visible; }

@media (min-width: 768px) { #content section.team-single { padding: 175px 0 100px; } }

@media (min-width: 992px) { #content section.team-single { padding: 250px 0 100px; } }

@media (min-width: 768px) { #content section.team-single .team-single-image { position: sticky; top: 175px; } }

#content section.team-single h4 { color: #2F43C5; }

#content section.team-single h4.team-project-cta { margin-top: 40px; text-transform: uppercase; color: #262C53; font-weight: 900; font-size: 1.3rem; }

#content section.team-single .team-contacts { margin: 0 0 30px; }

#content section.team-single .team-contacts a { margin: 7.5px 0; color: #262C53; display: inline-flex; align-items: center; gap: 7px; }

#content section.team-single .team-contacts a svg { flex: 1; height: 15px; }

#content section.team-single .team-contacts a:hover { color: #2F43C5; }

.single-team-top { flex-direction: column-reverse; }

@media (min-width: 768px) { .single-team-top { flex-direction: row; } }

.collegues { background-color: #15182F; }

.collegues h2, .collegues h3, .collegues h4, .collegues p { color: #fff; }

.logoscroller { background-color: white; }

.logoscroller .logo-item { display: block; padding: 0 45px; }

.logoscroller .logo-item img { max-height: 55px; width: auto; height: auto; max-width: 120px; }

.logoscroller .slick-track { align-items: center; }

.logos .logo-row { display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; gap: 30px; }

@media (min-width: 992px) { .logos .logo-row { flex-direction: row; align-items: center; gap: 0; } }

.logos .logo-row .logo-row-items { display: flex; flex-wrap: wrap; justify-content: flex-start; flex: 1; padding-right: 30px; }

@media (min-width: 1200px) { .logos .logo-row .logo-row-items { flex-wrap: nowrap; justify-content: space-between; } }

.logos .logo-row .logo-row-items .logo-item { display: inline-flex; align-items: center; justify-content: center; padding: 10px 25px 10px 0; }

.logos .logo-row .logo-row-items .logo-item img { max-height: 55px; max-width: 150px; width: auto; height: auto; transition: transform 0.15s ease-in-out; }

.logos .logo-row .logo-row-items .logo-item img:hover { transform: scale(1.125); }

.servicesslider { background-color: #15182F; }

.servicesslider h2, .servicesslider h3, .servicesslider h4, .servicesslider p { color: #fff; }

.servicesslider .service-slider-item { opacity: .6; display: inline-block; position: relative; }

.servicesslider .service-slider-item img { display: inline-block; vertical-align: bottom; }

.servicesslider .service-slider-item .service-slider-item-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-transform: uppercase; font-weight: 900; font-size: 1.3rem; color: #fff; padding: 20px; display: flex; align-items: flex-end; transition: all .3s ease-in-out; }

.servicesslider .service-slider-item:hover { opacity: 1; }

.servicesslider .service-slider-item:hover .service-slider-item-overlay { background-color: rgba(69, 93, 251, 0.75); }

.servicesslider .service-slider-item.slick-current { opacity: 1; }

.servicesslider .services-slider-wrap { margin: 30px 0 50px; }

.servicesslider .slick-list { overflow: visible; }

.servicesslider .slick-slide { height: unset; }

.servicesslider .slick-track { gap: 10px; overflow: visible; }

.servicesslider .slick-prev, .servicesslider .slick-next { position: absolute; bottom: -75px; z-index: 10; background-color: #2F43C5; width: 45px; height: 45px; cursor: pointer; appearance: none; font-size: 0; border: 0; background-repeat: no-repeat; background-size: 16px; background-position: center; transition: all .3s ease-in-out; }

.servicesslider .slick-prev:hover, .servicesslider .slick-next:hover { background-color: #26369F; }

.servicesslider .slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M1.34591 9.79744L0.550781 9.0023L1.34591 8.20717L8.53017 1.02292L9.3253 0.227783L10.9109 1.81337L10.1158 2.6085L4.84917 7.87976H20.3262H21.4487V10.1248H20.3262H4.84917L10.1204 15.3914L10.9156 16.1866L9.32998 17.7721L8.53485 16.977L1.34591 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.servicesslider .slick-next { left: 55px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='18' viewBox='0 0 22 18' fill='none'%3E%3Cpath d='M20.6541 9.79744L21.4492 9.0023L20.6541 8.20717L13.4698 1.02292L12.6747 0.227783L11.0891 1.81337L11.8842 2.6085L17.1508 7.87976H1.67381H0.55127V10.1248H1.67381H17.1508L11.8796 15.3914L11.0844 16.1866L12.67 17.7721L13.4652 16.977L20.6541 9.79744Z' fill='white'/%3E%3C/svg%3E"); }

.imagehighlight { background-color: #15182F; position: relative; overflow: hidden; }

.imagehighlight > svg { position: absolute; top: 0; right: 0; width: 750px; pointer-events: none; }

@media (max-width: 991.98px) { .imagehighlight > svg { display: none; } }

@media (max-width: 1199.98px) { .imagehighlight .row { min-height: 540px; } }

@media (max-width: 991.98px) { .imagehighlight .row { flex-direction: column-reverse; gap: 50px; } }

.imagehighlight .thirty { display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 1; }

.imagehighlight .thirty h2, .imagehighlight .thirty h3, .imagehighlight .thirty h4, .imagehighlight .thirty p, .imagehighlight .thirty a { color: #fff; }

.imagehighlight .thirty a:hover { color: #2F43C5; }

.imagehighlight .thirty img { width: 175px; }

.imagehighlight .thirty h3 { font-family: "Noto Sans JP", serif; font-size: calc(1.6333333333rem + 1.25vw); font-weight: 900; line-height: 1.1; text-transform: uppercase; margin: 20px 0; }

@media (min-width: 768px) { .imagehighlight .thirty h3 { font-size: 2.45rem; } }

@media (min-width: 992px) { .imagehighlight .thirty h3 { margin: 0 0 20px; } }

.imagehighlight.make-image-larger .thirty img { width: 100%; object-fit: cover; }

@media (max-width: 1359.98px) { .imagehighlight.make-image-larger .thirty img { max-height: 275px; } }

@media (max-width: 991.98px) { .imagehighlight.make-image-larger .thirty img { max-height: 460px; } }

@media (max-width: 767.98px) { .imagehighlight.make-image-larger .thirty img { max-height: 330px; } }

.imagehighlight .seventy { width: 100%; position: relative; z-index: 1; }

@media (min-width: 992px) { .imagehighlight .seventy { width: 70%; } }

.imagehighlight .seventy img { margin-top: 0; }

@media (min-width: 992px) { .imagehighlight .seventy img { margin-top: 50px; } }

.imagehighlight.make-image-larger .seventy img { margin-top: 0; }

.imagehighlight .background-graphic { display: none; }

.imagehighlight.show-background-graphic { overflow: visible; }

.imagehighlight.show-background-graphic .background-graphic { display: block; position: absolute; bottom: 0; width: 1440px; opacity: 0.5; z-index: 0; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .imagehighlight.show-background-graphic .background-graphic { display: none; } }

@media (min-width: 992px) { .imagehighlight.show-background-graphic .background-graphic { right: -420px; bottom: -32px; } }

@media (min-width: 1200px) { .imagehighlight.show-background-graphic .background-graphic { bottom: 0; } }

.imagehighlight.show-background-graphic .background-graphic img { position: relative; }

.post-type-repeater.bg-darkblue { background-color: #262C53; }

.post-type-repeater__grid { display: grid; gap: 3rem 2rem; grid-template-columns: repeat(3, 1fr); }

@media (max-width: 1199.98px) { .post-type-repeater__grid { grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 767.98px) { .post-type-repeater__grid { grid-template-columns: repeat(1, 1fr); } }

.post-type-repeater__pagination { margin-top: 3rem; display: flex; justify-content: center; flex-direction: column; align-items: center; }

.post-type-repeater__pagination__loading { display: none; }

.post-type-repeater__pagination__loading.show { display: block; }

.post-type-repeater__pagination__loading svg { height: 5.5rem; }

.post-card { gap: unset; }

.post-card--default-width .post-card__inner a { display: flex; flex-direction: column; gap: 1rem; }

.post-card--default-width .post-card__inner__img { overflow: hidden; position: relative; }

.post-card--default-width .post-card__inner__img img { width: 100%; object-fit: cover; transition: transform 0.3s ease; aspect-ratio: 1.43; height: auto; }

.post-card--default-width .post-card__inner__category { position: absolute; top: 20px; right: 20px; padding: 5px 7px; background-color: #fff; z-index: 2; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.post-card--default-width .post-card__inner__arrow { position: absolute; right: 0; bottom: 0; height: 60px; width: 60px; background-color: #2F43C5; display: inline-flex; align-items: center; justify-content: center; transform: translateX(100%); transition: all .3s ease-in-out; }

.post-card--default-width .post-card__inner__arrow svg { width: 20px; }

.post-card--default-width .post-card__inner a:hover .post-card__inner__img img { transform: scale(1.05); }

.post-card--default-width .post-card__inner a:hover .post-card__inner__arrow { transform: translateX(0); }

.post-card--default-width .post-card__inner__title { margin: 0; font-size: 1.6rem; line-height: 1.35; }

.post-card--full-width { grid-column: span 2; }

@media (max-width: 767.98px) { .post-card--full-width { grid-column: span 1; } }

.post-card--full-width .post-card__inner a { display: block; }

.post-card--full-width .post-card__inner__img { overflow: hidden; position: relative; }

.post-card--full-width .post-card__inner__img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); pointer-events: none; }

.post-card--full-width .post-card__inner__img img { width: 100%; object-fit: cover; transition: transform 0.3s ease; }

@media (max-width: 767.98px) { .post-card--full-width .post-card__inner__img img { height: auto; aspect-ratio: 1.43; min-height: 500px; } }

.post-card--full-width .post-card__inner__category { position: absolute; top: 20px; right: 20px; padding: 5px 7px; background-color: #fff; z-index: 2; text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; }

.post-card--full-width .post-card__inner__overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; z-index: 1; }

.post-card--full-width .post-card__inner a:hover .post-card__inner__img img { transform: scale(1.05); }

.post-card--full-width .post-card__inner__title { margin: 0; color: white; }

.bg-darkblue .post-card__inner__title { color: white; }

.projects-map { display: flex; flex-direction: column-reverse; }

@media (min-width: 1200px) { .projects-map { flex-direction: row; height: calc(100vh - 74px); } }

@media (max-width: 991.98px) { .projects-map { display: none; } }

.projects-map__filters { display: flex; flex-direction: column; gap: 48px; }

.projects-map__filters__heading { align-items: center; display: flex; justify-content: space-between; }

.projects-map__filters__heading h2 { color: #FFFFFF; }

.projects-map__filters__heading .btn, .projects-map__filters__heading button, .projects-map__filters__heading input[type=text][type="file"], .projects-map__filters__heading input[type=email][type="file"], .projects-map__filters__heading input[type=tel][type="file"], .projects-map__filters__heading select[type="file"], .projects-map__filters__heading textarea[type="file"], .projects-map__filters__heading .file-upload label, .file-upload .projects-map__filters__heading label, .projects-map__filters__heading ul.desktop-menu li.menu-item.contact a, ul.desktop-menu li.menu-item.contact .projects-map__filters__heading a, .projects-map__filters__heading .contactarea .gform_wrapper.gravity-theme input[type="submit"], .contactarea .gform_wrapper.gravity-theme .projects-map__filters__heading input[type="submit"] { align-items: center; gap: 10px; }

.projects-map__filters__wrapper { display: flex; flex-flow: row wrap; gap: 12px; }

.projects-map__filters__wrapper .btn:not(.active), .projects-map__filters__wrapper button:not(.active), .projects-map__filters__wrapper input:not(.active)[type=text][type="file"], .projects-map__filters__wrapper input:not(.active)[type=email][type="file"], .projects-map__filters__wrapper input:not(.active)[type=tel][type="file"], .projects-map__filters__wrapper select:not(.active)[type="file"], .projects-map__filters__wrapper textarea:not(.active)[type="file"], .projects-map__filters__wrapper .file-upload label:not(.active), .file-upload .projects-map__filters__wrapper label:not(.active), .projects-map__filters__wrapper ul.desktop-menu li.menu-item.contact a:not(.active), ul.desktop-menu li.menu-item.contact .projects-map__filters__wrapper a:not(.active), .projects-map__filters__wrapper .contactarea .gform_wrapper.gravity-theme input:not(.active)[type="submit"], .contactarea .gform_wrapper.gravity-theme .projects-map__filters__wrapper input:not(.active)[type="submit"] { background-color: transparent; border: 2px solid #2F43C5; }

.projects-map__filters__wrapper .btn.active, .projects-map__filters__wrapper button.active, .projects-map__filters__wrapper input.active[type=text][type="file"], .projects-map__filters__wrapper input.active[type=email][type="file"], .projects-map__filters__wrapper input.active[type=tel][type="file"], .projects-map__filters__wrapper select.active[type="file"], .projects-map__filters__wrapper textarea.active[type="file"], .projects-map__filters__wrapper .file-upload label.active, .file-upload .projects-map__filters__wrapper label.active, .projects-map__filters__wrapper ul.desktop-menu li.menu-item.contact a.active, ul.desktop-menu li.menu-item.contact .projects-map__filters__wrapper a.active, .projects-map__filters__wrapper .contactarea .gform_wrapper.gravity-theme input.active[type="submit"], .contactarea .gform_wrapper.gravity-theme .projects-map__filters__wrapper input.active[type="submit"] { align-items: center; gap: 5px; }

.projects-map__filters__wrapper .btn.active:after, .projects-map__filters__wrapper button.active:after, .projects-map__filters__wrapper input.active[type="file"][type=text]:after, .projects-map__filters__wrapper input.active[type="file"][type=email]:after, .projects-map__filters__wrapper input.active[type="file"][type=tel]:after, .projects-map__filters__wrapper select.active[type="file"]:after, .projects-map__filters__wrapper textarea.active[type="file"]:after, .projects-map__filters__wrapper .file-upload label.active:after, .file-upload .projects-map__filters__wrapper label.active:after, .projects-map__filters__wrapper ul.desktop-menu li.menu-item.contact a.active:after, ul.desktop-menu li.menu-item.contact .projects-map__filters__wrapper a.active:after, .projects-map__filters__wrapper .contactarea .gform_wrapper.gravity-theme input.active[type="submit"]:after, .contactarea .gform_wrapper.gravity-theme .projects-map__filters__wrapper input.active[type="submit"]:after { color: #FFFFFF; content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 700; font-size: 1rem; position: relative; right: 0; transition: all 0.5s ease-in-out; }

.projects-map__projects-wrapper { display: flex; flex-direction: column; flex-wrap: wrap; overflow-y: scroll; margin-left: -1rem; margin-right: -1rem; }

.projects-map__projects-wrapper .project-item .project-image { display: flex; }

.projects-map__projects-wrapper .project-item .project-image img { aspect-ratio: 338 / 246; height: auto; object-fit: cover; }

.projects-map__projects-wrapper .project-item > div { align-items: center; display: flex; gap: 10px; }

.projects-map__projects-wrapper .project-item > div p { align-items: center; color: #FFFFFF; display: flex; gap: 12px; margin-bottom: 0; }

.projects-map__projects-wrapper .project-item > div p i { color: #455DFB; }

.projects-map__projects-wrapper .project-item > div p svg { width: 15px; }

.projects-map__projects-wrapper .project-item > div p.border-right { border-right: 1px solid #FFFFFF; padding-right: 10px; }

@media (min-width: 768px) { .projects-map__projects-wrapper { flex-direction: row; } }

@media (min-width: 1200px) { .projects-map__projects-wrapper { margin-right: 0; }
  .projects-map__projects-wrapper::-webkit-scrollbar { width: 10px; }
  .projects-map__projects-wrapper::-webkit-scrollbar-track { background: transparent; border-radius: 10px; }
  .projects-map__projects-wrapper::-webkit-scrollbar-thumb { background-color: #2F43C5; border-radius: 10px; filter: brightness(5%); }
  .projects-map__projects-wrapper::-webkit-scrollbar-thumb:hover { background-color: #2F43C5; filter: brightness(5%); } }

.projects-map__projects-wrapper .cs-loading svg { height: 5.5rem; }

.projects-map__grid { background-color: #262C53; display: flex; flex: 0 1 60%; flex-direction: column; gap: 48px; max-width: 1000px; padding: 64px 20px; }

@media (min-width: 1200px) { .projects-map__grid { padding: 128px 48px; } }

.projects-map__wrapper { flex: 1 1 580px; height: 100%; width: 100%; }

.projects-map__wrapper > div { height: 100%; width: 100%; }

.projects-map__wrapper .block-card { display: none; }

.projects-map__wrapper .block-card.active { bottom: 20px; box-shadow: 190px 239px 86px 0px rgba(0, 0, 0, 0), 122px 153px 78px 0px rgba(0, 0, 0, 0.01), 69px 86px 66px 0px rgba(0, 0, 0, 0.05), 30px 38px 49px 0px rgba(0, 0, 0, 0.09), 8px 10px 27px 0px rgba(0, 0, 0, 0.1); display: block; max-width: 440px; position: absolute; }

.projects-map__wrapper .block-card.active > a { flex-direction: column; overflow: hidden; }

.projects-map__wrapper .block-card.active > a article { background-color: #FFFFFF; padding: 32px; }

.projects-map__wrapper .block-card.active > a article header h4 { font-family: "Noto Sans JP"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.18px; margin-bottom: 0; }

.projects-map__wrapper .block-card.active > a article footer { align-items: center; display: flex; flex-direction: row; gap: 20px; justify-content: flex-start; }

.projects-map__wrapper .block-card.active > a article footer p { align-items: center; display: flex; gap: 8px; margin-bottom: 0; }

.projects-map__wrapper .block-card.active > a article footer p svg { height: 18px; width: 18px; }

.projects-map__wrapper .block-card.active > a article footer .location { display: flex; gap: 5px; }

.projects-map__wrapper .block-card.active > a .image { aspect-ratio: 292 / 196; height: 100%; }

@media (min-width: 1200px) { .projects-map__wrapper .block-card.active { height: fit-content; height: -moz-fit-content; margin: auto 0; max-width: 335px; right: 30px; top: 0; } }

.projects-map__wrapper .block-card #card-close { color: #FFFFFF; cursor: pointer; font-size: 32px; height: 32px; position: absolute; padding: 12px; right: 40px; top: 32px; width: 32px; z-index: 10; }

.projects-map__wrapper .block-card #card-close i { color: #000000; background: #FFFFFF; padding: 2px 5px 0px; border-radius: 5px; }

@media (min-width: 1200px) { .projects-map__wrapper .block-card #card-close { right: 30px; top: 0; } }

.projects-map__wrapper .cluster { transform: scale(0.8); }

.projects-map__wrapper .cluster span { color: var(--bb-white) !important; font-size: 24px; font-weight: 600; }

.projects-grid-module { background-color: #15182F; }

.feature-block { position: relative; background-image: linear-gradient(to bottom, #15182F 50%, transparent 50%); }

.feature-block__content { background-color: #F1F2F4; display: flex; flex-direction: column; padding: 2rem 1rem; align-items: flex-start; }

@media (min-width: 992px) { .feature-block__content { position: absolute; bottom: 0; left: 0; max-width: 35%; padding: 4rem 3rem; } }

.feature-block__logo { width: auto; height: auto; max-width: 110px; max-height: 55px; margin-bottom: 1.5rem; }

.feature-block__title { text-wrap: pretty; margin-bottom: 0.75rem; }

.feature-block__text { text-wrap: pretty; }

.feature-block__link { margin-top: 1.5rem; color: inherit; }

.feature-block__link:hover { color: #2F43C5; }

.map-zoom { position: relative; overflow: hidden; display: flex; justify-content: center; background-color: #15182F; }

.map-zoom__video { width: 100%; height: auto; display: block; max-height: 900px; }

.map-zoom__text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; color: #fff; text-align: center; z-index: 1; }

@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; } }

.page-template-history { height: 100vh; }

.page-template-history main { margin-bottom: 0 !important; background-color: transparent; }

.page-template-history .history-scroll { text-transform: uppercase; color: #262C53; font-size: 14px; font-weight: 900; letter-spacing: -0.28px; border-bottom: 2px solid #2F43C5; padding-bottom: 4px; display: inline-block; margin: 25px 0 0; }

.page-template-history .history-scroll:hover { color: #2F43C5; }

.page-template-history footer { position: static; }

.page-template-history .history-intro { text-align: center; position: relative; }

.page-template-history .history-intro > svg { position: absolute; right: 0; bottom: 0; height: auto; width: 500px; overflow: hidden; z-index: 22; }

.page-template-history .history-intro > svg rect { transform: translateY(125px); }

.page-template-history .history-intro .container { position: relative; z-index: 2; }

.page-template-history .history-intro .sub-title { margin: 0 0 25px; }

.page-template-history .history-intro .sub-title .text { color: #262C53; }

.page-template-history .history-intro .background-graphic { display: block; position: absolute; bottom: -390px; width: 1200px; opacity: 0.5; z-index: 0; pointer-events: none; overflow: visible; }

@media (max-width: 991.98px) { .page-template-history .history-intro .background-graphic { display: none; } }

@media (min-width: 992px) { .page-template-history .history-intro .background-graphic { right: -400px; transform: rotate(350deg); } }

.page-template-history .history-intro .background-graphic img { position: relative; }

.page-template-history section { transform: none !important; height: 100vh; min-height: fit-content; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 230; backface-visibility: hidden; }

.page-template-history .pin-spacer:last-of-type section { position: relative !important; top: unset !important; }

.page-template-history .history-started { background-size: cover; text-align: center; }

.page-template-history .history-started .container { position: relative; z-index: 2; padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 992px) { .page-template-history .history-started .container { padding: 0 250px; } }

.page-template-history .history-started:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }

.page-template-history .history-started h1, .page-template-history .history-started h2, .page-template-history .history-started h3, .page-template-history .history-started h4, .page-template-history .history-started p { color: #fff; }

.page-template-history .history-started .sub-title { margin: 0 0 25px; }

body .history-main { background-color: #15182F; overflow-x: unset; position: relative; }

body .history-main .history-main-in > svg { position: absolute; right: 0; top: 0; width: 500px; height: auto; }

body .history-main .featurescstudies { color: #fff; }

body .history-main .featurescstudies .featured-cstudies-top { text-align: center; }

body .history-main .featurescstudies .featured-cstudies-top h2, body .history-main .featurescstudies .featured-cstudies-top h3, body .history-main .featurescstudies .featured-cstudies-top h4, body .history-main .featurescstudies .featured-cstudies-top p { color: #fff; }

body .history-main .featurescstudies .projects-grid .project-item h4 a { color: #fff; }

body .history-main .featurescstudies .projects-grid .project-item h4 a:hover { color: #455DFB; }

body .history-main .featurescstudies .projects-grid .project-item .project-meta .project-meta-item { color: #fff; }

body .history-main .history-stats { color: #fff; }

body .history-main .history-stats h2, body .history-main .history-stats h3, body .history-main .history-stats h4, body .history-main .history-stats p { color: #fff; }

@media (min-width: 992px) { body .history-main .history-stats .stats-intro { position: sticky; top: 150px; padding-right: 190px; } }

body .history-main .history-stats .stats-intro h2 { font-family: "Noto Sans JP", serif; font-size: calc(2.3833333333rem + 1.25vw); font-weight: 900; line-height: 1.1; text-transform: uppercase; }

@media (min-width: 768px) { body .history-main .history-stats .stats-intro h2 { font-size: 3.575rem; } }

body .history-main .history-stats .stats-intro .button-wrap { margin: 45px 0 0; }

body .history-main .history-stats .stats-intro ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding-left: 0; margin-bottom: 1rem; }

body .history-main .history-stats .stats-intro ul li { padding-left: 24px; position: relative; width: fit-content; }

body .history-main .history-stats .stats-intro ul li::before { background-color: #455DFB; content: ""; width: 15px; height: 17px; left: 0; -webkit-mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); }

body .history-main .history-stats .history-stats-grid { position: relative; display: grid; grid-template-columns: 1fr; gap: 0; }

@media (min-width: 768px) { body .history-main .history-stats .history-stats-grid { grid-template-columns: 1fr 1fr; padding-bottom: 40px; } }

body .history-main .history-stats .history-stats-grid .stat-wrap { position: relative; height: 100%; }

@media (min-width: 768px) { body .history-main .history-stats .history-stats-grid .stat-wrap:nth-child(2n + 2) { transform: translate(0, 40px); } }

body .history-main .history-stats .history-stats-grid .stat-wrap .stat { height: 100%; display: flex; align-items: flex-end; background-color: #15182F; padding: 25px; outline: 1px solid #444659; outline-offset: -0.5px; }

@media (min-width: 992px) { body .history-main .history-stats .history-stats-grid .stat-wrap .stat { padding: 60px 32px 32px; } }

body .history-main .history-stats .history-stats-grid .stat-wrap .stat .stat-figures { font-weight: 900; font-size: 26px; text-transform: uppercase; margin: 0 0 10px; }

@media (min-width: 992px) { body .history-main .history-stats .history-stats-grid .stat-wrap .stat .stat-figures { font-size: 46px; } }

body .history-main .history-stats .history-stats-grid .stat-wrap .stat .stat-figures .stat-number-metric { color: #2F43C5; }

body .history-main .history-stats .history-stats-grid .stat-wrap:last-of-type:before { content: ""; bottom: 0; height: 40px; width: 1px; left: -1px; position: absolute; }

body .history-main .history-stats .history-stats-grid:before { top: 0; height: calc(100% - 40px); width: 1px; left: 0; position: absolute; z-index: 1; }

@media (min-width: 992px) { body .history-main .history-stats .history-stats-grid:before { left: 1rem; } }

body .history-main .history-additional h2, body .history-main .history-additional h3, body .history-main .history-additional h4, body .history-main .history-additional p { color: #fff; }

body .history-main .history-additional ul { display: flex; flex-direction: column; gap: 10px; list-style: none; padding-left: 0; margin-bottom: 1rem; }

body .history-main .history-additional ul li { padding-left: 24px; position: relative; width: fit-content; }

body .history-main .history-additional ul li::before { background-color: #455DFB; content: ""; width: 15px; height: 17px; left: 0; -webkit-mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); mask-image: url(/wp-content/themes/beaverbridges/assets/img/tick.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 50%; transform: translateY(-50%); }

body .history-main .history-awards .history-awards-in { position: relative; }

@media (min-width: 992px) { body .history-main .history-awards .history-awards-in .row { min-height: 590px; } }

body .history-main .history-awards .awards-img { position: absolute; right: 0; bottom: 0; object-fit: cover; display: none; }

@media (min-width: 768px) { body .history-main .history-awards .awards-img { height: 67%; width: 60%; display: block; } }

@media (min-width: 992px) { body .history-main .history-awards .awards-img { height: 100%; width: 65%; } }

body .history-main .history-awards .half { position: relative; z-index: 2; }

body .history-main .history-awards h2 { color: #fff; }

@media (min-width: 992px) { body .history-main .history-awards h2 { font-family: "Noto Sans JP", serif; font-size: calc(2.3833333333rem + 1.25vw); font-weight: 900; line-height: 1; text-transform: uppercase; } }

@media (min-width: 992px) and (min-width: 768px) { body .history-main .history-awards h2 { font-size: 3.575rem; } }

body .history-main .history-awards .small-link { color: #fff; }

body .history-main .history-awards .logo { width: 190px; }

body .history-main .history-awards .link-wrap { margin: 10px 0 30px; }

@media (min-width: 992px) { body .history-main .history-awards .link-wrap { margin: 50px 0 70px; } }

#single-post { padding-top: 169px; }

#single-post .single-post-layout { display: flex; flex-direction: column; }

@media (min-width: 992px) { #single-post .single-post-layout { flex-direction: row; gap: 5rem; } }

#single-post .single-post-content { order: 2; }

@media (min-width: 992px) { #single-post .single-post-content { order: 0; flex: 1; min-width: 0; } }

#single-post .single-post-image { order: 1; margin-bottom: 2rem; }

@media (min-width: 992px) { #single-post .single-post-image { order: 0; width: 40%; flex-shrink: 0; margin-bottom: 0; } }

#single-post .sticky-image { position: sticky; top: var(--header-height); }

#single-post .sticky-image img { border-radius: 4px; width: 100%; height: auto; }

@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); } }

@keyframes zoom { from { transform: scale(1.1); }
  to { 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 { position: relative; left: 0; top: 0; display: flex; 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; }

.bg-white { background-color: #fff !important; }

.scrolling-f-content { align-self: flex-start; }

.featurescstudies:not(:has(.history-awards)) { background-color: white !important; }

section.heroslider, .textblock:has(+ section.featurescstudies) { --blur-amount: 0px; }

section.heroslider::after, .textblock:has(+ section.featurescstudies)::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100; backdrop-filter: blur(var(--blur-amount)); }

#main { box-shadow: 0px 4px 15px -7px rgba(0, 0, 0, 0.25); }

#loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 9999; background-color: #262C53; transition: opacity 0.5s ease 1.5s; }

#loader__svg { background-color: white; }

#loader.loaded { opacity: 0; pointer-events: none; }

#loader.loaded #loader__svg { animation: svgLoaded 1.5s ease forwards; }

@keyframes svgInitial {}@keyframes svgLoaded {}.line, .word, .letter { line-height: 1.35; vertical-align: text-top; }

h1 .line { line-height: 1; }

body.single-case-study section.contentstats .row { justify-content: center; }

body.single-case-study section.contentstats .thirty:not(:has(*)) { display: none; }

body.single-case-study section.twocol, body.single-case-study section.servicesutilised, body.single-case-study section.contentstats, body.single-case-study section.fwgallery { padding-bottom: 70px; }

@media (min-width: 992px) { body.single-case-study section.twocol, body.single-case-study section.servicesutilised, body.single-case-study section.contentstats, body.single-case-study section.fwgallery { padding-bottom: 100px; } }

body.single-case-study section.contentstats:has(+ section.contentstats) { padding-bottom: 35px; }

@media (min-width: 992px) { body.single-case-study section.contentstats:has(+ section.contentstats) { padding-bottom: 50px; } }

body.single-case-study section.twocol ul { margin-bottom: 0.5rem; }

body.single-case-study section.twocol ul li { margin-bottom: 0.5rem; display: flex; gap: 0.375em; color: #262C53; }

body.single-case-study section.twocol ul li::before { content: "•"; color: #455DFB; display: inline-block; flex-shrink: 0; }

/*# sourceMappingURL=style.min.css.map */