@charset "UTF-8";
/*!
 * b5st v3.2
 * 
 */
/**
*
* 01. COLORS 
*
*/
/**
*
* 02. FONTS 
*
*/
/**
* 02.1 FONT-FAMILIES
*/
/**
* 02.2 FONT-SIZES
*/
/**
* 02.4 LINE-HEIGHTS & LETTER-SPACING
*/
/**
*
* 03. SHAPES 
*
*/
/**
*
* 04. SHADOWS
*
*/
/**
*
* 06. Responsive & Breakpoints
*
*/
/**
*
* 07. Spacer values
*
*/
.rad-10 {
  border-radius: 1rem;
}

.rad-15 {
  border-radius: 1.5rem;
}

.rad-25 {
  border-radius: 2.5rem;
}

.rad-30 {
  border-radius: 3rem;
}

.rad-50 {
  border-radius: 50%;
}

@media all and (min-width: 992px) {
  .rad-right-30 {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }
  .rad-right-30 * {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }
}

.rad-top-10 {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rad-top-15 {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rad-top-25 {
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
}

.rad-bot-10 {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rad-bot-15 {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rad-bot-25 {
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}

.grey {
  color: #8c8c8c;
}

.white {
  color: #ffffff;
}

.black {
  color: #000000;
}

.success {
  color: #0064b0;
}

.txt-white {
  color: #ffffff;
}

.txt-black {
  color: #000000;
}

.txt-primary {
  color: #0064b0;
}

.txt-primary-light {
  color: #2daae2;
}

.txt-secondary {
  color: #272571;
}

.txt-secondary-light {
  color: #071e9b;
}

.txt-tertiary1 {
  color: #ffcfcf;
}

.txt-tertiary2 {
  color: red;
}

.txt-tertiary3 {
  color: yellow;
}

.txt-red {
  color: #eb455f;
}

/**
  *
  * BACKGROUND COLOURS
  *
  */
.bg_primary {
  background-color: #0064b0;
}

.bg_primary-light {
  background-color: #2daae2;
}

.bg_primary-lighter {
  background-color: #d2ebf8;
}

.bg_gradient-light {
  background: rgb(210, 235, 248);
  background: linear-gradient(0deg, rgb(210, 235, 248) 0%, rgb(255, 255, 255) 100%);
}

.bg_secondary {
  background-color: #272571;
}

.bg_tertiary2 {
  background-color: red;
}

.bg_tertiary3 {
  background-color: yellow;
}

.bg_grey {
  background-color: #8c8c8c;
}

.bg-grey {
  background-color: #8c8c8c;
}

.bg_light-grey {
  background-color: #e3e3e3;
}

.bg_black {
  background-color: #000000;
}

.bg_white {
  background-color: #ffffff;
}

.bg_red {
  background-color: #eb455f;
}

/**
*
* CTA
*
*/
.cta {
  font-size: 1rem;
  line-height: 1rem;
  text-transform: uppercase;
  padding: 1rem 1.5rem;
  text-decoration: none;
  color: inherit;
}
@media all and (min-width: 992px) {
  .cta {
    font-size: 1rem;
    line-height: 1rem;
  }
}
@media all and (min-width: 1200px) {
  .cta {
    font-size: 1.24rem;
    line-height: 1.24rem;
  }
}
.cta.-plain {
  display: inline-block;
  color: #ffffff;
  font-family: "metropolisblack", sans-serif;
  border: 1px solid #000000;
  padding: 1rem 1.1rem;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}
@media all and (min-width: 768px) {
  .cta.-plain {
    padding: 1rem 1.1rem;
  }
}
@media all and (min-width: 992px) {
  .cta.-plain {
    padding: 1.24rem 1.39rem;
  }
}
@media all and (min-width: 1200px) {
  .cta.-plain {
    padding: 1.5rem 1.68rem;
  }
}
.cta.-plain:hover {
  color: #0064b0;
  background-color: #ffffff;
  border-color: #0064b0;
}
.cta.-plain.-white {
  color: #272571;
  background-color: #ffffff;
}
.cta.-plain.-white:hover {
  color: #ffcfcf;
  background-color: #272571;
}
.cta.-text {
  display: flex;
  align-items: center;
  font-family: "metropolisblack", sans-serif;
  color: #000000;
  margin-top: 1rem;
  padding-left: 0;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 2.5rem;
  background: transparent;
  border: 0;
  transition: all 0.4s;
}
.cta.-text:hover {
  color: #0064b0;
}
.cta.-big {
  font-size: 1.16rem;
  line-height: 1.16rem;
  padding: 1rem 4rem;
}
@media all and (min-width: 992px) {
  .cta.-big {
    font-size: 1.16rem;
    line-height: 1.16rem;
    padding: 1rem 4rem;
  }
}
@media all and (min-width: 1200px) {
  .cta.-big {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.6rem 5.16rem;
  }
}
@media all and (min-width: 1440px) {
  .cta.-big {
    font-size: 1.81rem;
    line-height: 1.81rem;
    padding: 2rem 6.25rem;
  }
}
.cta .-inherit {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
.cta.-highlight {
  position: relative;
  background: #fe0101;
  border: 0;
  color: #ffffff;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  padding: 1rem 8rem 1rem 1rem;
  border-radius: 1rem 10rem 10rem 1rem;
  transition: all 0.2s ease;
}
@media all and (min-width: 992px) {
  .cta.-highlight {
    font-size: 2.2rem;
    line-height: 2.2rem;
    padding: 2rem 8rem 2rem 2rem;
    border-radius: 1rem 10rem 10rem 1rem;
  }
}
.cta.-highlight::after {
  content: "";
  display: block;
  width: 31px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8852 0.998727L30.9296 10.6033C31.4707 11.1339 31.7412 11.8565 31.7412 12.6523C31.7412 13.4481 31.4707 14.1616 30.9296 14.7013L21.8852 24.3424C20.8121 25.4858 19.0627 25.4858 17.9897 24.3424C16.9166 23.199 16.9166 21.3513 17.9897 20.2079L22.3361 15.5977H2.76834C1.23538 15.5977 0 14.2896 0 12.6706C0 11.0515 1.23538 9.74347 2.75932 9.74347H22.327L17.9807 5.13327C16.9076 3.98987 16.9076 2.14213 17.9807 0.998727C19.0627 -0.144676 20.8031 -0.144676 21.8852 0.998727Z" fill="white"/></svg>');
  position: absolute;
  top: 50%;
  right: 3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}
.cta.-highlight:hover {
  background: #ffffff;
  color: #fe0101;
  box-shadow: 0px 5px 10px rgba(7, 30, 155, 0.25);
}
.cta.-highlight:hover::after {
  background-image: url('data:image/svg+xml,<svg width="32" height="26" viewBox="0 0 32 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8852 0.998727L30.9296 10.6033C31.4707 11.1339 31.7412 11.8565 31.7412 12.6523C31.7412 13.4481 31.4707 14.1616 30.9296 14.7013L21.8852 24.3424C20.8121 25.4858 19.0627 25.4858 17.9897 24.3424C16.9166 23.199 16.9166 21.3513 17.9897 20.2079L22.3361 15.5977H2.76834C1.23538 15.5977 0 14.2896 0 12.6706C0 11.0515 1.23538 9.74347 2.75932 9.74347H22.327L17.9807 5.13327C16.9076 3.98987 16.9076 2.14213 17.9807 0.998727C19.0627 -0.144676 20.8031 -0.144676 21.8852 0.998727Z" fill="%23fe0101"/></svg>');
  transform: translateY(-50%) translateX(5px);
}
.cta.-highlight.-small {
  font-size: 1.2rem;
  line-height: 1.2rem;
  border-radius: 5rem;
  padding: 1.4rem 1.8rem 1.4rem;
}
.cta.-highlight.-small::after {
  display: none !important;
}
@media all and (min-width: 992px) {
  .cta.-highlight.-small {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
@media all and (min-width: 1200px) {
  .cta.-highlight.-small {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
@media all and (min-width: 1440px) {
  .cta.-highlight.-small {
    font-size: 1.81rem;
    line-height: 1.81rem;
  }
}

/**
* IFRAME Video responsive
*/
.responsive-video {
  height: 0;
  padding-bottom: 56.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.responsive-video.widescreen {
  padding-bottom: 56.34%;
}

.responsive-video.vimeo {
  padding-top: 0;
}

.responsive-video embed,
.responsive-video iframe,
.responsive-video object,
.responsive-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

/**
* IFRAME Background video
*/
.video-bg-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.video-bg-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-bg-container iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  .video-bg-container iframe {
    width: 177.78vh;
  }
}
/**
*
* Headings & titles
*
*/
h1,
.bm__h1 {
  font-family: "metropolislight", sans-serif;
  text-transform: uppercase;
  font-size: 2.4rem;
  line-height: 2.8rem;
  padding-bottom: 2rem;
}
@media all and (min-width: 992px) {
  h1,
.bm__h1 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
@media all and (min-width: 1200px) {
  h1,
.bm__h1 {
    font-size: 3.1rem;
    line-height: 3.6rem;
  }
}
@media all and (min-width: 1440px) {
  h1,
.bm__h1 {
    font-size: 3.75rem;
    line-height: 4.37rem;
  }
}
h1.-home,
.bm__h1.-home {
  font-size: 2.8rem;
  line-height: 3.2rem;
  padding-bottom: 2rem;
}
@media all and (min-width: 1200px) {
  h1.-home,
.bm__h1.-home {
    font-size: 3.5rem;
    line-height: 4rem;
  }
}
@media all and (min-width: 1440px) {
  h1.-home,
.bm__h1.-home {
    font-size: 4.2rem;
    line-height: 4.8rem;
  }
}
h1.-home .big,
.bm__h1.-home .big {
  font-size: 3.8rem;
  line-height: 4rem;
}
@media all and (min-width: 992px) {
  h1.-home .big,
.bm__h1.-home .big {
    font-size: 3.8rem;
    line-height: 4rem;
  }
}
@media all and (min-width: 1200px) {
  h1.-home .big,
.bm__h1.-home .big {
    font-size: 4.9rem;
    line-height: 5.16rem;
  }
}
@media all and (min-width: 1440px) {
  h1.-home .big,
.bm__h1.-home .big {
    font-size: 5.9rem;
    line-height: 6.25rem;
  }
}
@media all and (min-width: 1920px) {
  h1.-home .big,
.bm__h1.-home .big {
    font-size: 6.9rem;
    line-height: 7.3rem;
  }
}
h1.-large,
.bm__h1.-large {
  font-size: 3.8rem;
  line-height: 4rem;
}
@media all and (min-width: 992px) {
  h1.-large,
.bm__h1.-large {
    font-size: 3.8rem;
    line-height: 4rem;
  }
}
@media all and (min-width: 1200px) {
  h1.-large,
.bm__h1.-large {
    font-size: 4.9rem;
    line-height: 5.16rem;
  }
}
@media all and (min-width: 1440px) {
  h1.-large,
.bm__h1.-large {
    font-size: 5.9rem;
    line-height: 6.25rem;
  }
}
@media all and (min-width: 1920px) {
  h1.-large,
.bm__h1.-large {
    font-size: 6.9rem;
    line-height: 7.3rem;
  }
}
h1.-large .big,
.bm__h1.-large .big {
  font-size: 150%;
}

h2,
.bm__h2,
.quote {
  font-family: "metropolislight", sans-serif;
  text-transform: uppercase;
  color: #0064b0;
  font-size: 2.4rem;
  line-height: 2.8rem;
  padding-bottom: 2rem;
}
@media all and (min-width: 992px) {
  h2,
.bm__h2,
.quote {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}
@media all and (min-width: 1200px) {
  h2,
.bm__h2,
.quote {
    font-size: 3.1rem;
    line-height: 3.6rem;
  }
}
@media all and (min-width: 1440px) {
  h2,
.bm__h2,
.quote {
    font-size: 3.75rem;
    line-height: 4.37rem;
  }
}

h3,
.bm__h3 {
  font-family: "metropolislight", sans-serif;
  font-size: 1.7rem;
  line-height: 2.22rem;
}
@media all and (min-width: 992px) {
  h3,
.bm__h3 {
    font-size: 1.7rem;
    line-height: 2.22rem;
  }
}
@media all and (min-width: 1200px) {
  h3,
.bm__h3 {
    font-size: 2rem;
    line-height: 2.68rem;
  }
}
@media all and (min-width: 1440px) {
  h3,
.bm__h3 {
    font-size: 2.47rem;
    line-height: 3.22rem;
  }
}
h3.-large,
.bm__h3.-large {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media all and (min-width: 992px) {
  h3.-large,
.bm__h3.-large {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
@media all and (min-width: 1200px) {
  h3.-large,
.bm__h3.-large {
    font-size: 2rem;
    line-height: 2.84rem;
  }
}
@media all and (min-width: 1440px) {
  h3.-large,
.bm__h3.-large {
    font-size: 2.5rem;
    line-height: 3.43rem;
  }
}
h3.wp-block-heading,
.bm__h3.wp-block-heading {
  color: #0064b0;
  font-family: "metropolisbold", sans-serif;
}

h4,
.bm__h4 {
  font-family: "metropolislight", sans-serif;
  font-size: 1.49rem;
  line-height: 1.7rem;
}
@media all and (min-width: 992px) {
  h4,
.bm__h4 {
    font-size: 1.49rem;
    line-height: 1.7rem;
  }
}
@media all and (min-width: 1200px) {
  h4,
.bm__h4 {
    font-size: 1.49rem;
    line-height: 1.7rem;
  }
}
@media all and (min-width: 1440px) {
  h4,
.bm__h4 {
    font-size: 1.81rem;
    line-height: 2rem;
  }
}

h5,
.bm__h5 {
  font-family: "metropolislight", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
}
@media all and (min-width: 768px) {
  h5,
.bm__h5 {
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media all and (min-width: 992px) {
  h5,
.bm__h5 {
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media all and (min-width: 1200px) {
  h5,
.bm__h5 {
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media all and (min-width: 1440px) {
  h5,
.bm__h5 {
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media all and (min-width: 1920px) {
  h5,
.bm__h5 {
    font-size: 1rem;
    line-height: 1.8;
  }
}

h6,
.bm__h6 {
  font-family: "metropolislight", sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem;
  padding-bottom: 1rem;
}

.font-heading {
  font-family: "metropolislight", sans-serif;
  font-weight: 700;
}

.font-base {
  font-family: "metropolislight", sans-serif;
}

.fs-sm {
  font-size: 1.4rem;
}

.bm__fs-large {
  font-size: 2rem;
  line-height: 2.9rem;
}
@media all and (min-width: 992px) {
  .bm__fs-large {
    font-size: 2.4rem;
    line-height: 3.12rem;
  }
}

.bigger {
  font-size: 120%;
}

.has_underline {
  position: relative;
}
.has_underline:after {
  content: "";
  display: block;
  width: 25%;
  height: 2px;
  background: #2daae2;
  margin-top: 2rem;
}
@media all and (min-width: 992px) {
  .has_underline:after {
    margin-left: -2rem;
  }
}
.has_underline.-red:after {
  background: #eb455f;
}

.txt-center {
  text-align: center;
}

/**
*
* MARGIN X VALUES (X axis = margin left and right)
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__mt-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__my-xl-sm
**/
.bm__mx-xs {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.bm__mx-sm {
  margin-left: 5rem;
  margin-right: 5rem;
}

.bm__mx-md {
  margin-left: 10rem;
  margin-right: 10rem;
}

.bm__mx-lg {
  margin-left: 15rem;
  margin-right: 15rem;
}

.bm__mx-xl {
  margin-left: 20rem;
  margin-right: 20rem;
}

.bm__mx-xxl {
  margin-left: 25rem;
  margin-right: 25rem;
}

@media all and (min-width: 768px) {
  .bm__mx-md-xs {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mx-md-sm {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mx-md-md {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mx-md-lg {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mx-md-xl {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mx-md-xxl {
    margin-left: 25rem;
    margin-right: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-xs {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-sm {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-md {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-lg {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-xl {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mx-lg-xxl {
    margin-left: 25rem;
    margin-right: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-xs {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-sm {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-md {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-lg {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-xl {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mx-xl-xxl {
    margin-left: 25rem;
    margin-right: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-xs {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-sm {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-md {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-lg {
    margin-left: 15rem;
    margin-right: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-xl {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mx-xxl-xxl {
    margin-left: 25rem;
    margin-right: 25rem;
  }
}

/**
*
* MARGIN Y VALUES (X axis = margin top and bottom)
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__mt-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__my-xl-sm
**/
.bm__my-xs {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.bm__my-sm {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.bm__my-md {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.bm__my-lg {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.bm__my-xl {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

.bm__my-xxl {
  margin-top: 25rem;
  margin-bottom: 25rem;
}

@media all and (min-width: 768px) {
  .bm__my-md-xs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__my-md-sm {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__my-md-md {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__my-md-lg {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__my-md-xl {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__my-md-xxl {
    margin-top: 25rem;
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-xs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-sm {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-md {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-lg {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-xl {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__my-lg-xxl {
    margin-top: 25rem;
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-xs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-sm {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-md {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-lg {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-xl {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__my-xl-xxl {
    margin-top: 25rem;
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-xs {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-sm {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-md {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-lg {
    margin-top: 15rem;
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-xl {
    margin-top: 20rem;
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__my-xxl-xxl {
    margin-top: 25rem;
    margin-bottom: 25rem;
  }
}

/**
*
* MARGIN TOP VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__mt-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__mt-xl-sm
**/
.bm__mt-xs {
  margin-top: 2.5rem;
}

.bm__mt-sm {
  margin-top: 5rem;
}

.bm__mt-md {
  margin-top: 10rem;
}

.bm__mt-lg {
  margin-top: 15rem;
}

.bm__mt-xl {
  margin-top: 20rem;
}

.bm__mt-xxl {
  margin-top: 25rem;
}

@media all and (min-width: 768px) {
  .bm__mt-md-xs {
    margin-top: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mt-md-sm {
    margin-top: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mt-md-md {
    margin-top: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mt-md-lg {
    margin-top: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mt-md-xl {
    margin-top: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mt-md-xxl {
    margin-top: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-xs {
    margin-top: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-sm {
    margin-top: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-md {
    margin-top: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-lg {
    margin-top: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-xl {
    margin-top: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mt-lg-xxl {
    margin-top: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-xs {
    margin-top: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-sm {
    margin-top: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-md {
    margin-top: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-lg {
    margin-top: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-xl {
    margin-top: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mt-xl-xxl {
    margin-top: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-xs {
    margin-top: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-sm {
    margin-top: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-md {
    margin-top: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-lg {
    margin-top: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-xl {
    margin-top: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mt-xxl-xxl {
    margin-top: 25rem;
  }
}

/**
*
* MARGIN RIGHT VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__mr-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__mr-xl-sm
**/
.bm__mr-xs {
  margin-right: 2.5rem;
}

.bm__mr-sm {
  margin-right: 5rem;
}

.bm__mr-md {
  margin-right: 10rem;
}

.bm__mr-lg {
  margin-right: 15rem;
}

.bm__mr-xl {
  margin-right: 20rem;
}

.bm__mr-xxl {
  margin-right: 25rem;
}

@media all and (min-width: 768px) {
  .bm__mr-md-xs {
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mr-md-sm {
    margin-right: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mr-md-md {
    margin-right: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mr-md-lg {
    margin-right: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mr-md-xl {
    margin-right: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mr-md-xxl {
    margin-right: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-xs {
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-sm {
    margin-right: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-md {
    margin-right: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-lg {
    margin-right: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-xl {
    margin-right: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mr-lg-xxl {
    margin-right: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-xs {
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-sm {
    margin-right: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-md {
    margin-right: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-lg {
    margin-right: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-xl {
    margin-right: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mr-xl-xxl {
    margin-right: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-xs {
    margin-right: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-sm {
    margin-right: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-md {
    margin-right: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-lg {
    margin-right: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-xl {
    margin-right: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mr-xxl-xxl {
    margin-right: 25rem;
  }
}

/**
*
* MARGIN BOTTOM VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__mb-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__mb-xl-sm
**/
.bm__mb-xs {
  margin-bottom: 2.5rem;
}

.bm__mb-sm {
  margin-bottom: 5rem;
}

.bm__mb-md {
  margin-bottom: 10rem;
}

.bm__mb-lg {
  margin-bottom: 15rem;
}

.bm__mb-xl {
  margin-bottom: 20rem;
}

.bm__mb-xxl {
  margin-bottom: 25rem;
}

@media all and (min-width: 768px) {
  .bm__mb-md-xs {
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mb-md-sm {
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mb-md-md {
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mb-md-lg {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mb-md-xl {
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__mb-md-xxl {
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-xs {
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-sm {
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-md {
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-lg {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-xl {
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__mb-lg-xxl {
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-xs {
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-sm {
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-md {
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-lg {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-xl {
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__mb-xl-xxl {
    margin-bottom: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-xs {
    margin-bottom: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-sm {
    margin-bottom: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-md {
    margin-bottom: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-lg {
    margin-bottom: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-xl {
    margin-bottom: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__mb-xxl-xxl {
    margin-bottom: 25rem;
  }
}

/**
*
* MARGIN LEFT VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* margin top on md breakpoint, with xxl value => .bm__ml-md-xxl
* margin y (top & bottom) on xl breakpoint, with sm value => .bm__ml-xl-sm
**/
.bm__ml-xs {
  margin-left: 2.5rem;
}

.bm__ml-sm {
  margin-left: 5rem;
}

.bm__ml-md {
  margin-left: 10rem;
}

.bm__ml-lg {
  margin-left: 15rem;
}

.bm__ml-xl {
  margin-left: 20rem;
}

.bm__ml-xxl {
  margin-left: 25rem;
}

@media all and (min-width: 768px) {
  .bm__ml-md-xs {
    margin-left: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__ml-md-sm {
    margin-left: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__ml-md-md {
    margin-left: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__ml-md-lg {
    margin-left: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__ml-md-xl {
    margin-left: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__ml-md-xxl {
    margin-left: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-xs {
    margin-left: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-sm {
    margin-left: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-md {
    margin-left: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-lg {
    margin-left: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-xl {
    margin-left: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__ml-lg-xxl {
    margin-left: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-xs {
    margin-left: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-sm {
    margin-left: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-md {
    margin-left: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-lg {
    margin-left: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-xl {
    margin-left: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__ml-xl-xxl {
    margin-left: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-xs {
    margin-left: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-sm {
    margin-left: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-md {
    margin-left: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-lg {
    margin-left: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-xl {
    margin-left: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__ml-xxl-xxl {
    margin-left: 25rem;
  }
}

/**
*
* Padding X VALUES (X axis = padding left and right)
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__px-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__px-xl-sm
**/
.bm__px-xs {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.bm__px-sm {
  padding-left: 5rem;
  padding-right: 5rem;
}

.bm__px-md {
  padding-left: 10rem;
  padding-right: 10rem;
}

.bm__px-lg {
  padding-left: 15rem;
  padding-right: 15rem;
}

.bm__px-xl {
  padding-left: 20rem;
  padding-right: 20rem;
}

.bm__px-xxl {
  padding-left: 25rem;
  padding-right: 25rem;
}

@media all and (min-width: 768px) {
  .bm__px-md-xs {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__px-md-sm {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__px-md-md {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__px-md-lg {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__px-md-xl {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__px-md-xxl {
    padding-left: 25rem;
    padding-right: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-xs {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-sm {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-md {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-lg {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-xl {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__px-lg-xxl {
    padding-left: 25rem;
    padding-right: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-xs {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-sm {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-md {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-lg {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-xl {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__px-xl-xxl {
    padding-left: 25rem;
    padding-right: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-xs {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-sm {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-md {
    padding-left: 10rem;
    padding-right: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-lg {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-xl {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__px-xxl-xxl {
    padding-left: 25rem;
    padding-right: 25rem;
  }
}

/**
*
* Padding Y VALUES (X axis = padding top and bottom)
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__mt-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__py-xl-sm
**/
.bm__py-xs {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.bm__py-sm {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.bm__py-md {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.bm__py-lg {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.bm__py-xl {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

.bm__py-xxl {
  padding-top: 25rem;
  padding-bottom: 25rem;
}

@media all and (min-width: 768px) {
  .bm__py-md-xs {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__py-md-sm {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__py-md-md {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__py-md-lg {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__py-md-xl {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__py-md-xxl {
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-xs {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-sm {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-md {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-lg {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-xl {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__py-lg-xxl {
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-xs {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-sm {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-md {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-lg {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-xl {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__py-xl-xxl {
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-xs {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-sm {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-md {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-lg {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-xl {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__py-xxl-xxl {
    padding-top: 25rem;
    padding-bottom: 25rem;
  }
}

/**
*
* PADDING TOP VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__pt-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__pt-xl-sm
**/
.bm__pt-xs {
  padding-top: 2.5rem;
}

.bm__pt-sm {
  padding-top: 5rem;
}

.bm__pt-md {
  padding-top: 10rem;
}

.bm__pt-lg {
  padding-top: 15rem;
}

.bm__pt-xl {
  padding-top: 20rem;
}

.bm__pt-xxl {
  padding-top: 25rem;
}

@media all and (min-width: 768px) {
  .bm__pt-md-xs {
    padding-top: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pt-md-sm {
    padding-top: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pt-md-md {
    padding-top: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pt-md-lg {
    padding-top: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pt-md-xl {
    padding-top: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pt-md-xxl {
    padding-top: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-xs {
    padding-top: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-sm {
    padding-top: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-md {
    padding-top: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-lg {
    padding-top: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-xl {
    padding-top: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pt-lg-xxl {
    padding-top: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-xs {
    padding-top: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-sm {
    padding-top: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-md {
    padding-top: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-lg {
    padding-top: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-xl {
    padding-top: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pt-xl-xxl {
    padding-top: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-xs {
    padding-top: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-sm {
    padding-top: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-md {
    padding-top: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-lg {
    padding-top: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-xl {
    padding-top: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pt-xxl-xxl {
    padding-top: 25rem;
  }
}

/**
*
* PADDING RIGHT VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__pr-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__pr-xl-sm
**/
.bm__pr-xs {
  padding-right: 2.5rem;
}

.bm__pr-sm {
  padding-right: 5rem;
}

.bm__pr-md {
  padding-right: 10rem;
}

.bm__pr-lg {
  padding-right: 15rem;
}

.bm__pr-xl {
  padding-right: 20rem;
}

.bm__pr-xxl {
  padding-right: 25rem;
}

@media all and (min-width: 768px) {
  .bm__pr-md-xs {
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pr-md-sm {
    padding-right: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pr-md-md {
    padding-right: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pr-md-lg {
    padding-right: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pr-md-xl {
    padding-right: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pr-md-xxl {
    padding-right: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-xs {
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-sm {
    padding-right: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-md {
    padding-right: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-lg {
    padding-right: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-xl {
    padding-right: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pr-lg-xxl {
    padding-right: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-xs {
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-sm {
    padding-right: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-md {
    padding-right: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-lg {
    padding-right: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-xl {
    padding-right: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pr-xl-xxl {
    padding-right: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-xs {
    padding-right: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-sm {
    padding-right: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-md {
    padding-right: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-lg {
    padding-right: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-xl {
    padding-right: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pr-xxl-xxl {
    padding-right: 25rem;
  }
}

/**
*
* PADDING BOTTOM VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__pb-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__pb-xl-sm
**/
.bm__pb-xs {
  padding-bottom: 2.5rem;
}

.bm__pb-sm {
  padding-bottom: 5rem;
}

.bm__pb-md {
  padding-bottom: 10rem;
}

.bm__pb-lg {
  padding-bottom: 15rem;
}

.bm__pb-xl {
  padding-bottom: 20rem;
}

.bm__pb-xxl {
  padding-bottom: 25rem;
}

@media all and (min-width: 768px) {
  .bm__pb-md-xs {
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pb-md-sm {
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pb-md-md {
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pb-md-lg {
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pb-md-xl {
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pb-md-xxl {
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-xs {
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-sm {
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-md {
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-lg {
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-xl {
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pb-lg-xxl {
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-xs {
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-sm {
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-md {
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-lg {
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-xl {
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pb-xl-xxl {
    padding-bottom: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-xs {
    padding-bottom: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-sm {
    padding-bottom: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-md {
    padding-bottom: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-lg {
    padding-bottom: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-xl {
    padding-bottom: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pb-xxl-xxl {
    padding-bottom: 25rem;
  }
}

/**
*
* PADDING LEFT VALUES
* model : bm__m't/r/b/l/x/y'-breakpointValue('sm/md/lg/xl/xxl)-spacevalue('xs/sm/md/lg/xl/xxl')
* Examples : 
* padding top on md breakpoint, with xxl value => .bm__pl-md-xxl
* padding y (top & bottom) on xl breakpoint, with sm value => .bm__pl-xl-sm
**/
.bm__pl-xs {
  padding-left: 2.5rem;
}

.bm__pl-sm {
  padding-left: 5rem;
}

.bm__pl-md {
  padding-left: 10rem;
}

.bm__pl-lg {
  padding-left: 15rem;
}

.bm__pl-xl {
  padding-left: 20rem;
}

.bm__pl-xxl {
  padding-left: 25rem;
}

@media all and (min-width: 768px) {
  .bm__pl-md-xs {
    padding-left: 2.5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pl-md-sm {
    padding-left: 5rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pl-md-md {
    padding-left: 10rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pl-md-lg {
    padding-left: 15rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pl-md-xl {
    padding-left: 20rem;
  }
}

@media all and (min-width: 768px) {
  .bm__pl-md-xxl {
    padding-left: 25rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-xs {
    padding-left: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-sm {
    padding-left: 5rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-md {
    padding-left: 10rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-lg {
    padding-left: 15rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-xl {
    padding-left: 20rem;
  }
}

@media all and (min-width: 992px) {
  .bm__pl-lg-xxl {
    padding-left: 25rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-xs {
    padding-left: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-sm {
    padding-left: 5rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-md {
    padding-left: 10rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-lg {
    padding-left: 15rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-xl {
    padding-left: 20rem;
  }
}

@media all and (min-width: 1200px) {
  .bm__pl-xl-xxl {
    padding-left: 25rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-xs {
    padding-left: 2.5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-sm {
    padding-left: 5rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-md {
    padding-left: 10rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-lg {
    padding-left: 15rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-xl {
    padding-left: 20rem;
  }
}

@media all and (min-width: 1440px) {
  .bm__pl-xxl-xxl {
    padding-left: 25rem;
  }
}

/**
*
* Markup types
*
*/
html {
  font-size: 62.5%;
}
html.sr .load-hidden {
  visibility: hidden;
}

body,
.fs-base {
  font-family: "metropolislight", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: normal;
  color: #000000;
  margin: 0;
  padding: 0;
}
@media all and (min-width: 992px) {
  body,
.fs-base {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media all and (min-width: 1200px) {
  body,
.fs-base {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media all and (min-width: 1440px) {
  body,
.fs-base {
    font-size: 1.8rem;
    line-height: 1.7;
  }
}

a {
  color: #0064b0;
}
a:hover {
  color: #00477d;
}

strong {
  font-family: "metropolisbold", sans-serif;
}

.txt-large {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media all and (min-width: 1200px) {
  .txt-large {
    font-size: 1.8rem;
    line-height: 1.7;
  }
}
@media all and (min-width: 1440px) {
  .txt-large {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}

.txt-small {
  font-size: 1.25rem;
  line-height: 1.87rem;
}
@media all and (min-width: 1200px) {
  .txt-small {
    font-size: 1.25rem;
    line-height: 1.87rem;
  }
}
@media all and (min-width: 1440px) {
  .txt-small {
    font-size: 1.25rem;
    line-height: 1.87rem;
  }
}

/**
*
* MISCS
* (deprecated?)
*
*/
.glass {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1019607843);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.shadow-1 {
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);
}

.img-shadow {
  box-shadow: 4px 4px 15px 0px #000000;
}

.-border {
  border: 1px solid;
  border-radius: 1.5rem;
}
.-border.-red {
  border-color: #0064b0;
}
.-border.-purple {
  border-color: #272571;
}
.-border.-yellow {
  border-color: yellow;
}
.-border.-green {
  border-color: #01cfcf;
}
.-border.-black {
  border-color: #000000;
}

.poster {
  position: relative;
}
.poster .play_cta-small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 110px;
  height: 108px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='110' height='108' viewBox='0 0 110 108' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M50.9998 7.39526C27.1998 7.39526 7.87207 26.5366 7.87207 50.1032C7.87207 73.6699 27.1998 92.8112 50.9998 92.8112C74.7998 92.8112 94.1307 73.6699 94.1307 50.1032C94.1307 26.5366 74.7998 7.39526 50.9998 7.39526ZM38.1066 32.747C38.3735 32.7442 38.6368 32.8078 38.8724 32.932L69.1536 48.7071C69.4112 48.8408 69.6268 49.0417 69.7773 49.2881C69.9278 49.5345 70.0074 49.8169 70.0074 50.1049C70.0074 50.3928 69.9278 50.6752 69.7773 50.9216C69.6268 51.168 69.4112 51.3689 69.1536 51.5026L38.8724 67.287C38.6294 67.4126 38.3579 67.4741 38.0839 67.4654C37.81 67.4568 37.543 67.3782 37.3086 67.2375C37.0742 67.0968 36.8804 66.8988 36.746 66.6623C36.6115 66.4259 36.5409 66.159 36.5409 65.8876V34.3314C36.5392 33.9165 36.7026 33.5177 36.9956 33.2212C37.2886 32.9247 37.6877 32.7544 38.1066 32.747Z' fill='white' fill-opacity='0.8' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-5' y='-5' width='122' height='121' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3E%3CfeOffset dx='5' dy='5' /%3E%3CfeGaussianBlur stdDeviation='5' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.poster .play_cta-small:hover {
  opacity: 0.8;
}
.poster .play_cta-large-outline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='1.211 5.182 53 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-1.15039' y='-1.50615' width='68.3' height='68.0125' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3E%3CfeOffset dx='5' dy='5' /%3E%3CfeGaussianBlur stdDeviation='5' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M27.9994 7.00932C16.7294 7.00932 7.57715 16.1085 7.57715 27.3115C7.57715 38.5144 16.7294 47.6136 27.9994 47.6136C39.2694 47.6136 48.4231 38.5144 48.4231 27.3115C48.4231 16.1085 39.2694 7.00932 27.9994 7.00932ZM21.8941 19.0608C22.0205 19.0595 22.1451 19.0897 22.2567 19.1487L36.5958 26.6478C36.7177 26.7113 36.8198 26.8069 36.8911 26.924C36.9624 27.0411 37 27.1754 37 27.3122C37 27.4491 36.9624 27.5834 36.8911 27.7005C36.8198 27.8176 36.7177 27.9131 36.5958 27.9767L22.2567 35.4801C22.1417 35.5398 22.0131 35.5691 21.8834 35.5649C21.7536 35.5608 21.6272 35.5235 21.5162 35.4566C21.4052 35.3897 21.3135 35.2956 21.2498 35.1832C21.1861 35.0708 21.1527 34.9439 21.1527 34.8149V19.814C21.1519 19.6168 21.2292 19.4272 21.368 19.2862C21.5067 19.1453 21.6957 19.0643 21.8941 19.0608Z' fill='white' fill-opacity='0.8' /%3E%3Ccircle cx='27.999' cy='27.3564' r='20.125' stroke='%2380C9CF' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
}
@media all and (min-width: 992px) {
  .poster .play_cta-large-outline {
    width: 160px;
    height: 150px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 10.907 170 159.093' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-5' y='-5' width='188' height='187' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' /%3E%3CfeOffset dx='5' dy='5' /%3E%3CfeGaussianBlur stdDeviation='5' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M83.9997 12.2277C44.7997 12.2277 12.9658 43.8772 12.9658 82.8439C12.9658 121.811 44.7997 153.46 83.9997 153.46C123.2 153.46 155.039 121.811 155.039 82.8439C155.039 43.8772 123.2 12.2277 83.9997 12.2277ZM62.7639 54.146C63.2034 54.1414 63.6371 54.2466 64.0251 54.4518L113.9 80.5354C114.324 80.7565 114.68 81.0887 114.927 81.4961C115.175 81.9035 115.306 82.3705 115.306 82.8466C115.306 83.3227 115.175 83.7896 114.927 84.197C114.68 84.6044 114.324 84.9367 113.9 85.1577L64.0251 111.257C63.625 111.464 63.1777 111.566 62.7265 111.552C62.2754 111.537 61.8355 111.407 61.4495 111.175C61.0635 110.942 60.7443 110.615 60.5228 110.224C60.3013 109.833 60.185 109.392 60.1851 108.943V56.7657C60.1823 56.0798 60.4514 55.4203 60.934 54.9301C61.4166 54.4398 62.074 54.1581 62.7639 54.146Z' fill='white' fill-opacity='0.8' /%3E%3Ccircle cx='84' cy='83' r='70' stroke='%2380C9CF' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
  }
}
.poster .play_cta-large-outline:hover {
  opacity: 0.8;
}

.read-more-transparent {
  background: transparent;
  font-size: 1.06rem;
  line-height: 1.5rem;
  color: #0064b0;
  font-weight: 700;
  text-align: center;
  padding: 7px 50px;
  border: 1px solid #0064b0;
  border-radius: 20px;
  display: block;
}

/**
*
* Search results
*
*/
.searchResult.-item {
  border-top: 1px solid #8c8c8c;
  padding: 4rem 0;
}
.searchResult.-item a {
  text-decoration: none;
}
.searchResult.-item a:hover {
  opacity: 0.8;
}
.searchResult.-item a p {
  color: #000000;
}

/**
*
* Helpers
*
*/
#site-wrapper > .border-spacer {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
@media all and (min-width: 576px) {
  #site-wrapper > .border-spacer {
    padding-top: 4.8rem;
  }
}
@media all and (min-width: 992px) {
  #site-wrapper > .border-spacer {
    padding-top: 5.6rem;
    padding-bottom: 4rem;
  }
}
@media all and (min-width: 1440px) {
  #site-wrapper > .border-spacer {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-wrapper > .border-spacer {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-wrapper > .border-spacer ~ .border-spacer {
    padding-top: 3rem;
  }
}
#site-wrapper > .border-spacer:before {
  content: "";
  display: block;
  position: relative;
  top: -2rem;
  width: 95%;
  height: 1px;
  margin: 0 auto;
  background-color: #e3e3e3;
}
@media all and (min-width: 576px) {
  #site-wrapper > .border-spacer:before {
    top: -2.4rem;
  }
}
@media all and (min-width: 992px) {
  #site-wrapper > .border-spacer:before {
    width: 95%;
    top: -2.8rem;
  }
}
@media all and (min-width: 1440px) {
  #site-wrapper > .border-spacer:before {
    top: -3.6rem;
  }
}

.textalign.-justify {
  text-align: justify;
}

.opacity-0 {
  opacity: 0;
}

.hide {
  display: none !important;
}

.vis-hidden {
  visibility: hidden !important;
}

.bm__img_cover {
  background-repeat: no-repeat;
  background-size: cover;
}

.img_pos-top-center {
  background-position: top center;
}

.img_pos-center-center {
  background-position: center center;
}

.img_pos-bottom-center {
  background-position: bottom center;
}

.img_pos-top-left {
  background-position: top left;
}

.img_pos-center-left {
  background-position: center left;
}

.img_pos-bottom-left {
  background-position: bottom left;
}

.img_pos-top-right {
  background-position: top right;
}

.img_pos-center-right {
  background-position: center right;
}

.img_pos-bottom-right {
  background-position: bottom right;
}

.uppercase {
  text-transform: uppercase;
}

.vw100 {
  width: 100vw;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.border-trans {
  border: 1px transparent;
}

.zindex1 {
  z-index: 1;
}

.zindex2 {
  z-index: 2;
}

.zindex4 {
  z-index: 4;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

#progressbar-wrapper {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
}
#progressbar-wrapper .progress-container {
  width: 100%;
  height: 0.5rem;
}
#progressbar-wrapper .progress-container .progress-bar {
  width: 0%;
  height: 0.5rem;
  background-color: #0064b0 !important;
}

/**
*
* SOCIAL ICONS
*
*/
.social {
  display: flex;
  justify-content: center;
  margin: 2rem 0 1rem 0;
}
@media all and (min-width: 992px) {
  .social {
    justify-content: flex-start;
  }
}
.social .icon {
  width: 4.8rem;
  height: 4.8rem;
  margin: 6rem 0.2rem 0.5rem 0.2rem;
}
.social .icon.-facebook {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.64 40V23.998h4.733L32 18.484h-5.36l.007-2.76c0-1.438.147-2.209 2.36-2.209h2.96V8h-4.735c-5.686 0-7.688 2.675-7.688 7.174v3.31H16V24h3.544V40h7.095Z' fill='%23fff'/%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23fff'/%3E%3C/svg%3E");
}
.social .icon.-facebook:hover {
  opacity: 0.7;
}
@media all and (min-width: 1200px) {
  .social .icon.-facebook {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M13.32 20v-8h2.37L16 9.24h-2.68V7.86c0-.72.08-1.1 1.18-1.1h1.48V4h-2.36c-2.85 0-3.85 1.34-3.85 3.59v1.65H8V12h1.77v8h3.55z' clip-rule='evenodd' /%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23fafafa' /%3E%3C/svg%3E");
  }
  .social .icon.-facebook:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12 24a12 12 0 100-24 12 12 0 000 24zm1.15-11.5V20h-3.1v-7.5H8.5V9.9h1.55V8.36c0-2.1.88-3.36 3.36-3.36h2.08v2.59h-1.3c-.97 0-1.03.36-1.03 1.03v1.3h2.34l-.27 2.58h-2.08z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
}
.social .icon.-instagram {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.644 10.004h-.978V10c-3.233.004-3.854.025-5.454.098-1.691.077-2.61.36-3.221.598a5.383 5.383 0 0 0-1.995 1.298 5.376 5.376 0 0 0-1.299 1.995c-.237.612-.52 1.53-.597 3.221-.083 1.83-.1 2.376-.1 7.008 0 4.633.017 5.183.1 7.012.077 1.691.36 2.61.597 3.22.315.81.691 1.387 1.299 1.994a5.374 5.374 0 0 0 1.995 1.297c.611.238 1.53.52 3.221.599 1.829.083 2.378.1 7.01.1 4.633 0 5.182-.017 7.01-.1 1.692-.078 2.611-.36 3.222-.598a5.365 5.365 0 0 0 1.993-1.298 5.366 5.366 0 0 0 1.299-1.993c.237-.61.52-1.529.597-3.22.083-1.829.101-2.378.101-7.008s-.018-5.18-.1-7.008c-.078-1.692-.36-2.61-.598-3.22a5.385 5.385 0 0 0-1.299-1.996 5.365 5.365 0 0 0-1.993-1.298c-.612-.237-1.53-.52-3.221-.597-1.83-.083-2.378-.1-7.01-.1h-.579Zm7.757 4.962a2.082 2.082 0 1 1 4.163.001 2.082 2.082 0 0 1-4.163 0Zm-7.179.351a8.91 8.91 0 1 0 .002 17.82 8.91 8.91 0 0 0-.002-17.82Zm5.783 8.91a5.783 5.783 0 1 0-11.566 0 5.783 5.783 0 0 0 11.566 0Z' fill='%23fff'/%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23fff'/%3E%3C/svg%3E");
}
.social .icon.-instagram:hover {
  opacity: 0.7;
}
@media all and (min-width: 1200px) {
  .social .icon.-instagram {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M11.82 5h-.49c-1.61 0-1.92.01-2.72.05a4.8 4.8 0 00-1.61.3c-.41.16-.7.34-1 .65-.3.3-.5.59-.65 1-.12.3-.26.76-.3 1.6-.04.92-.05 1.2-.05 3.5 0 2.33 0 2.6.05 3.51.04.85.18 1.3.3 1.61.16.41.34.7.65 1 .3.3.59.5 1 .65.3.12.76.26 1.6.3.92.04 1.2.05 3.51.05 2.32 0 2.6 0 3.5-.05.85-.04 1.31-.18 1.62-.3.4-.16.69-.34 1-.65.3-.3.49-.59.64-1 .12-.3.26-.76.3-1.6.04-.92.05-1.2.05-3.5 0-2.32 0-2.6-.05-3.51a4.8 4.8 0 00-.3-1.61 2.7 2.7 0 00-.65-1c-.3-.3-.59-.5-1-.65a4.8 4.8 0 00-1.6-.3c-.92-.04-1.2-.05-3.5-.05h-.3zm3.88 2.48a1.04 1.04 0 112.08 0 1.04 1.04 0 01-2.08 0zm-3.59.18a4.45 4.45 0 100 8.9 4.45 4.45 0 000-8.9zm2.9 4.45a2.9 2.9 0 10-5.79 0 2.9 2.9 0 005.78 0z' clip-rule='evenodd' /%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23fafafa' /%3E%3C/svg%3E");
  }
  .social .icon.-instagram:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12 24a12 12 0 100-24 12 12 0 000 24zM9.01 4.94A51.4 51.4 0 0112 4.9c1.97 0 2.22 0 2.99.04s1.3.16 1.76.34c.48.19.88.43 1.28.84.4.4.65.8.84 1.28.18.46.3.99.34 1.76.03.77.04 1.02.04 2.99 0 1.97 0 2.22-.04 2.99s-.16 1.3-.34 1.76c-.19.48-.43.88-.84 1.28-.4.4-.8.65-1.28.84-.46.18-.99.3-1.76.34-.77.03-1.02.04-2.99.04-1.97 0-2.22 0-2.99-.04a5.32 5.32 0 01-1.76-.34 3.55 3.55 0 01-1.28-.84c-.4-.4-.65-.8-.84-1.28-.18-.46-.3-.99-.34-1.76-.03-.77-.04-1.02-.04-2.99 0-1.97 0-2.22.04-2.99s.16-1.3.34-1.76c.19-.48.43-.88.84-1.28.4-.4.8-.65 1.28-.84.46-.18.99-.3 1.76-.34zm5.92 1.3c-.76-.03-1-.03-2.93-.03-1.94 0-2.17 0-2.93.04-.7.03-1.09.15-1.35.25-.33.13-.58.29-.83.54-.25.25-.41.5-.54.83-.1.26-.22.64-.25 1.35-.04.76-.04 1-.04 2.93 0 1.94 0 2.17.04 2.93.03.7.15 1.09.25 1.35.13.33.29.58.54.83.25.25.5.41.83.54.26.1.64.22 1.35.25.76.04 1 .04 2.93.04 1.94 0 2.17 0 2.93-.04.7-.03 1.09-.15 1.35-.25.33-.13.58-.29.83-.54.25-.25.41-.5.54-.83a4 4 0 00.25-1.35 122.06 122.06 0 000-5.86 4 4 0 00-.25-1.35 2.24 2.24 0 00-.54-.83c-.25-.25-.5-.41-.83-.54-.26-.1-.64-.22-1.35-.25zM12 14.58a2.42 2.42 0 110-4.84 2.42 2.42 0 010 4.84zm0-6.14a3.72 3.72 0 100 7.44 3.72 3.72 0 000-7.44zm3.87.72a.87.87 0 100-1.74.87.87 0 000 1.74z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
}
.social .icon.-twitter {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m24.567 19.384.065 1.038-1.084-.127c-3.945-.487-7.392-2.14-10.318-4.915l-1.43-1.377-.37 1.017c-.78 2.267-.281 4.661 1.345 6.271.867.89.672 1.017-.824.487-.52-.17-.976-.296-1.019-.233-.152.148.369 2.076.78 2.839.564 1.06 1.713 2.097 2.97 2.712l1.062.487-1.257.021c-1.214 0-1.257.021-1.127.466.433 1.377 2.146 2.839 4.053 3.475l1.344.444-1.17.678a12.51 12.51 0 0 1-5.81 1.568c-.975.021-1.777.106-1.777.17 0 .211 2.645 1.398 4.184 1.864 4.617 1.377 10.1.784 14.22-1.568 2.926-1.673 5.852-5 7.218-8.22.737-1.716 1.474-4.851 1.474-6.355 0-.975.065-1.102 1.279-2.267.715-.678 1.387-1.42 1.517-1.631.217-.403.195-.403-.91-.043-1.843.636-2.103.551-1.193-.402.672-.678 1.474-1.907 1.474-2.267 0-.063-.325.043-.693.233-.39.212-1.257.53-1.908.72l-1.17.36-1.062-.699c-.586-.38-1.41-.805-1.843-.932-1.105-.296-2.796-.254-3.793.085-2.71.953-4.422 3.41-4.227 6.101Z' fill='%23fff'/%3E%3C/svg%3E");
}
.social .icon.-twitter:hover {
  opacity: 0.7;
}
@media all and (min-width: 1200px) {
  .social .icon.-twitter {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23fafafa' /%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12.28 9.7l.04.51-.55-.06a8.93 8.93 0 01-5.16-2.46L5.9 7l-.18.51a2.99 2.99 0 00.67 3.14c.43.44.33.5-.41.24-.26-.09-.5-.15-.51-.12-.08.08.18 1.04.39 1.42.28.53.85 1.05 1.48 1.36l.53.24-.63.01c-.6 0-.63.01-.56.24.22.68 1.07 1.41 2.03 1.73l.67.22-.59.34c-.86.5-1.88.77-2.9.79a3.3 3.3 0 00-.89.08c0 .1 1.32.7 2.1.93 2.3.7 5.04.4 7.1-.78a9.3 9.3 0 003.61-4.1c.37-.87.74-2.44.74-3.19 0-.48.03-.55.64-1.13a7 7 0 00.76-.82c.1-.2.1-.2-.46-.02-.92.32-1.05.28-.6-.2.34-.34.74-.95.74-1.13 0-.03-.16.02-.35.11-.19.11-.62.27-.95.36l-.58.18-.54-.34c-.29-.2-.7-.4-.92-.47a3.82 3.82 0 00-1.9.04 3.03 3.03 0 00-2.1 3.05z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
  .social .icon.-twitter:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12 24a12 12 0 100-24 12 12 0 000 24zm.32-13.98l-.04-.56a3.29 3.29 0 012.12-3.3c.5-.19 1.34-.21 1.9-.05.21.07.62.3.91.5l.54.38.58-.2c.33-.1.76-.27.95-.38.19-.1.35-.16.35-.13 0 .2-.4.86-.74 1.23-.45.51-.32.56.6.22.55-.2.56-.2.46.02-.07.11-.4.51-.76.88-.61.63-.64.7-.64 1.23a9.87 9.87 0 01-4.35 7.9 8.78 8.78 0 01-7.1.84c-.78-.25-2.1-.9-2.1-1 0-.04.4-.09.89-.1a5.89 5.89 0 002.9-.85l.59-.36-.67-.24c-.96-.35-1.81-1.14-2.03-1.89-.07-.24-.04-.25.56-.25l.63-.01-.53-.26c-.63-.34-1.2-.9-1.48-1.47a4.27 4.27 0 01-.4-1.54c.03-.04.26.03.52.12.74.3.84.22.4-.26a3.43 3.43 0 01-.66-3.4l.18-.55.71.75a8.66 8.66 0 005.16 2.66l.55.07z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
}
.social .icon.-youtube {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.355 9h2.227l-1.678 4.95c-.082.24-.183.515-.305.825-.122.31-.23.59-.32.84-.092.25-.169.525-.23.825v5.28h-2.197v-5.04c-.04-.24-.335-1.09-.885-2.55L13.227 9h2.229l1.403 5.07h.153L18.355 9Zm7.781 5.52v4.86c0 .84-.254 1.48-.763 1.92-.509.44-1.2.66-2.075.66-.834 0-1.51-.235-2.03-.705-.518-.47-.777-1.105-.777-1.905v-4.86c0-.78.28-1.375.839-1.785.56-.41 1.246-.615 2.06-.615.773 0 1.424.22 1.953.66.529.44.793 1.03.793 1.77Zm7.232-2.19v9.39h-1.953v-1.05c-.752.78-1.505 1.17-2.258 1.17-.915 0-1.373-.56-1.373-1.68v-7.83h1.953v7.2c0 .42.173.63.519.63.346 0 .732-.24 1.16-.72v-7.11h1.952Zm-9.216 2.07v5.13c0 .52-.284.78-.854.78-.529 0-.793-.26-.793-.78V14.4c0-.2.081-.365.244-.495a.857.857 0 0 1 .55-.195c.203 0 .396.065.579.195.183.13.274.295.274.495Zm12.665 21.12c.122-1.92.183-3.37.183-4.35 0-.98-.061-2.43-.183-4.35-.081-1-.473-1.795-1.175-2.385-.702-.59-1.561-.905-2.579-.945-1.993-.1-5.015-.15-9.063-.15-4.049 0-7.07.05-9.063.15-1.018.04-1.877.355-2.579.945-.702.59-1.094 1.385-1.175 2.385-.122 1.92-.183 3.37-.183 4.35 0 .98.061 2.43.183 4.35.082 1 .473 1.795 1.175 2.385.702.59 1.561.905 2.579.945 1.993.1 5.014.15 9.063.15 4.028 0 7.05-.05 9.063-.15 1.018-.04 1.877-.355 2.579-.945.702-.59 1.093-1.385 1.175-2.385Zm-1.984-1.62v-.57h-1.617c0 .04.005.17.015.39.01.22.01.375 0 .465-.01.09-.035.205-.076.345a.487.487 0 0 1-.214.3c-.101.06-.244.09-.427.09-.203 0-.361-.06-.473-.18a.612.612 0 0 1-.183-.36c-.01-.12-.015-.29-.015-.51v-1.44h2.99v-1.92c0-.7-.193-1.25-.58-1.65-.386-.4-.935-.6-1.647-.6-.692 0-1.267.205-1.725.615-.457.41-.686.955-.686 1.635v3.39c0 .72.198 1.295.595 1.725.397.43.961.645 1.694.645 1.566 0 2.35-.79 2.35-2.37Zm-5.828-3.63v4.2c0 1.12-.478 1.68-1.435 1.68-.549 0-1.047-.23-1.495-.69v.6h-1.587V25.77h1.587v3.3c.427-.46.895-.69 1.404-.69 1.017 0 1.526.63 1.526 1.89Zm-7.63 5.79h1.557v-7.59h-1.556v5.76c-.346.38-.662.57-.946.57-.265 0-.397-.17-.397-.51v-5.82h-1.587v6.39c0 .88.366 1.32 1.099 1.32.61 0 1.22-.32 1.83-.96v.84Zm-2.898-8.79h-1.862v8.79h-1.77v-8.79h-1.83v-1.5h5.462v1.5Zm14.739 3.15v.84h-1.373v-.84c0-.54.234-.81.702-.81.447 0 .671.27.671.81Zm-5.829 3.9v-3.99c0-.5-.213-.75-.64-.75-.245 0-.468.1-.672.3v4.74c.224.22.478.33.763.33.366 0 .55-.21.55-.63Z' fill='%23fff'/%3E%3C/svg%3E");
}
.social .icon.-youtube:hover {
  opacity: 0.7;
}
@media all and (min-width: 1200px) {
  .social .icon.-youtube {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23fafafa' /%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M9.18 4.5h1.11l-.84 2.47a9.26 9.26 0 01-.31.84c-.05.12-.08.26-.12.41v2.64h-1.1V8.34c-.01-.12-.16-.54-.44-1.27L6.61 4.5h1.12l.7 2.54h.08l.67-2.54zm3.89 2.76v2.43c0 .42-.13.74-.38.96-.26.22-.6.33-1.04.33-.42 0-.76-.12-1.02-.35a1.22 1.22 0 01-.38-.96V7.26c0-.4.14-.7.41-.9.28-.2.63-.3 1.03-.3s.72.1.98.33c.27.21.4.51.4.88zm3.61-1.1v4.7h-.97v-.52c-.38.38-.76.58-1.13.58-.46 0-.69-.28-.69-.84V6.16h.98v3.6c0 .21.09.32.26.32s.36-.12.58-.36V6.16h.97zm-4.6 1.04v2.57c0 .26-.15.38-.43.38-.27 0-.4-.13-.4-.38V7.2c0-.1.04-.18.12-.25.09-.06.18-.1.28-.1.1 0 .2.04.29.1.1.07.14.15.14.25zm6.33 10.56c.06-.96.09-1.69.09-2.18 0-.48-.03-1.21-.1-2.17-.03-.5-.23-.9-.58-1.2-.35-.29-.78-.45-1.29-.47-1-.04-2.5-.07-4.53-.07-2.02 0-3.53.03-4.53.07-.51.03-.94.18-1.3.48-.34.3-.54.69-.58 1.19-.06.96-.09 1.69-.09 2.18 0 .48.03 1.21.1 2.17.03.5.23.9.58 1.2.35.29.78.45 1.29.46 1 .05 2.5.08 4.53.08 2.01 0 3.52-.02 4.53-.07.51-.02.94-.18 1.3-.48.34-.3.54-.69.58-1.19zm-1-.81v-.29h-.8a7.02 7.02 0 000 .43l-.03.18a.24.24 0 01-.1.14.42.42 0 01-.22.05.3.3 0 01-.24-.09.3.3 0 01-.1-.18v-.97h1.5v-.96c0-.36-.1-.63-.3-.83-.19-.2-.46-.3-.82-.3-.34 0-.63.1-.86.3-.23.21-.34.48-.34.83v1.69c0 .36.1.65.3.86.2.22.48.33.84.33.79 0 1.18-.4 1.18-1.19zm-2.9-1.81v2.1c0 .56-.25.84-.72.84-.28 0-.53-.12-.75-.35v.3h-.8v-5.15h.8v1.65a.95.95 0 01.7-.34c.5 0 .76.32.76.95zm-3.82 2.89h.78v-3.8h-.78v2.88c-.18.2-.33.29-.48.29-.13 0-.2-.08-.2-.25v-2.91h-.79v3.19c0 .44.19.66.55.66.3 0 .61-.16.92-.48v.42zm-1.45-4.4H8.3v4.4h-.89v-4.4h-.91v-.75h2.73v.75zm7.37 1.58v.42h-.69v-.42c0-.27.12-.4.35-.4.23 0 .34.13.34.4zm-2.92 1.95v-2c0-.25-.1-.37-.32-.37a.47.47 0 00-.33.15v2.37c.11.11.24.17.38.17.18 0 .27-.11.27-.32z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
  .social .icon.-youtube:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12 24a12 12 0 100-24 12 12 0 000 24zM10.4 5H9.37l-.61 2.37h-.07L8.04 5H7.02l.8 2.4c.25.68.39 1.07.4 1.18v2.36h1.01V8.47a2.7 2.7 0 01.19-.6 24.56 24.56 0 01.2-.56L10.4 5zm2.54 4.84V7.58c0-.35-.12-.62-.36-.83-.24-.2-.54-.3-.9-.3-.37 0-.68.09-.94.28a.97.97 0 00-.39.83v2.27c0 .37.12.67.36.89.24.22.55.33.93.33.4 0 .72-.1.95-.31.24-.2.35-.5.35-.9zm3.32 1.1V6.55h-.9v3.32c-.19.23-.37.34-.53.34-.15 0-.23-.1-.23-.3V6.55h-.9v3.66c0 .52.21.78.63.78.35 0 .7-.18 1.04-.54v.49h.9zM12.03 9.9V7.52c0-.1-.04-.17-.12-.23a.45.45 0 00-.27-.1.38.38 0 00-.25.1.28.28 0 00-.11.23v2.4c0 .24.12.36.36.36.26 0 .4-.12.4-.37zm5.9 5.44c0 .45-.03 1.13-.09 2.03-.03.46-.21.83-.53 1.1-.33.28-.72.43-1.19.45-.92.05-2.3.07-4.16.07a89.5 89.5 0 01-4.15-.07 1.88 1.88 0 01-1.19-.44c-.32-.28-.5-.65-.54-1.11A35.4 35.4 0 016 15.35c0-.46.03-1.14.08-2.03.04-.47.22-.84.54-1.12.32-.27.72-.42 1.19-.44.91-.04 2.3-.07 4.15-.07 1.86 0 3.25.03 4.16.07.47.02.86.17 1.19.44.32.28.5.65.53 1.12.06.9.09 1.57.09 2.03zm-1 1v.27c0 .74-.36 1.1-1.07 1.1-.34 0-.6-.1-.78-.3-.18-.2-.27-.46-.27-.8v-1.58c0-.32.1-.57.31-.76.21-.2.47-.3.8-.3.32 0 .57.1.75.29.18.18.26.44.26.77v.9h-1.37v.9l.05.12a.28.28 0 00.26.14c.08 0 .15-.02.2-.05a.23.23 0 00.1-.14l.03-.16v-.21-.19h.73zm-2.67.54v-1.96c0-.6-.23-.89-.7-.89-.23 0-.45.11-.64.33v-1.54h-.73v4.8h.73v-.28c.2.21.43.32.68.32.44 0 .66-.26.66-.78zm-2.79.74h-.71v-.4c-.28.3-.56.45-.84.45-.34 0-.5-.2-.5-.61v-2.98h.72v2.71c0 .16.06.24.19.24s.27-.09.43-.27V14.1h.71v3.54zm-2.9-4.1h.86v-.7h-2.5v.7h.83v4.1h.82v-4.1zm7.62 1.86v-.4c0-.25-.1-.37-.3-.37-.22 0-.33.12-.33.38v.39h.63zm-2.67-.44v1.87c0 .2-.09.29-.25.29a.48.48 0 01-.35-.15v-2.22c.09-.09.2-.14.3-.14.2 0 .3.12.3.35z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
}
.social .icon.-linkedin {
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.859 13.164c-.04-1.796-1.324-3.164-3.41-3.164C11.364 10 10 11.368 10 13.164c0 1.759 1.323 3.166 3.37 3.166h.039c2.126 0 3.45-1.407 3.45-3.166Zm-.402 5.667H10.36v18.318h6.097V18.83Zm14.968-.43c4.012 0 7.02 2.618 7.02 8.245v10.503h-6.097v-9.8c0-2.462-.883-4.142-3.09-4.142-1.684 0-2.687 1.133-3.128 2.226-.161.392-.2.939-.2 1.486v10.23h-6.098s.08-16.599 0-18.318h6.097v2.595c.81-1.247 2.259-3.025 5.496-3.025Z' fill='%23fff'/%3E%3C/svg%3E");
}
.social .icon.-linkedin:hover {
  opacity: 0.7;
}
@media all and (min-width: 1200px) {
  .social .icon.-linkedin {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23fafafa' /%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M8.43 6.58C8.4 5.68 7.77 5 6.73 5 5.67 5 5 5.68 5 6.58c0 .88.66 1.59 1.69 1.59h.01c1.07 0 1.73-.7 1.73-1.59zm-.2 2.84H5.18v9.15h3.05V9.42zm7.48-.22c2 0 3.51 1.31 3.51 4.12v5.25h-3.05v-4.9c0-1.23-.44-2.07-1.54-2.07-.84 0-1.34.57-1.56 1.12-.09.2-.1.47-.1.74v5.11H9.91s.04-8.3 0-9.15h3.04v1.3a3.03 3.03 0 012.75-1.52z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
  .social .icon.-linkedin:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' fill='none'%3E%3Cpath fill='%23fafafa' fill-rule='evenodd' d='M12 24a12 12 0 100-24 12 12 0 000 24zM7.14 5c.99 0 1.6.66 1.62 1.52 0 .84-.63 1.51-1.64 1.51H7.1c-.97 0-1.6-.67-1.6-1.51C5.5 5.66 6.15 5 7.14 5zM5.67 9.23h2.9V18h-2.9V9.23zM19 12.97c0-2.7-1.43-3.95-3.33-3.95-1.54 0-2.23.85-2.61 1.45V9.23h-2.9c.04.82 0 8.77 0 8.77h2.9v-4.9c0-.26.02-.52.1-.71.2-.52.68-1.07 1.48-1.07 1.05 0 1.47.8 1.47 1.99V18H19v-5.03z' clip-rule='evenodd' /%3E%3C/svg%3E");
  }
}

/**
*
* FORMS
*
*/
:root {
  --color: $secondary;
  --disabled: #959495;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.bm2_form input[type=text],
.bm2_form input[type=email],
.bm2_form input[type=tel],
.bm2_form select {
  font-size: 1.6rem !important;
  line-height: 2.16rem !important;
  padding: 1.5rem !important;
  background-color: #ffffff !important;
  border: 1px solid #8c8c8c !important;
  border-radius: 0.4rem !important;
  height: 40px !important;
}
.bm2_form input[type=text]:hover, .bm2_form input[type=text]:focus,
.bm2_form input[type=email]:hover,
.bm2_form input[type=email]:focus,
.bm2_form input[type=tel]:hover,
.bm2_form input[type=tel]:focus,
.bm2_form select:hover,
.bm2_form select:focus {
  border: 1px solid #272571 !important;
  outline: none !important;
  box-shadow: none !important;
}
.bm2_form textarea {
  font-size: 1.6rem !important;
  line-height: 2.16rem !important;
  padding: 1.5rem !important;
  background-color: #ffffff !important;
  border: 1px solid #8c8c8c !important;
  border-radius: 0.4rem !important;
  min-height: 40rem;
}
.bm2_form textarea:hover, .bm2_form textarea:focus {
  border: 1px solid #272571 !important;
  outline: none !important;
  box-shadow: none !important;
}
.bm2_form.-subscribe {
  display: initial;
}
.bm2_form.-subscribe input[type=email] {
  font-size: 1.6rem !important;
  border: none;
  border-radius: 0.4rem !important;
  width: 100%;
  height: 40px !important;
  padding: 10px 70px 10px 20px;
  margin: 1rem auto;
}
.bm2_form.-subscribe .subscribe_email {
  width: 100%;
}
.bm2_form.-subscribe .input-group-prepend {
  position: absolute;
  right: 0;
  top: 1rem;
  z-index: 9;
  cursor: pointer;
}
.bm2_form.-subscribe .input-group-prepend .ajax-loader {
  margin: 0 44px 0 24px;
  width: 23px;
  height: 23px;
  background-color: #0064b0;
}
.bm2_form.-subscribe .bm_icon-plane {
  width: 22px;
  height: 19px;
  position: absolute !important;
  right: 1rem;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.888.075a.35.35 0 0 0-.355-.047L.19 9.176a.303.303 0 0 0-.19.272.302.302 0 0 0 .184.276L4.4 11.479c.11.05 8.8-4.174 8.8-4.174l-5.36 5.539a.5.5 0 0 0-.14.348v4.385a.5.5 0 0 0 .854.353l2.985-2.986 4.401 2.055c.086.038.186.04.273.004a.313.313 0 0 0 .183-.187L21.985.394a.289.289 0 0 0-.097-.319Z' fill='%235AC994'/%3E%3C/svg%3E");
}
.bm2_form.-subscribe .bm_icon-plane:hover {
  opacity: 0.7;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.bm2_form.-subscribe .bm_icon-plane:focus, .bm2_form.-subscribe .bm_icon-plane:active {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.bm2_form.-search .input-group-prepend {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 9;
  cursor: pointer;
}
.bm2_form.-search .input-group-prepend input[type=submit] {
  width: 21px;
  height: 22px;
  position: absolute !important;
  right: 1rem;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.588 19.615-2.994-2.967c1.589-1.765 2.576-4.102 2.576-6.654C20.17 4.484 15.645 0 10.085 0 4.525 0 0 4.484 0 9.994s4.525 9.994 10.085 9.994c1.973 0 3.803-.573 5.343-1.527l3.162 3.134c.265.262.626.405.987.405.36 0 .722-.143.987-.405a1.367 1.367 0 0 0 .024-1.98ZM2.816 9.994c0-3.96 3.25-7.203 7.269-7.203 4.02 0 7.245 3.243 7.245 7.203 0 3.96-3.25 7.203-7.245 7.203-3.996 0-7.269-3.22-7.269-7.203Z' fill='%235AC994'/%3E%3C/svg%3E");
}
.bm2_form.-search .input-group-prepend input[type=submit]:hover {
  opacity: 0.7;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}
.bm2_form.-search .input-group-prepend input[type=submit]:focus, .bm2_form.-search .input-group-prepend input[type=submit]:active {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

form {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=password],
form textarea,
form textarea.form-control {
  border-radius: 3px;
  border: 2px solid rgba(0, 100, 176, 0.4);
  padding: 10px;
  font-size: 1.6rem;
  color: var(--e-global-color-primary);
}
form input[type=submit] {
  background: #0064b0;
  font-weight: 500;
  transition: 0.5s;
  color: #ffffff;
  border: 0 none;
  padding: 5px 7px;
  border-radius: 3px;
}
form input[type=submit]:hover {
  opacity: 0.8;
}
form .cura_form {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
form .cura_form .hidden {
  display: none;
}
form .cura_form h2,
form .cura_form h3 {
  color: var(--e-global-color-primary);
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  text-decoration: none;
  line-height: 1.1em;
  letter-spacing: 0px;
}
form .cura_form h4 {
  color: var(--e-global-color-primary);
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  font-style: italic;
  text-decoration: none;
  line-height: 1.2em;
  letter-spacing: 0px;
}
form .cura_form textarea {
  min-height: 50rem;
}
form .cura_form .message.alert {
  color: var(--e-global-color-accent);
}
form .cura_form label {
  color: #0064b0;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding-bottom: 0.5rem;
}
form .cura_form input::placeholder,
form .cura_form textarea::placeholder,
form .cura_form select,
form .cura_form option {
  color: rgba(0, 100, 176, 0.7);
  font-size: 1.6rem;
}
form .cura_form input[type=submit].cura_submit {
  background: #0064b0;
  border: 1px solid #0064b0;
  font-size: 16px;
  font-family: "Mulish", Sans-serif;
  font-weight: bold;
  border-radius: 10px;
  padding: 16px 55px 16px 55px;
}
form .cura_form input[type=submit].cura_submit:hover {
  background: white;
  color: #0064b0;
}
form .cura_form .wpcf7-spinner {
  position: absolute;
}
form .cura_form label.cura_form_label-full span.wpcf7-list-item {
  width: 100% !important;
}
form .cura_form .cura_form-group {
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 1.4rem;
}
form .cura_form .cura_form-group input[type=text],
form .cura_form .cura_form-group input[type=email],
form .cura_form .cura_form-group input[type=tel],
form .cura_form .cura_form-group input[type=password],
form .cura_form .cura_form-group select,
form .cura_form .cura_form-group textarea,
form .cura_form .cura_form-group textarea.form-control {
  border-radius: 3px;
  border: 1px solid #999;
}
form .cura_form .cura_form-group textarea,
form .cura_form .cura_form-group textarea.form-control {
  display: block;
  width: 100%;
}
@media screen and (min-width: 640px) {
  form .cura_form .cura_form-row {
    display: flex;
  }
}
form .cura_form .cura_form-simple {
  width: 100%;
}
form .cura_form .cura_form-double {
  padding: 10px;
}
@media screen and (min-width: 640px) {
  form .cura_form .cura_form-double {
    width: 50%;
    padding: 10px 10px 10px 0;
  }
}
form .cura_form .cura_form-double + .cura_form-double {
  padding: 10px 0px 10px 10px;
}
form .cura_form.-contact input[type=text],
form .cura_form.-contact input[type=email],
form .cura_form.-contact input[type=tel],
form .cura_form.-contact input[type=password],
form .cura_form.-contact textarea {
  width: 100%;
}
form .cura_form .cura_form-center {
  justify-content: center;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex !important;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
}
.slick-track .slick-slide {
  float: none;
  width: 100%;
  padding: 2rem 1rem;
}

.slick-dots {
  bottom: -5rem;
}
.slick-dots li {
  width: 4.5rem;
  height: 0.4rem;
}
.slick-dots li button:before {
  content: "";
  width: 4.8rem;
  height: 0.4rem;
  opacity: 1;
  background-color: #0064b0;
}
.slick-dots li.slick-active button:before {
  background-color: #272571;
}

/**
*
* 04. BS Override
*
*/
.menu-item {
  font-size: 2.5rem;
}

.dropdown-toggle[aria-expanded=true]:after {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 18'%3E%3Cpath fill='%23ffffff' d='M1 .78a2 2 0 0 0 0 2.83l13.59 13.6a2 2 0 0 0 2.82 0L31 3.61A2 2 0 1 0 28.17.8L16 12.97 3.83.79A2 2 0 0 0 1 .79Z'/%3E%3C/svg%3E");
}
@media all and (min-width: 1200px) {
  .dropdown-toggle[aria-expanded=true]:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 8'%3E%3Cpath fill='%23ffffff' d='M.44.35a.89.89 0 0 0-.2.97c.05.1.12.2.2.29l5.94 6.04a.87.87 0 0 0 .96.2c.1-.05.2-.12.28-.2l5.94-6.04a.89.89 0 0 0 .21-.98.9.9 0 0 0-.48-.5.86.86 0 0 0-.97.22L7 5.76 1.68.36a.87.87 0 0 0-.96-.2C.62.2.52.26.44.35Z'/%3E%3C/svg%3E");
  }
}
.dropdown-toggle:after {
  content: "";
  border: none !important;
  display: inline-block;
  width: 2.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.414.421a1.36 1.36 0 0 0-.307.442 1.32 1.32 0 0 0 .307 1.484l9.576 9.254a1.454 1.454 0 0 0 1.995 0l9.577-9.254c.136-.125.245-.275.32-.442a1.32 1.32 0 0 0-.296-1.507 1.454 1.454 0 0 0-2.02.027l-8.578 8.29-8.58-8.29a1.414 1.414 0 0 0-.457-.297A1.454 1.454 0 0 0 .414.421Z' fill='%23ffffff'/%3E%3C/svg%3E");
  opacity: 1;
  position: absolute;
  top: 3rem;
  right: -3rem;
}
@media all and (min-width: 1200px) {
  .dropdown-toggle:after {
    width: 1.4rem;
    height: 0.8rem;
    top: 2.5rem;
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.263.28A.908.908 0 0 0 0 .924a.917.917 0 0 0 .263.642l6.094 6.169A.897.897 0 0 0 6.992 8a.888.888 0 0 0 .635-.266l6.094-6.17A.908.908 0 0 0 14 .919a.916.916 0 0 0-.263-.653A.897.897 0 0 0 13.09 0a.889.889 0 0 0-.64.283L6.993 5.81 1.532.283A.897.897 0 0 0 .899.016.888.888 0 0 0 .263.28Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }
}

.row {
  --bs-gutter-x: 0;
}

.max-w-xl {
  max-width: 1920px;
}

.pe-6 {
  padding-right: 4.5rem;
}

.ps-6 {
  padding-left: 4.5rem;
}

.p-6 {
  padding: 4.5rem;
}

.pe-7 {
  padding-right: 5.5rem;
}

.ps-7 {
  padding-left: 5.5rem;
}

.p-7 {
  padding: 5.5rem;
}

.navbar-nav .nav-link {
  color: rgb(255, 255, 255);
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
  color: #ffffff;
  /* &:after {
    opacity: 0.75;
  } */
}
.navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.page-item {
  text-align: center;
}
.page-item .page-link {
  width: 4rem;
  height: 4rem;
  text-align: center;
  color: #272571 !important;
  background-color: transparent;
  border-color: transparent;
  border-radius: 50%;
  z-index: 3;
  margin: 0 0.2rem !important;
}
@media all and (min-width: 992px) {
  .page-item .page-link {
    margin: 0 1.5rem !important;
  }
}
.page-item .page-link:focus, .page-item .page-link.dots {
  box-shadow: none;
  border-color: transparent;
}
.page-item .page-link.prev, .page-item .page-link.next {
  font-weight: bold;
}
.page-item.active .page-link {
  width: 4rem;
  height: 4rem;
  text-align: center;
  color: #ffffff !important;
  background-color: #272571;
  border-color: #272571;
  border-radius: 50%;
  z-index: 3;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border: 1px solid #e3e3e3;
  padding: 0.6rem;
}
thead h6,
tbody h6,
tfoot h6,
tr h6,
td h6,
th h6 {
  font-size: 1.6rem;
  color: #272571;
  padding-bottom: 0;
  margin-bottom: 0;
}

.splide {
  position: relative;
}
.splide .splide__arrows .splide__arrow {
  position: absolute;
  z-index: 10;
  background-color: #000000;
  border-radius: 100rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  transition: all 0.3s;
}
.splide .splide__arrows .splide__arrow:hover {
  background-color: #0064b0;
}
.splide .splide__arrows .splide__arrow:disabled, .splide .splide__arrows .splide__arrow[disabled] {
  background-color: #8c8c8c;
  opacity: 0.2;
}
.splide .splide__arrows .splide__arrow svg {
  width: 2rem;
  height: auto;
  fill: #ffffff;
}
.splide .splide__arrows .splide__arrow.splide__arrow--prev svg {
  transform: rotate(-180deg);
}
.splide .splide__pagination .splide__pagination__page {
  width: 1.2rem;
  height: 1.2rem;
  margin-inline: 0.4rem;
  border-radius: 10rem;
  border: none;
  background-color: #ffffff;
}
.splide .splide__pagination .splide__pagination__page.is-active {
  background-color: #2daae2;
}

.navbar {
  min-height: "2rem";
  padding: 0 2rem;
  width: 100%;
  background: #0064b0;
}
@media all and (min-width: 1440px) {
  .navbar {
    padding: 0 8rem;
  }
}
.navbar .navbar-wrapper {
  min-height: "2rem";
  padding: 0;
  width: 100%;
}
.navbar .navbar-wrapper .nav-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media all and (min-width: 1200px) {
  .navbar .navbar-wrapper .nav-container {
    flex-direction: row;
  }
}
@media all and (max-width: 1200px) {
  .navbar .navbar-wrapper .mobile-nav-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.navbar .mobile-toggle-cta {
  width: 6rem;
  height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media all and (min-width: 1200px) {
  .navbar .mobile-toggle-cta {
    display: none;
  }
}
.navbar .mobile-toggle-cta .bar {
  display: none;
}
.navbar .mobile-toggle-cta .close-cross {
  display: block;
}
.navbar .mobile-toggle-cta.collapsed .bar {
  display: block;
}
.navbar .mobile-toggle-cta.collapsed .close-cross {
  display: none;
}
.navbar .bar {
  display: block;
  height: 4px;
  margin: 3px 0;
  border-radius: 5rem;
}
.navbar .bar.-top {
  width: 4rem;
  background-color: #2daae2;
}
.navbar .bar.-middle {
  width: 4rem;
  background-color: #2daae2;
}
.navbar .bar.-bottom {
  width: 4rem;
  background-color: #2daae2;
}
.navbar .close-cross {
  width: 3rem;
  height: 3rem;
  background-repeat: no-repeat;
}
.navbar .close-cross.-black {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.413 3.464a2 2 0 0 0 0-2.829l-.05-.05a2 2 0 0 0-2.828 0L14.999 12.123 3.464.586a2 2 0 0 0-2.829 0l-.05.05a2 2 0 0 0 0 2.828L12.122 15 .586 26.536a2 2 0 0 0 0 2.828l.05.05a2 2 0 0 0 2.828 0l11.535-11.537 11.536 11.537a2 2 0 0 0 2.828 0l.05-.05a2 2 0 0 0 0-2.828L17.877 15 29.413 3.464Z' fill='%23000000'/%3E%3C/svg%3E");
}
.navbar .close-cross.-primary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.413 3.464a2 2 0 0 0 0-2.829l-.05-.05a2 2 0 0 0-2.828 0L14.999 12.123 3.464.586a2 2 0 0 0-2.829 0l-.05.05a2 2 0 0 0 0 2.828L12.122 15 .586 26.536a2 2 0 0 0 0 2.828l.05.05a2 2 0 0 0 2.828 0l11.535-11.537 11.536 11.537a2 2 0 0 0 2.828 0l.05-.05a2 2 0 0 0 0-2.828L17.877 15 29.413 3.464Z' fill='%23000000'/%3E%3C/svg%3E");
}
.navbar .close-cross.-secondary {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.413 3.464a2 2 0 0 0 0-2.829l-.05-.05a2 2 0 0 0-2.828 0L14.999 12.123 3.464.586a2 2 0 0 0-2.829 0l-.05.05a2 2 0 0 0 0 2.828L12.122 15 .586 26.536a2 2 0 0 0 0 2.828l.05.05a2 2 0 0 0 2.828 0l11.535-11.537 11.536 11.537a2 2 0 0 0 2.828 0l.05-.05a2 2 0 0 0 0-2.828L17.877 15 29.413 3.464Z' fill='%23165154'/%3E%3C/svg%3E");
}
.navbar .navbar-brand {
  margin-right: 0 !important;
}
@media all and (min-width: 1200px) {
  .navbar .navbar-brand {
    order: 2;
  }
}
.navbar #main_nav {
  order: 2;
  flex: 0 0 auto;
}
@media all and (min-width: 992px) {
  .navbar #main_nav {
    width: auto;
  }
}
.navbar #main_nav .navbar-nav {
  padding: 0;
  align-items: center;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav {
    padding: 0 0 0 6.4rem;
  }
}
.navbar #main_nav .navbar-nav .nav-item {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item {
    border-bottom: 1px solid transparent;
  }
}
.navbar #main_nav .navbar-nav .nav-item .dropdown-item.active, .navbar #main_nav .navbar-nav .nav-item .dropdown-item:active {
  background-color: #e3e3e3;
}
.navbar #main_nav .navbar-nav .nav-item.current_page_item .dropdown-item {
  color: #2daae2;
  font-weight: 500;
}
.navbar #main_nav .navbar-nav .nav-item.current_page_item .dropdown-item.active, .navbar #main_nav .navbar-nav .nav-item.current_page_item .dropdown-item:active {
  background-color: #e3e3e3;
}
.navbar #main_nav .navbar-nav .nav-item.show .dropdown-toggle {
  color: #ffffff;
}
.navbar #main_nav .navbar-nav .nav-item.menu-title .dropdown-item {
  font-family: "metropolislight", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.12rem;
  color: #000000;
}
.navbar #main_nav .navbar-nav .nav-item .dropdown-item {
  font-family: "metropolislight", sans-serif;
  font-size: 1.8rem;
  line-height: 2.3rem;
  padding: 1rem 0.8rem;
  text-transform: uppercase;
  color: #272571;
  white-space: break-spaces;
}
@media all and (min-width: 992px) {
  .navbar #main_nav .navbar-nav .nav-item .dropdown-item {
    white-space: nowrap;
  }
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item .dropdown-item {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
.navbar #main_nav .navbar-nav .nav-item .dropdown-item:hover {
  color: #0064b0;
}
.navbar #main_nav .navbar-nav .nav-item .nav-link {
  font-size: 1.8rem;
  line-height: 2.3rem;
  color: #ffffff;
  text-transform: uppercase;
  padding: 2.5rem 0;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link {
    font-size: 2.5rem;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding-top: 2rem;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 1440px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}
@media all and (min-width: 1920px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
.navbar #main_nav .navbar-nav .nav-item .nav-link:hover {
  background-color: transparent;
  cursor: pointer;
  color: #ffffff;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-right: 2.5rem !important;
  }
}
@media all and (min-width: 1440px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-right: 2.5rem !important;
  }
}
@media all and (min-width: 1920px) {
  .navbar #main_nav .navbar-nav .nav-item .nav-link.dropdown-toggle {
    padding-right: 2.5rem !important;
  }
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .nav-item .submenu-left {
    right: 100%;
    left: auto;
  }
}
.navbar #main_nav .navbar-nav .dropdown ul {
  height: 26rem;
  left: 0;
  padding: 2rem 0;
  overflow: scroll;
  background-color: #f8f8f8;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav .navbar-nav .dropdown ul {
    height: auto;
    border-radius: 1rem;
    padding: 2rem;
    top: 5rem;
    overflow: visible;
    background-color: #ffffff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
  }
}
.navbar #main_nav .navbar-nav .dropdown ul li {
  font-weight: 300;
  border: 1px solid transparent;
}
.navbar #main_nav .navbar-nav .dropdown:last-child ul {
  right: 0;
  left: auto;
}
.navbar #main_nav.show {
  height: 100vh;
}
@media all and (min-width: 1200px) {
  .navbar #main_nav.show {
    height: auto;
  }
}
.navbar #main_nav .mobile-socials {
  position: fixed;
  bottom: 0;
  width: 90%;
}
.navbar .dropdown-menu {
  border: none;
}
@media all and (min-width: 1200px) {
  .navbar .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border: inherit;
  }
}
.navbar .dropdown-menu li {
  position: relative;
  margin-left: 0;
}
@media all and (min-width: 1200px) {
  .navbar .dropdown-menu li:hover a {
    color: #ffffff;
    background-color: transparent;
  }
}
@media all and (min-width: 1200px) {
  .navbar .dropdown-menu li:hover .submenu {
    display: block;
  }
}
.navbar .dropdown-menu .dropdown-menu {
  margin-left: 0.7rem;
  margin-right: 0.7rem;
  margin-bottom: 0.5rem;
  padding-left: 3rem;
}
@media all and (min-width: 1200px) {
  .navbar .dropdown-menu .dropdown-menu {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.navbar [class*=menupanel-] a[aria-expanded=true] {
  color: #0064b0;
}
@media all and (min-width: 1200px) {
  .navbar [class*=menupanel-] .dropdown-menu {
    display: none !important;
  }
}

#content.loading > * {
  opacity: 0.2;
}

#content.loading:before {
  content: "Loading New Posts";
  padding: 22px;
  background: #000;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}

@media all and (min-width: 1200px) {
  .navbar.home {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 15%, rgba(0, 0, 0, 0) 80%);
  }
  .navbar.home.-appears {
    animation: appears 400ms ease-in-out forwards;
  }
  @keyframes appears {
    0% {
      background: transparent;
    }
    100% {
      background: #0064b0;
    }
  }
  .navbar.home .navbar-brand img {
    transform: scale(1.4);
    transform-origin: left top;
  }
  .navbar.home .navbar-brand img.-scrolled {
    transform: scale(1.4);
    animation: scale 400ms ease-in-out forwards;
  }
  @keyframes scale {
    to {
      transform: scale(1);
    }
  }
  .navbar.home #main_nav {
    position: relative;
    top: 1.4rem;
  }
  @keyframes position {
    from {
      top: 1.4rem;
    }
    to {
      top: 0rem;
    }
  }
  .navbar.home #main_nav.-reduced {
    animation: position 400ms ease-in-out forwards;
  }
}
body {
  position: relative;
}

.shortcutNav {
  display: none;
}
@media all and (min-width: 768px) {
  .shortcutNav {
    display: block;
    position: fixed;
    top: 20rem;
    right: 0rem;
    z-index: 9999999;
    width: 4.5rem;
    padding: 1rem 0;
    border-radius: 1.2rem;
    background: #0064b0;
  }
}
@media all and (min-width: 992px) {
  .shortcutNav {
    right: 1rem;
  }
}
@media all and (min-width: 1200px) {
  .shortcutNav {
    right: 1rem;
  }
}
@media all and (min-width: 1440px) {
  .shortcutNav {
    right: 1rem;
  }
}
@media all and (min-width: 1920px) {
  .shortcutNav {
    right: 6rem;
  }
}
@media all and (min-width: 2560px) {
  .shortcutNav {
    right: 6rem;
  }
}
.shortcutNav .inner {
  padding: 0.6rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.shortcutNav .inner a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  transition: all 0.4s;
}
.shortcutNav .inner a.svg {
  background: #ffffff;
  border-radius: 10rem;
}
.shortcutNav .inner a.svg:hover {
  background: #000000;
}
.shortcutNav .inner a.svg:hover svg {
  fill: #ffffff;
}
.shortcutNav .inner a.svg svg {
  width: 80%;
  transition: all 0.4s;
}
.shortcutNav .inner img {
  max-width: 100%;
  width: 4rem;
  height: auto;
}

.hero .content {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 2rem 2rem 4rem;
  min-height: 40rem;
}
.hero .content h1 {
  margin: 0;
  padding: 0;
}
.hero .content .sub-heading {
  font-family: "metropolislight", sans-serif;
  margin: 3rem 0;
}
@media all and (min-width: 1440px) {
  .hero .content .sub-heading {
    margin: 3rem 0;
  }
}

#hero-home {
  padding: 0 2rem;
}
@media all and (min-width: 1440px) {
  #hero-home {
    padding: 0 8rem;
  }
}
#hero-home .content {
  background-attachment: fixed;
  height: 100vh;
  margin-top: -8.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #hero-home .content {
    background-attachment: scroll;
  }
}
#hero-home .content.has_mask {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  width: 100%;
}
#hero-home .content.has_mask:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 992px) {
  #hero-home .content.has_mask:before {
    background: rgba(0, 0, 0, 0.2);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
  }
}
#hero-home .content.has_mask.overlay_blue {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-home .content.has_mask.overlay_blue:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-home .content.has_mask.overlay_blue_light {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-home .content.has_mask.overlay_blue_light:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-home .content.has_mask.overlay_white {
  background-color: #ffffff;
}
@media all and (min-width: 992px) {
  #hero-home .content.has_mask.overlay_white:before {
    background: linear-gradient(180deg, transparent 20%, #ffffff 80%);
  }
}
#hero-home .content.has_mask.overlay_grey_light {
  background-color: #e3e3e3;
}
@media all and (min-width: 992px) {
  #hero-home .content.has_mask.overlay_grey_light:before {
    background: linear-gradient(180deg, transparent 20%, #e3e3e3 80%);
  }
}
@media all and (min-width: 992px) {
  #hero-home .content .mobile-img {
    display: none;
  }
}
#hero-home .content .text-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
@media all and (min-width: 992px) {
  #hero-home .content .text-content {
    height: 100%;
  }
}
#hero-home .content .text-content h1 {
  max-width: 100%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
#hero-home .content .text-content .next {
  position: relative;
  z-index: 2;
  margin-top: 5rem;
  display: flex;
  background: rgba(0, 100, 176, 0.8);
  border-radius: 100rem;
  padding: 0;
}
#hero-home .content .text-content .next svg {
  color: #ffffff;
  fill: #ffffff;
}
#hero-home .content .text-content .next svg path {
  fill: #ffffff;
}
#hero-home .content .text-content .next:hover {
  transform: scale(1.2);
}
#hero-home .hero-bottom {
  padding: 12rem 0;
}
#hero-home .hero-bottom .sub-heading {
  font-family: "metropolislight", sans-serif;
  margin-block: 3rem;
}
#hero-home .hero-bottom .sub-heading.-left, #hero-home .hero-bottom .sub-heading.-right {
  padding: 0 3rem;
}
@media all and (min-width: 992px) {
  #hero-home .hero-bottom .sub-heading.-left {
    padding: 0 2rem 0 20rem;
  }
  #hero-home .hero-bottom .sub-heading.-right {
    padding: 0 20rem 0 2rem;
  }
}
#hero-home .hero-bottom .cta-container {
  text-align: center;
  padding: 4rem 0;
}
#hero-home .cards-wrapper {
  position: relative;
  padding: 2rem;
}
@media all and (min-width: 992px) {
  #hero-home .cards-wrapper {
    padding: 5rem 2rem;
  }
}
#hero-home .cards-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  position: relative;
  z-index: 2;
}
#hero-home .cards-wrapper .cards-container .hero-card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #0064b0;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ffffff;
  border-radius: 5rem;
  width: 100%;
  padding: 2rem;
}
@media all and (min-width: 768px) {
  #hero-home .cards-wrapper .cards-container .hero-card {
    width: calc(50% - 3rem);
  }
}
@media all and (min-width: 992px) {
  #hero-home .cards-wrapper .cards-container .hero-card {
    width: calc(25% - 3rem);
  }
}
#hero-home .cards-wrapper .cards-container .hero-card:hover {
  background: #000000;
}
#hero-home .cards-wrapper .cards-container .hero-card a {
  text-decoration: none;
}
#hero-home .cards-wrapper .cards-container .hero-card img {
  max-width: 100%;
  width: 60%;
}

#hero-video {
  padding: 0 2rem;
}
@media all and (min-width: 1440px) {
  #hero-video {
    padding: 0 8rem;
  }
}
#hero-video .content {
  background-attachment: fixed;
  height: 100vh;
  margin-top: -8.2rem;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  #hero-video .content {
    background-attachment: scroll;
  }
}
#hero-video .content .video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
#hero-video .content .video-background .hero-video,
#hero-video .content .video-background .hero-video-fallback {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  object-position: center;
}
@media all and (max-width: 768px) {
  #hero-video .content .video-background .hero-video.hero-video,
#hero-video .content .video-background .hero-video-fallback.hero-video {
    display: none;
  }
}
#hero-video .content .video-background .hero-video-fallback {
  opacity: 0;
  animation: fadeIn 0.3s ease-in forwards;
}
#hero-video .content .container {
  position: relative;
  z-index: 2;
}
#hero-video .content.has_mask {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  width: 100%;
}
#hero-video .content.has_mask:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media all and (min-width: 992px) {
  #hero-video .content.has_mask:before {
    background: rgba(0, 0, 0, 0.3);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
  }
}
#hero-video .content.has_mask.overlay_blue {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-video .content.has_mask.overlay_blue:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-video .content.has_mask.overlay_blue_light {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-video .content.has_mask.overlay_blue_light:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-video .content.has_mask.overlay_white {
  background-color: #ffffff;
}
@media all and (min-width: 992px) {
  #hero-video .content.has_mask.overlay_white:before {
    background: linear-gradient(180deg, transparent 20%, #ffffff 80%);
  }
}
#hero-video .content.has_mask.overlay_grey_light {
  background-color: #e3e3e3;
}
@media all and (min-width: 992px) {
  #hero-video .content.has_mask.overlay_grey_light:before {
    background: linear-gradient(180deg, transparent 20%, #e3e3e3 80%);
  }
}
@media all and (min-width: 992px) {
  #hero-video .content .mobile-img {
    display: none;
  }
}
#hero-video .content .text-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
@media all and (min-width: 992px) {
  #hero-video .content .text-content {
    height: 100%;
  }
}
#hero-video .content .text-content h1 {
  max-width: 100%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
#hero-video .content .text-content .next {
  position: relative;
  z-index: 2;
  margin-top: 5rem;
  display: flex;
  background: rgba(0, 100, 176, 0.8);
  border-radius: 100rem;
  padding: 0;
}
#hero-video .content .text-content .next svg {
  color: #ffffff;
  fill: #ffffff;
}
#hero-video .content .text-content .next svg path {
  fill: #ffffff;
}
#hero-video .content .text-content .next:hover {
  transform: scale(1.2);
}
#hero-video .hero-bottom {
  padding: 12rem 0;
}
#hero-video .hero-bottom .sub-heading {
  font-family: "metropolislight", sans-serif;
  margin-block: 3rem;
}
#hero-video .hero-bottom .sub-heading.-left, #hero-video .hero-bottom .sub-heading.-right {
  padding: 0 3rem;
}
@media all and (min-width: 992px) {
  #hero-video .hero-bottom .sub-heading.-left {
    padding: 0 2rem 0 20rem;
  }
  #hero-video .hero-bottom .sub-heading.-right {
    padding: 0 20rem 0 2rem;
  }
}
#hero-video .hero-bottom .cta-container {
  text-align: center;
  padding: 4rem 0;
}
#hero-video .cards-wrapper {
  position: relative;
  padding: 2rem;
}
@media all and (min-width: 992px) {
  #hero-video .cards-wrapper {
    padding: 5rem 2rem;
  }
}
#hero-video .cards-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  position: relative;
  z-index: 2;
}
#hero-video .cards-wrapper .cards-container .hero-card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #0064b0;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ffffff;
  border-radius: 5rem;
  width: 100%;
  padding: 2rem;
}
@media all and (min-width: 768px) {
  #hero-video .cards-wrapper .cards-container .hero-card {
    width: calc(50% - 3rem);
  }
}
@media all and (min-width: 992px) {
  #hero-video .cards-wrapper .cards-container .hero-card {
    width: calc(25% - 3rem);
  }
}
#hero-video .cards-wrapper .cards-container .hero-card:hover {
  background: #000000;
}
#hero-video .cards-wrapper .cards-container .hero-card a {
  text-decoration: none;
}
#hero-video .cards-wrapper .cards-container .hero-card img {
  max-width: 100%;
  width: 60%;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#hero-post {
  position: relative;
  padding: 0 0 0 2rem;
}
@media all and (min-width: 992px) {
  #hero-post {
    height: 50rem;
  }
}
@media all and (min-width: 1200px) {
  #hero-post {
    margin-bottom: 5rem;
  }
}
@media all and (min-width: 1440px) {
  #hero-post {
    padding: 0 0 0 8rem;
    margin-bottom: 5rem;
  }
}
@media all and (min-width: 992px) {
  #hero-post:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 25%;
    background: linear-gradient(90deg, rgba(39, 37, 113, 0) 10%, rgba(39, 37, 113, 0.6) 100%);
    z-index: 3;
  }
}
#hero-post .content h1 {
  position: relative;
  font-size: 3rem;
  line-height: 3.2rem;
}
@media all and (min-width: 992px) {
  #hero-post .content h1 {
    font-size: 3.1rem;
    line-height: 3.5rem;
  }
}
@media all and (min-width: 1200px) {
  #hero-post .content h1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}
@media all and (min-width: 1440px) {
  #hero-post .content h1 {
    font-size: 4.3rem;
    line-height: 4.9rem;
  }
}
#hero-post .content h1:after {
  content: "";
  display: block;
  width: 25%;
  height: 2px;
  background: #2daae2;
  margin-top: 4rem;
}
@media all and (min-width: 992px) {
  #hero-post .content h1:after {
    margin-left: -2rem;
  }
}
#hero-post .content .excerpt {
  margin-top: 4rem;
}
#hero-post .image {
  padding: 0 2rem;
}
@media all and (min-width: 992px) {
  #hero-post .image {
    padding: 0 2rem 0;
  }
}
@media all and (min-width: 1200px) {
  #hero-post .image {
    padding: 0 0 0 2rem;
  }
}
#hero-post .image .svg {
  position: absolute;
  width: 0;
  height: 0;
}
#hero-post .image img {
  width: 100%;
  height: auto;
}
@media all and (min-width: 992px) {
  #hero-post .image img {
    object-fit: cover;
    object-position: center;
    height: 50rem;
  }
}
@media all and (min-width: 1200px) {
  #hero-post .image img.-clipped {
    -webkit-clip-path: url(#shape_path);
    clip-path: url(#shape_path);
    aspect-ratio: 1/1;
  }
}

#hero-cards .content {
  padding-top: 25rem;
  padding-bottom: 15rem;
  position: relative;
  padding: 0 2rem 2rem 2rem;
}
@media all and (max-width: 992px) {
  #hero-cards .content {
    background-image: none !important;
  }
}
@media all and (min-width: 992px) {
  #hero-cards .content {
    padding: 28rem 2rem 15rem 2rem;
    min-height: 40rem;
  }
}
@media all and (min-width: 1200px) {
  #hero-cards .content {
    padding-top: 32rem;
    min-height: 45rem;
  }
}
@media all and (min-width: 1440px) {
  #hero-cards .content {
    min-height: 60rem;
    padding-top: 40rem;
    padding-bottom: 15rem;
  }
}
@media all and (min-width: 1920px) {
  #hero-cards .content {
    min-height: 60rem;
    padding-top: 45rem;
    padding-bottom: 15rem;
  }
}
#hero-cards .content.has_mask {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #0064b0;
}
#hero-cards .content.has_mask:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask:before {
    background: linear-gradient(180deg, transparent 20%, #0064b0 80%);
  }
}
#hero-cards .content.has_mask.overlay_blue {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask.overlay_blue:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-cards .content.has_mask.overlay_blue_light {
  background-color: #2daae2;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask.overlay_blue_light:before {
    background: linear-gradient(180deg, transparent 50%, #2daae2 80%);
  }
}
#hero-cards .content.has_mask.overlay_white {
  background-color: #ffffff;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask.overlay_white:before {
    background: linear-gradient(180deg, transparent 20%, #ffffff 80%);
  }
}
#hero-cards .content.has_mask.overlay_grey_light {
  background-color: #e3e3e3;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask.overlay_grey_light:before {
    background: linear-gradient(180deg, transparent 20%, #e3e3e3 80%);
  }
}
#hero-cards .content.has_mask.overlay_black {
  background-color: #000000;
}
@media all and (min-width: 992px) {
  #hero-cards .content.has_mask.overlay_black:before {
    background: linear-gradient(180deg, transparent 20%, #000000 80%);
  }
}
@media all and (min-width: 992px) {
  #hero-cards .content .mobile-img {
    display: none;
  }
}
#hero-cards .content .text-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
@media all and (min-width: 992px) {
  #hero-cards .content .text-content {
    height: 100%;
  }
}
#hero-cards .content .text-content h1 {
  max-width: 100%;
}
#hero-cards .content .text-content .sub-heading,
#hero-cards .content .text-content .sub-heading p {
  font-family: "metropolisextra_light", sans-serif;
  font-weight: 200;
}
#hero-cards .cards-wrapper {
  padding: 2rem;
}
@media all and (min-width: 992px) {
  #hero-cards .cards-wrapper {
    padding: 5rem 2rem;
  }
}
#hero-cards .cards-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  position: relative;
  z-index: 2;
}
@media all and (min-width: 992px) {
  #hero-cards .cards-wrapper .cards-container {
    margin-top: -15rem;
  }
}
#hero-cards .cards-wrapper .cards-container .hero-card {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #0064b0;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ffffff;
  border-radius: 5rem;
  width: 100%;
  padding: 2rem;
}
@media all and (min-width: 768px) {
  #hero-cards .cards-wrapper .cards-container .hero-card {
    width: calc(50% - 3rem);
  }
}
@media all and (min-width: 992px) {
  #hero-cards .cards-wrapper .cards-container .hero-card {
    width: calc(25% - 3rem);
  }
}
#hero-cards .cards-wrapper .cards-container .hero-card:hover {
  background: #000000;
}
#hero-cards .cards-wrapper .cards-container .hero-card a {
  text-decoration: none;
}
#hero-cards .cards-wrapper .cards-container .hero-card img {
  max-width: 100%;
  width: 60%;
}

.sidebar .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1rem 2rem;
  padding: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 25rem;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-blend-mode: multiply;
}
@media all and (min-width: 1200px) {
  .sidebar .card-item {
    margin: 1rem 0;
    min-height: 18rem;
  }
}
.sidebar .card-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 100%);
}
.sidebar .card-item h3 {
  font-family: "metropolisbold", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
}
.sidebar .card-item .subheading {
  position: relative;
  margin-bottom: 2rem;
  color: #ffffff;
}
.sidebar .card-item .cta {
  position: relative;
}
.sidebar .card-item:hover:before {
  background-color: rgba(0, 100, 176, 0.8);
  background-blend-mode: multiply;
}

.dual-section {
  position: relative;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .dual-section {
    margin-top: 3rem;
    margin-bottom: 6rem;
  }
}
.dual-section a {
  color: #000000;
}
@media all and (min-width: 992px) {
  .dual-section .ds-text {
    padding-right: 2rem;
  }
}
.dual-section .ds-img {
  margin: 3rem 0;
}
@media all and (min-width: 992px) {
  .dual-section .ds-img {
    margin: 0;
    padding-left: 3rem;
  }
}
.dual-section .ds-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.dual-section .cards-wrapper {
  position: relative;
}
@media all and (min-width: 992px) {
  .dual-section .cards-wrapper {
    padding: 5rem 2rem;
  }
}
.dual-section .cards-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem 0;
  position: relative;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .dual-section .cards-wrapper .cards-container {
    gap: 3rem 1rem;
  }
}
@media all and (min-width: 992px) {
  .dual-section .cards-wrapper .cards-container {
    gap: 3rem;
  }
}
.dual-section .cards-wrapper .cards-container .hero-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease-in-out;
  width: 100%;
  display: block;
  background: #0064b0;
  padding: 2rem;
  border: 1px solid #ffffff;
  border-radius: 5rem;
  text-decoration: none;
}
@media all and (min-width: 768px) {
  .dual-section .cards-wrapper .cards-container .hero-card {
    width: calc(50% - 3rem);
  }
}
.dual-section .cards-wrapper .cards-container .hero-card:hover {
  background: #000000;
}
.dual-section .cards-wrapper .cards-container .hero-card img {
  max-width: 100%;
  width: 60%;
}

.news-selection {
  position: relative;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .news-selection {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem 2rem;
  }
}
.news-selection .flexgrid {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media all and (min-width: 992px) {
  .news-selection .flexgrid {
    display: flex;
    min-height: 10rem;
    gap: 2rem;
  }
}
.news-selection .flexgrid .-column {
  width: 100%;
  display: flex;
}
@media all and (min-width: 992px) {
  .news-selection .flexgrid .-column {
    width: 66.6666666667%;
  }
}
.news-selection .flexgrid .-column.right-side {
  flex-wrap: wrap;
}
@media all and (min-width: 992px) {
  .news-selection .flexgrid .-column.right-side {
    width: 33.3333333333%;
  }
}
.news-selection .flexgrid .-column.right-side > * {
  width: 100%;
}
.news-selection .flexgrid .-column .-row {
  display: flex;
}
.news-selection .flexgrid .item {
  background-color: #0064b0;
  width: 100%;
  flex: 1;
  margin: 10px;
  text-align: center;
  color: white;
  padding: 0;
  border-radius: 5rem;
}
.news-selection .flexgrid .item.-large {
  border-radius: 0 0 5rem 5rem;
}
.news-selection .flexgrid .item.-large .card-item {
  border-radius: 0 0 5rem 5rem;
}
.news-selection .flexgrid .item .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  background-color: #0064b0;
  color: #ffffff;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 5rem;
}
.news-selection .flexgrid .item .card-item .content {
  padding: 3rem;
}
.news-selection .flexgrid .item .card-item .content.has-img {
  padding: 0 3rem 3rem 3rem;
}
.news-selection .flexgrid .item .card-item img {
  width: 100%;
  display: block;
  margin-bottom: 3rem;
  object-fit: cover;
  object-position: center;
  max-height: 30rem;
}
.news-selection .flexgrid .item .card-item h3 {
  font-family: "metropolisblack", sans-serif;
  color: #ffffff;
  margin-bottom: 0;
  position: relative;
}
.news-selection .flexgrid .item .card-item .more-text {
  color: #ffffff;
  font-family: "metropolisblack", sans-serif;
  text-decoration: underline;
  position: relative;
}

.group-presentation {
  position: relative;
  padding: 6rem 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .group-presentation {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 6rem 2rem;
  }
}
.group-presentation .text {
  margin-top: 3rem;
}
@media all and (min-width: 992px) {
  .group-presentation .text {
    margin-top: 0;
    padding-left: 3rem;
  }
}
.group-presentation .text h2 {
  color: #ffffff;
}
.group-presentation .icons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 1rem;
  column-gap: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 768px) {
  .group-presentation .icons-container {
    margin-bottom: 0;
  }
}
.group-presentation .icons-container .icon-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  width: calc(33.3333333333% - 2rem);
}
@media all and (min-width: 768px) {
  .group-presentation .icons-container .icon-item {
    width: calc(33.3333333333% - 2rem);
  }
}
@media all and (min-width: 992px) {
  .group-presentation .icons-container .icon-item {
    width: calc(16.6666666667% - 2rem);
  }
}
.group-presentation .icons-container .icon-item h5 {
  color: #ffffff;
  font-family: "metropolismedium", sans-serif;
  text-transform: uppercase;
  margin-top: 0.8rem;
}
.group-presentation .icons-container .icon-item img {
  max-width: 100%;
}

.trio-cards {
  position: relative;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .trio-cards {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem 2rem;
  }
}
.trio-cards .cards-container {
  margin-left: -2rem;
  margin-right: -2rem;
}
.trio-cards .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  margin: 1rem 0;
  padding: 2rem;
  min-height: 10rem;
  background-color: #0064b0;
  color: #ffffff;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 0 0 5rem 5rem;
}
@media all and (min-width: 768px) {
  .trio-cards .card-item {
    margin: 2rem;
  }
}
@media all and (min-width: 768px) {
  .trio-cards .card-item {
    min-height: 55rem;
  }
}
.trio-cards .card-item .image {
  margin: -2rem -2rem 0 -2rem;
}
.trio-cards .card-item .image img {
  max-width: 100%;
  display: block;
  margin-bottom: 2rem;
}
.trio-cards .card-item h3 {
  font-family: "metropolisblack", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  position: relative;
}
.trio-cards .card-item .more-text {
  color: #ffffff;
  font-family: "metropolisblack", sans-serif;
  text-decoration: underline;
  position: relative;
}

.quadro-cards {
  position: relative;
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .quadro-cards {
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 3rem 2rem;
  }
}
.quadro-cards .cards-container {
  margin-left: -2rem;
  margin-right: -2rem;
}
.quadro-cards .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 1rem 0;
  padding: 1rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 18rem;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-blend-mode: multiply;
}
@media all and (min-width: 768px) {
  .quadro-cards .card-item {
    margin: 2rem;
  }
}
@media all and (min-width: 992px) {
  .quadro-cards .card-item {
    height: 37rem;
  }
}
.quadro-cards .card-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 100%);
}
.quadro-cards .card-item h3 {
  font-family: "metropolisblack", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
}
.quadro-cards .card-item .subheading {
  position: relative;
  margin-bottom: 2rem;
  color: #ffffff;
}
.quadro-cards .card-item .cta {
  position: relative;
}
.quadro-cards .card-item:hover:before {
  background-color: rgba(0, 100, 176, 0.8);
  background-blend-mode: multiply;
}

.text-row {
  padding: 2.4rem;
}
@media all and (min-width: 768px) {
  .text-row {
    padding: 12rem 0;
  }
}

#site-main > .text-two-columns {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
@media all and (min-width: 576px) {
  #site-main > .text-two-columns {
    padding-top: 4.8rem;
  }
}
@media all and (min-width: 992px) {
  #site-main > .text-two-columns {
    padding-top: 5.6rem;
    padding-bottom: 4rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .text-two-columns {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .text-two-columns {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .text-two-columns ~ .text-two-columns {
    padding-top: 3rem;
  }
}
#site-main > .text-two-columns ol,
#site-main > .text-two-columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
}
#site-main > .text-two-columns ol li,
#site-main > .text-two-columns ul li {
  display: flex;
  gap: 0.75em;
  align-items: start;
}
#site-main > .text-two-columns ol li:before,
#site-main > .text-two-columns ul li:before {
  content: "•";
  color: #0064b0;
  font-weight: bold;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  font-size: 2.8rem;
}

#site-main > .image-two-columns {
  padding-top: 4rem;
  padding-bottom: 1rem;
}
@media all and (min-width: 576px) {
  #site-main > .image-two-columns {
    padding-top: 4.8rem;
  }
}
@media all and (min-width: 992px) {
  #site-main > .image-two-columns {
    padding-top: 5.6rem;
    padding-bottom: 4rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .image-two-columns {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .image-two-columns {
    padding-top: 7.2rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .image-two-columns ~ .image-two-columns {
    padding-top: 3rem;
  }
}
#site-main > .image-two-columns:before {
  content: "";
  display: block;
  position: relative;
  top: -2rem;
  width: 95%;
  height: 1px;
  margin: 0 auto;
  background-color: #e3e3e3;
}
@media all and (min-width: 576px) {
  #site-main > .image-two-columns:before {
    top: -2.4rem;
  }
}
@media all and (min-width: 992px) {
  #site-main > .image-two-columns:before {
    width: 95%;
    top: -2.8rem;
  }
}
@media all and (min-width: 1440px) {
  #site-main > .image-two-columns:before {
    top: -3.6rem;
  }
}
#site-main > .image-two-columns ol,
#site-main > .image-two-columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 1rem;
}
#site-main > .image-two-columns ol li,
#site-main > .image-two-columns ul li {
  display: grid;
  grid-template-columns: 0 1fr;
  gap: 1.75em;
  align-items: start;
}
#site-main > .image-two-columns ol li:before,
#site-main > .image-two-columns ul li:before {
  content: "•";
  color: #0064b0;
  font-weight: bold;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  font-size: 2.8rem;
}

.collapsible-items ul.item {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.collapsible-items ul.item li {
  padding-bottom: 2rem;
}
.collapsible-items ul.item h3.btn {
  position: relative;
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 0.6rem 0 0.6rem 3rem;
  border-bottom: 1px solid #424242;
}
.collapsible-items ul.item h3.btn:before, .collapsible-items ul.item h3.btn:after {
  position: absolute;
  left: 10px;
  content: " ";
  height: 24px;
  width: 2px;
  background-color: #0064b0;
}
.collapsible-items ul.item h3.btn:before {
  transform: rotate(45deg);
}
.collapsible-items ul.item h3.btn:after {
  transform: rotate(-45deg);
}
.collapsible-items ul.item h3.btn.collapsed:before {
  transform: rotate(90deg);
}
.collapsible-items ul.item h3.btn.collapsed:after {
  transform: rotate(-180deg);
}
.collapsible-items ul.item .content {
  padding-top: 2rem;
  line-height: 3.5rem;
}

.latest-news {
  padding: 8rem 0;
}
.latest-news .featured-post {
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  width: 100%;
}
.latest-news .featured-post .wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column;
  align-items: stretch;
  padding: 2rem;
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.08);
}
@media all and (min-width: 992px) {
  .latest-news .featured-post .wrapper {
    flex-flow: row;
    align-items: stretch;
  }
}
.latest-news .featured-post .wrapper .image {
  display: flex;
  align-items: stretch;
}
.latest-news .featured-post .wrapper .image img {
  width: 15rem;
  height: 15rem;
  object-fit: contain;
}
@media all and (min-width: 768px) {
  .latest-news .featured-post .wrapper .image img {
    width: 10rem;
    height: 10rem;
    padding-right: 0;
    margin: 0 auto;
  }
}
@media all and (min-width: 992px) {
  .latest-news .featured-post .wrapper .image img {
    width: 11rem;
    height: 11rem;
    padding-right: 1.2rem;
    margin: initial;
  }
}
@media all and (min-width: 1200px) {
  .latest-news .featured-post .wrapper .image img {
    width: 13rem;
    height: 13rem;
  }
}
.latest-news .featured-post .wrapper .content {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.latest-news .featured-post .wrapper .content .bm__h6 {
  min-height: 8rem;
  padding-top: 1rem;
}
@media all and (min-width: 768px) {
  .latest-news .featured-post .wrapper .content .bm__h6 {
    min-height: 10rem;
  }
}
@media all and (min-width: 992px) {
  .latest-news .featured-post .wrapper .content .bm__h6 {
    min-height: 12rem;
    padding-top: 0;
  }
}
.latest-news .link {
  padding: 5rem 0;
}

@media all and (min-width: 992px) {
  .single-latest-news .post-content {
    padding-right: 3rem;
  }
}
.single-latest-news .sidebar #post_related .heading {
  color: #272571;
  text-decoration: none;
}
.single-latest-news .sidebar #post_related .heading:hover {
  text-decoration: underline;
}

.logo-carousel {
  padding: 0 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .logo-carousel {
    padding: 3rem 2rem;
  }
}
.logo-carousel h3 {
  font-family: "metropolisblack", sans-serif;
  text-transform: uppercase;
  margin-bottom: 2rem;
  position: relative;
}
.logo-carousel img {
  height: 10rem;
  width: auto;
}

.faq {
  padding: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background-color: #e3e3e3;
}
@media all and (min-width: 992px) {
  .faq {
    margin-bottom: 8rem;
    padding: 3rem 2rem;
  }
}
.faq h3 {
  font-family: "metropolisblack", sans-serif;
  text-transform: uppercase;
  margin-bottom: 2rem;
  position: relative;
}
.faq .faq-items .item {
  border-bottom: 1px solid #000000;
  margin-bottom: 2rem;
}
.faq .faq-items .item h4 {
  font-family: "metropolislight", sans-serif;
  margin-bottom: 0;
  position: relative;
  text-align: left;
}
.faq .faq-items .item h4 button {
  background: transparent;
  border: none;
  padding: 0;
  text-align: left;
}
.faq .faq-items .item h4 button:hover, .faq .faq-items .item h4 button[aria-expanded=true] {
  color: #0064b0;
}
.faq .faq-items .item .answer {
  padding: 2rem 0;
  font-family: "metropolislight", sans-serif;
}

.faq-page {
  padding-bottom: 6rem;
}
@media all and (min-width: 992px) {
  .faq-page {
    padding-bottom: 10rem;
  }
}
.faq-page__nav {
  margin-bottom: 3rem;
}
@media all and (min-width: 992px) {
  .faq-page__nav {
    margin-bottom: 0;
  }
}
@media all and (min-width: 992px) {
  .faq-page__nav-inner {
    position: sticky;
    top: 10rem;
    padding-right: 2rem;
  }
}
.faq-page__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.faq-page__nav-item {
  margin: 0;
}
.faq-page__nav-item a {
  display: block;
  padding: 1rem 1.5rem;
  font-family: "metropolislight", sans-serif;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #000000;
  text-decoration: none;
  border-left: 2px solid transparent;
  margin-left: -2px;
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.faq-page__nav-item a:hover {
  color: #0064b0;
}
.faq-page__nav-item.is-active a {
  color: #0064b0;
  border-left-color: #0064b0;
  font-family: "metropolisblack", sans-serif;
}
.faq-page__group {
  margin-bottom: 5rem;
  scroll-margin-top: 10rem;
}
.faq-page__group:last-child {
  margin-bottom: 0;
}
.faq-page__group-title {
  font-family: "metropolisblack", sans-serif;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.donutchart {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.donutchart h3 {
  text-align: center;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
}
.donutchart #value {
  position: absolute;
  transform: rotate(-90deg);
}
.donutchart .circle_value {
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
}
@keyframes per_anim {
  from {
    stroke-dashoffset: 440;
  }
  to {
    stroke-dashoffset: var(--to-percent);
  }
}

/* @-webkit-keyframes html {to {stroke-dashoffset: 220;}} @keyframes html {to {stroke-dashoffset: 220}} */
.bm__logo-slider {
  padding: 15px 0;
}
.bm__logo-slider:before {
  display: block;
  position: relative;
  top: -65px;
  content: "";
  height: 1px;
  background-color: #e3e3e3;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .bm__logo-slider:before {
    width: 80%;
  }
}
.bm__logo-slider .bm__logo-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.bm__logo-slider .bm__logo-slide img {
  margin: 0 auto !important;
}

.team-carousel .team-carousel-nav {
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.team-carousel .team-carousel-nav .btn {
  font-size: 2.5rem;
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 0.5rem;
  border: 1px solid #ffffff;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  display: flex;
  text-indent: -999999px;
}
.team-carousel .team-carousel-nav .btn.-arrow:after {
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  margin: 0.8rem auto 0 auto;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5003 0.798911C13.2194 0.494545 12.7449 0.475566 12.4405 0.756518C12.1361 1.03747 12.1172 1.51197 12.3981 1.81633L17.1335 6.94629H1.1543C0.740083 6.94629 0.404297 7.28208 0.404297 7.69629C0.404297 8.11051 0.740083 8.44629 1.1543 8.44629H17.1339L12.3981 13.5767C12.1172 13.8811 12.1361 14.3555 12.4405 14.6365C12.7449 14.9175 13.2194 14.8985 13.5003 14.5941L19.3978 8.20522C19.5463 8.04427 19.6117 7.8345 19.5938 7.63062C19.5786 7.45571 19.5034 7.29799 19.3889 7.17817L13.5003 0.798911Z' fill='white'/%3E%3C/svg%3E%0A");
}
.team-carousel .team-carousel-nav .btn.-arrow:hover {
  transform: scale(1.05);
}
.team-carousel .team-carousel-nav .btn.-prev {
  overflow: hidden;
}
.team-carousel .team-carousel-nav .btn.-prev:after {
  transform: rotate(180deg);
  margin: -0.8rem auto 0 auto;
}

.sidebar {
  position: sticky;
  top: 70px;
  height: 100%;
}
.sidebar.-blogpost {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .sidebar.-blogpost {
    padding-left: 3rem;
    padding-bottom: 5rem;
  }
}
.sidebar.-blogpost h3 {
  text-transform: uppercase;
  text-align: center;
}
.sidebar.-blogpost h3 strong {
  font-family: "metropolisblack", sans-serif;
}
.sidebar.-blogpost .social-menu {
  justify-content: center !important;
}
.sidebar.-blogpost .social-menu .link_copy {
  color: #000000;
  font-size: 2.5rem;
  text-decoration: underline;
}
.sidebar .anchor_nav.title {
  text-align: center;
}
@media all and (min-width: 768px) {
  .sidebar .anchor_nav.title {
    text-align: left;
  }
}
.sidebar #anchor_nav {
  position: sticky;
  list-style-type: none;
  padding: 0;
}
@media all and (min-width: 992px) {
  .sidebar #anchor_nav {
    padding: 0 4rem 0 0;
  }
}
.sidebar #anchor_nav a {
  color: #000000;
  text-decoration: none;
}
.sidebar #anchor_nav a:hover {
  color: #0064b0;
}

/*
*
* FOOTER
*
*/
.footer .footer-menu-item {
  font-family: "metropolislight", sans-serif;
}
.footer .footer-menu-item strong {
  font-family: "metropolismedium", sans-serif;
  font-weight: 400;
}
.footer .footer-menu-item a {
  color: #ffffff;
}
.footer h5 {
  font-family: "metropolismedium", sans-serif;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 2rem;
}
.footer .-start {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 2rem;
  order: 1;
}
@media all and (min-width: 992px) {
  .footer .-start {
    padding-right: 10rem;
  }
}
@media all and (min-width: 1200px) {
  .footer .-start {
    border-bottom: 1px solid transparent;
    padding-bottom: 0;
  }
}
.footer .-start .row .col-12 {
  text-align: center;
}
@media all and (min-width: 992px) {
  .footer .-start .row .col-12 {
    text-align: left;
  }
}
.footer .-start .logo {
  max-width: 30rem;
  height: auto;
}
.footer .-start .baseline {
  margin-block: 1rem 4rem;
  font-size: 1.6rem;
  line-height: 130%;
}
.footer .-start h5 {
  margin-top: 2rem;
}
@media all and (min-width: 992px) {
  .footer .-start h5 {
    margin-top: 0;
  }
}
.footer .-start .address {
  text-align: center;
}
@media all and (min-width: 992px) {
  .footer .-start .address {
    text-align: left;
    width: 70%;
  }
}
.footer .-start .socials {
  margin-top: 2rem;
}
@media all and (min-width: 992px) {
  .footer .-start .socials {
    margin-top: 4rem;
  }
}
.footer .-start .socials a {
  color: #ffffff;
  font-family: "metropolislight", sans-serif;
  text-decoration: none;
  transition: all 0.2s ease;
  font-size: 2rem;
  padding-block: 0.7rem;
  display: flex;
  gap: 1rem;
}
.footer .-start .socials a:hover {
  text-decoration: none;
  color: #2daae2;
}
.footer .-middle {
  padding-top: 2rem;
  order: 3;
}
@media all and (min-width: 992px) {
  .footer .-middle {
    order: 2;
  }
}
@media all and (min-width: 1200px) {
  .footer .-middle {
    padding-top: 0;
  }
}
.footer .-middle .-agences .address li {
  margin-bottom: 2rem;
}
.footer .-middle .-liens h5 {
  margin-bottom: 0;
}
.footer .-middle .-liens ul {
  margin-bottom: 3rem;
}
.footer .copyright {
  margin-top: 2rem;
  color: #ffffff;
  font-size: 1.2rem;
}
.footer .copyright a {
  color: #ffffff;
  text-decoration: none;
}
.footer .copyright a:hover {
  text-decoration: underline;
}

.post-tpl .post-content {
  padding: 0 1rem;
}
@media all and (min-width: 1200px) {
  .post-tpl .post-content {
    padding: 0 8rem 8rem;
  }
}
.post-tpl .post-content .intro {
  color: #0064b0;
  font-family: "metropolismedium", sans-serif;
  text-align: justify;
}
@media all and (min-width: 1200px) {
  .post-tpl .post-content .intro {
    margin-bottom: 6rem;
  }
}
.post-tpl .post-content p,
.post-tpl .post-content ul {
  margin-bottom: 2rem;
}
.post-tpl .post-content li {
  margin-bottom: 0.5rem;
}
.post-tpl .post-content h3 {
  color: #0064b0;
  margin: 2rem 0;
}
.post-tpl .post-content h2 {
  margin: 8rem 0 0rem;
}
.post-tpl .post-content h2:first-child {
  margin: 0 0 0rem;
}

.breadcrumbs ul.unstyled {
  list-style: none;
  display: inline-block;
  margin: 0 0 4rem 0;
  padding: 0;
}
.breadcrumbs ul.unstyled li {
  display: inline-block;
  font-family: "metropolislight", sans-serif;
  color: #0064b0;
  text-transform: uppercase;
  color: #2daae2;
}
.breadcrumbs ul.unstyled li .separator {
  font-weight: bold;
  padding: 0 0.5rem;
}
.breadcrumbs ul.unstyled li a {
  text-decoration: none;
  color: #ffffff;
}
.breadcrumbs ul.unstyled li a:hover {
  text-decoration: underline;
}

.list-item {
  margin-bottom: 4rem;
  background: #e3e3e3;
  border-radius: 5rem 0 0 5rem;
}
.list-item .row {
  justify-content: center;
  display: flex;
}
.list-item .row .-txt {
  padding: 4rem 2rem;
  order: 2;
}
@media all and (min-width: 992px) {
  .list-item .row .-txt {
    order: 1;
    padding: 4rem;
  }
}
.list-item .row .-txt h2 {
  font-family: "metropolisbold", sans-serif;
}
.list-item .row .-txt h2 a {
  text-decoration: none;
}
.list-item .row .-img {
  min-height: 20rem;
  background-size: cover;
  background-position: center;
  order: 1;
}
@media all and (min-width: 768px) {
  .list-item .row .-img {
    min-height: 30rem;
  }
}
@media all and (min-width: 992px) {
  .list-item .row .-img {
    order: 2;
    min-height: 40rem;
  }
}

@media all and (min-width: 992px) {
  .content-contact {
    padding-left: 10rem;
  }
}

.sidebar-contact .item {
  background: #0064b0;
  color: #ffffff;
  padding: 4rem;
  margin-bottom: 2rem;
  border-radius: 3rem;
}
.sidebar-contact .item p {
  line-height: 150%;
}
.sidebar-contact .item .cta.-big {
  padding-inline: 2rem;
}
.sidebar-contact .item .cta.-big svg {
  width: 2.4rem;
  height: 2.4rem;
}

.notfound {
  padding: 20rem 0;
  text-align: center;
}
.notfound h4 {
  color: #ffffff;
  background: #0064b0;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  margin-bottom: 4rem;
}
.notfound h1 {
  color: #0064b0;
  margin-bottom: 2rem;
}

.elementor-nav-menu .menu-item.-highlight a {
  color: #eb455f !important;
}

.solution-gainage {
  margin: 0 !important;
}
.solution-gainage .has-bg-img {
  height: 100%;
}
.solution-gainage .has-bg-img figure {
  margin: 0;
}
.solution-gainage .has-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.solution-gainage .-center-block {
  padding-block: 4rem;
}
.solution-gainage .-padding-end {
  padding-right: 20rem;
}

.-cover {
  width: 100%;
  height: 100%;
}
.-cover img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100% !important;
}

.video-container {
  margin: 4rem 0;
}
@media all and (min-width: 992px) {
  .video-container {
    padding: 2rem 0rem 2rem 10rem;
  }
}
.video-container .-nfo {
  color: #0064b0;
}
@media all and (min-width: 992px) {
  .video-container .-nfo {
    text-align: right;
    padding-right: 3rem;
  }
}
.video-container .-nfo .video-title {
  font-family: "metropolisextra_bold", sans-serif;
  line-height: 120%;
}
.video-container .-nfo .excerpt {
  font-size: 1.6rem;
}
.video-container .media {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  min-height: 197px;
}
.video-container .media iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.call-to-action-block-gutenberg {
  margin: 8rem 0 4rem;
  border-radius: 3rem 3rem;
  background: radial-gradient(ellipse at bottom right, #2daae2 0%, #0064b0 40%);
  color: #ffffff;
  min-height: 40rem;
  display: flex;
}
@media all and (min-width: 992px) {
  .call-to-action-block-gutenberg {
    border-radius: 3rem;
  }
}
.call-to-action-block-gutenberg .row {
  width: 100%;
}
.call-to-action-block-gutenberg .-txt {
  padding: 4rem;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.call-to-action-block-gutenberg .-txt h3,
.call-to-action-block-gutenberg .-txt h4 {
  text-transform: uppercase;
  font-family: "metropolisblack", sans-serif;
  margin-bottom: 2rem;
}
@media all and (min-width: 992px) {
  .call-to-action-block-gutenberg .-txt p {
    font-size: 2.6rem;
    line-height: 120%;
    font-weight: 600;
  }
}
@media all and (min-width: 1440px) {
  .call-to-action-block-gutenberg .-txt p {
    font-size: 3.2rem;
  }
}
.call-to-action-block-gutenberg .-img {
  min-height: 25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
@media all and (min-width: 992px) {
  .call-to-action-block-gutenberg .-img {
    min-height: 40rem;
  }
}
.call-to-action-block-gutenberg.-article {
  margin: 0;
  border-radius: 0;
  background: #e3e3e3;
  color: #000000;
}
@media all and (min-width: 992px) {
  .call-to-action-block-gutenberg.-article {
    border-radius: 0;
  }
}
.call-to-action-block-gutenberg.-article .-txt h2 {
  color: #0064b0;
  text-transform: uppercase;
  font-family: "metropolisblack", sans-serif;
  margin-bottom: 2rem;
}

.call-to-action-button-gutenberg {
  margin: 4rem 0;
}

.carousel-block-gutenberg {
  margin: 4rem 0;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js {
  width: 50%;
  margin: 0 0 0 2.5rem;
  border-radius: 0 0 3rem 3rem;
  background: #0064b0;
  color: #ffffff;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .slide img {
  height: auto;
  width: 100%;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .slide .legend {
  padding: 2rem 4rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .splide__arrows .splide__arrow {
  top: calc(50% - 2.5rem);
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -2.5rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .splide__arrows .splide__arrow.splide__arrow--next {
  right: -2.5rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-js .splide__pagination {
  padding: 2rem 0;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js {
  margin: 0 0 0 2.5rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .slide {
  border-radius: 0 0 3rem 3rem;
  background: #0064b0;
  color: #ffffff;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .slide img {
  height: auto;
  width: 100%;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .slide .legend {
  padding: 2rem 4rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .splide__arrows .splide__arrow {
  top: calc(50% - 2.5rem);
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -2.5rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .splide__arrows .splide__arrow.splide__arrow--next {
  right: -2.5rem;
}
.carousel-block-gutenberg .carousel-block-gutenberg-large-js .splide__pagination {
  padding: 2rem 0;
}

.dual-section-block {
  position: relative;
  padding: 0;
  margin-top: 2rem;
}
@media all and (min-width: 992px) {
  .dual-section-block {
    margin-top: 3rem;
    margin-bottom: 0;
  }
}
.dual-section-block a {
  color: #000000;
}
.dual-section-block .-text {
  display: flex;
  align-items: flex-start;
}
.dual-section-block .image {
  text-align: center;
}
@media all and (min-width: 992px) {
  .dual-section-block .ds-text {
    padding-right: 2rem;
  }
}
.dual-section-block .ds-img {
  margin: 3rem 0;
}
@media all and (min-width: 992px) {
  .dual-section-block .ds-img {
    margin: 0;
    padding-left: 3rem;
  }
}
.dual-section-block .ds-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.dual-section-block .cards-wrapper {
  position: relative;
}
@media all and (min-width: 992px) {
  .dual-section-block .cards-wrapper {
    padding: 5rem 2rem;
  }
}
.dual-section-block .cards-wrapper .cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 3rem 0;
  position: relative;
  z-index: 2;
}
@media all and (min-width: 768px) {
  .dual-section-block .cards-wrapper .cards-container {
    gap: 3rem 1rem;
  }
}
@media all and (min-width: 992px) {
  .dual-section-block .cards-wrapper .cards-container {
    gap: 3rem;
  }
}
.dual-section-block .cards-wrapper .cards-container .hero-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  background: #0064b0;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ffffff;
  border-radius: 5rem;
  width: 100%;
  padding: 2rem;
}
@media all and (min-width: 768px) {
  .dual-section-block .cards-wrapper .cards-container .hero-card {
    width: calc(50% - 3rem);
  }
}
.dual-section-block .cards-wrapper .cards-container .hero-card img {
  max-width: 100%;
  width: 60%;
}

.highlight-block-gutenberg {
  background: rgba(45, 170, 226, 0.25);
  padding: 3rem;
  margin: 2rem 0;
  border-radius: 1rem;
}
.highlight-block-gutenberg p {
  margin: 0 !important;
}

#gallery.photo-block {
  margin: 8rem 0 4rem;
  margin-inline: auto;
}
#gallery.photo-block .-txt {
  padding: 0 4rem 2rem;
}
@media all and (min-width: 992px) {
  #gallery.photo-block .-txt {
    padding: 0 0 2rem 4rem;
  }
}
#gallery.photo-block .-txt h3 {
  margin-top: 0;
}
#gallery.photo-block .-txt p {
  line-height: 120%;
}
#gallery.photo-block .-txt .-caption {
  color: #8c8c8c;
}
#gallery.photo-block .-gallery {
  padding-bottom: 2rem;
}
#gallery.photo-block .row {
  --bs-gutter-x: 2rem;
  --bs-gutter-y: 2rem;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#gallery.photo-block .img-wrapper {
  position: relative;
}
#gallery.photo-block .img-wrapper img {
  width: 100%;
}
#gallery.photo-block .img-wrapper img.img-square {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#gallery.photo-block .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
#gallery.photo-block .img-overlay i {
  color: #fff;
  font-size: 2em;
}
#gallery.photo-block #overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#gallery.photo-block #overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}
@media screen and (min-width: 768px) {
  #gallery.photo-block #overlay img {
    width: 60%;
  }
}
@media screen and (min-width: 1200px) {
  #gallery.photo-block #overlay img {
    width: 50%;
  }
}
#gallery.photo-block #nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#gallery.photo-block #nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #gallery.photo-block #nextButton {
    font-size: 3em;
  }
}
#gallery.photo-block #prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#gallery.photo-block #prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #gallery.photo-block #prevButton {
    font-size: 3em;
  }
}
#gallery.photo-block #exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#gallery.photo-block #exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #gallery.photo-block #exitButton {
    font-size: 3em;
  }
}

.full-width-dual {
  display: flex;
  flex-direction: column;
  background: #0064b0;
  color: #ffffff;
}
@media all and (min-width: 768px) {
  .full-width-dual {
    flex-direction: row;
  }
}
.full-width-dual .-content {
  padding: 2rem;
  width: 100%;
}
@media all and (min-width: 768px) {
  .full-width-dual .-content {
    width: 50%;
    padding: 2rem 4rem;
    align-self: center;
  }
}
@media all and (min-width: 1200px) {
  .full-width-dual .-content {
    padding: 2rem 10rem;
  }
}
.full-width-dual .-content .cta-ctnr {
  margin-top: 4rem;
}
.full-width-dual .-visual {
  width: 100%;
}
@media all and (min-width: 768px) {
  .full-width-dual .-visual {
    width: 50%;
  }
}
.full-width-dual .-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.full-width-dual .-visual .top,
.full-width-dual .-visual .bottom {
  height: 50%;
}
.full-width-dual .-visual .bottom {
  display: flex;
}
.full-width-dual .-visual .bottom .-video,
.full-width-dual .-visual .bottom .img-bottom {
  height: 100%;
}
.full-width-dual .-visual .bottom .-video {
  position: relative;
  overflow: hidden;
  width: 75%;
  height: auto;
}
@media all and (min-width: 768px) {
  .full-width-dual .-visual .bottom .-video {
    width: 50%;
  }
}
@media all and (min-width: 1440px) {
  .full-width-dual .-visual .bottom .-video {
    width: 60%;
  }
}
@media all and (min-width: 1920px) {
  .full-width-dual .-visual .bottom .-video {
    width: 75%;
  }
}
.full-width-dual .-visual .bottom .img-bottom {
  width: 25%;
}
@media all and (min-width: 768px) {
  .full-width-dual .-visual .bottom .img-bottom {
    width: 50%;
  }
}
@media all and (min-width: 1440px) {
  .full-width-dual .-visual .bottom .img-bottom {
    width: 40%;
  }
}
@media all and (min-width: 1920px) {
  .full-width-dual .-visual .bottom .img-bottom {
    width: 25%;
  }
}

.full-width-3col {
  display: flex;
  flex-direction: column;
  background: #e3e3e3;
}
@media all and (min-width: 768px) {
  .full-width-3col {
    flex-direction: row;
  }
}
.full-width-3col .-img {
  width: 100%;
  order: 2;
}
@media all and (min-width: 768px) {
  .full-width-3col .-img {
    order: 1;
    width: 50%;
  }
}
@media all and (min-width: 1200px) {
  .full-width-3col .-img {
    width: 33.3333333333%;
  }
}
.full-width-3col .-img .top {
  height: 60%;
}
.full-width-3col .-img .bottom {
  height: 40%;
}
.full-width-3col .-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.full-width-3col .-img .-video {
  position: relative;
  overflow: hidden;
  width: 75%;
}
@media all and (min-width: 768px) {
  .full-width-3col .-img .-video {
    width: 50%;
  }
}
@media all and (min-width: 1440px) {
  .full-width-3col .-img .-video {
    width: 60%;
  }
}
@media all and (min-width: 1920px) {
  .full-width-3col .-img .-video {
    width: 75%;
  }
}
.full-width-3col .-content {
  padding: 2rem;
  width: 100%;
  order: 1;
}
@media all and (min-width: 768px) {
  .full-width-3col .-content {
    order: 2;
    width: 50%;
    padding: 2rem 4rem 2rem 4rem;
    align-self: center;
  }
}
@media all and (min-width: 1200px) {
  .full-width-3col .-content {
    width: 66.6666666667%;
  }
}
@media all and (min-width: 1440px) {
  .full-width-3col .-content {
    padding: 6rem 10rem 6rem 8rem;
    width: 66.6666666667%;
  }
}
@media all and (min-width: 1920px) {
  .full-width-3col .-content {
    padding: 6rem 20rem 6rem 8rem;
  }
}
.full-width-3col .-content .-col-inner {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media all and (min-width: 1200px) {
  .full-width-3col .-content .-col-inner {
    flex-direction: row;
  }
}
.full-width-3col .-content .-col-inner .content {
  width: 100%;
}
@media all and (min-width: 1200px) {
  .full-width-3col .-content .-col-inner .content {
    width: 50%;
  }
}
.full-width-3col .cta-ctnr {
  margin-top: 4rem;
}

.double-framed .content {
  display: flex;
  flex-direction: column;
}
@media all and (min-width: 992px) {
  .double-framed .content {
    flex-direction: row;
  }
}
.double-framed .content .left,
.double-framed .content .right {
  width: 100%;
}
@media all and (min-width: 992px) {
  .double-framed .content .left,
.double-framed .content .right {
    width: 50%;
  }
}
.double-framed .content .right {
  position: relative;
}
.double-framed .content .right:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(0, 100, 176);
  background: linear-gradient(90deg, rgb(0, 100, 176) 0%, rgba(255, 255, 255, 0) 10%);
  position: absolute;
  top: 0;
  left: 0;
}
.double-framed .content .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media all and (min-width: 992px) {
  .double-solutions {
    padding-inline: 4rem;
  }
}
@media all and (min-width: 1440px) {
  .double-solutions {
    padding-inline: 16rem;
  }
}
.double-solutions .wrapper {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media all and (min-width: 992px) {
  .double-solutions .wrapper {
    flex-direction: row;
    gap: 4rem;
  }
}
@media all and (min-width: 1440px) {
  .double-solutions .wrapper {
    gap: 8rem;
  }
}
.double-solutions .solution {
  display: flex;
  /* new */
  flex-direction: column;
  align-items: stretch;
  padding: 2rem;
  width: 100%;
}
@media all and (min-width: 992px) {
  .double-solutions .solution {
    padding: 4rem;
    width: 50%;
  }
}
.double-solutions .solution .solution-heading {
  flex: 1 1 1;
}
.double-solutions .solution .solution-image {
  flex: 1 1 1;
  margin-top: 3rem;
}
.double-solutions .solution .solution-image img {
  width: 100%;
  height: 32rem;
  object-fit: cover;
  object-position: center;
}
.double-solutions .solution .content {
  margin-block: 4rem;
  flex: 1;
}
.double-solutions .solution .gallery {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -1rem;
  flex: 1 1 1;
}
.double-solutions .solution .gallery .responsive-video {
  margin-bottom: 0;
}
.double-solutions .solution .gallery .item {
  width: 100%;
  height: auto;
  padding: 1rem;
}
.double-solutions .solution .gallery .item img {
  width: 100%;
  height: auto;
}
.double-solutions .solution .gallery .item.item_2, .double-solutions .solution .gallery .item.item_3 {
  display: flex;
  flex-direction: row;
}
.double-solutions .solution .gallery .item.item_2 img, .double-solutions .solution .gallery .item.item_3 img {
  height: 20rem;
  width: 100%;
  object-fit: cover;
}
@media all and (min-width: 768px) {
  .double-solutions .solution .gallery .item.item_2 img, .double-solutions .solution .gallery .item.item_3 img {
    height: 30rem;
  }
}
@media all and (min-width: 992px) {
  .double-solutions .solution .gallery .item.item_2 img, .double-solutions .solution .gallery .item.item_3 img {
    height: 16rem;
  }
}
@media all and (min-width: 1200px) {
  .double-solutions .solution .gallery .item.item_2 img, .double-solutions .solution .gallery .item.item_3 img {
    height: 20rem;
  }
}
@media all and (min-width: 1920px) {
  .double-solutions .solution .gallery .item.item_2 img, .double-solutions .solution .gallery .item.item_3 img {
    height: 24rem;
  }
}
.double-solutions .solution .gallery .item.item_2 {
  width: 70%;
  height: auto;
}
.double-solutions .solution .gallery .item.item_3 {
  width: 30%;
  height: auto;
}
.double-solutions .solution .cta-ctnr {
  flex: 1 1 1;
  text-align: center;
  margin-top: 3rem;
}

.image-legend-block {
  display: flex;
}
.image-legend-block.left {
  justify-content: flex-start;
}
.image-legend-block.center {
  justify-content: center;
}
.image-legend-block.right {
  justify-content: flex-end;
}
.image-legend-block .ctnr {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 992px) {
  .image-legend-block .ctnr.-mid-width {
    width: 70%;
  }
}
@media all and (min-width: 992px) {
  .image-legend-block .ctnr.-small-width {
    width: 50%;
  }
}
.image-legend-block img {
  max-width: 100%;
  height: auto;
}
.image-legend-block__caption {
  padding: 2rem;
  background: #0064b0;
  color: #fff;
  font-size: 1.6rem;
  transition: transform 0.3s ease-in-out;
}
@media all and (min-width: 992px) {
  .image-legend-block__caption {
    background: rgba(0, 100, 176, 0.75);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .image-legend-block:hover .image-legend-block__caption {
    transform: translateY(100%);
  }
}

.trio-cards-block {
  position: relative;
  padding: 0 2rem;
}
@media all and (min-width: 992px) {
  .trio-cards-block {
    padding: 0 2rem;
  }
}
.trio-cards-block .cards-container {
  margin-left: -2rem;
  margin-right: -2rem;
}
.trio-cards-block .card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  margin: 1rem 0;
  padding: 2rem;
  min-height: 10rem;
  background-color: #0064b0;
  color: #ffffff;
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 0 0 5rem 5rem;
}
@media all and (min-width: 768px) {
  .trio-cards-block .card-item {
    margin: 2rem;
  }
}
@media all and (min-width: 768px) {
  .trio-cards-block .card-item {
    min-height: 55rem;
  }
}
.trio-cards-block .card-item .image {
  margin: -2rem -2rem 0 -2rem;
}
.trio-cards-block .card-item .image img {
  max-width: 100%;
  display: block;
  margin-bottom: 2rem;
}
.trio-cards-block .card-item h3 {
  font-family: "metropolisblack", sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}
.trio-cards-block .card-item .excerpt {
  text-align: left;
}

.faq-block {
  padding: 1rem 0 4rem 0;
}
@media all and (min-width: 992px) {
  .faq-block {
    padding: 2rem 0 6rem 0;
  }
}
.faq-block > .container > h3 {
  font-family: "metropolisblack", sans-serif;
  text-transform: uppercase;
  margin-bottom: 3rem;
  color: #0064b0;
}
.faq-block .faq-block__empty {
  font-style: italic;
  color: #8c8c8c;
}

.faq-list {
  margin: 0 auto;
}
.faq-list__item {
  border-bottom: 1px solid #000000;
}
.faq-list__item + .faq-list__item {
  margin-top: 0;
}
.faq-list__question {
  margin: 0;
  font-family: "metropolislight", sans-serif;
  font-size: 1.8rem;
  line-height: 1.4;
}
@media all and (min-width: 992px) {
  .faq-list__question {
    font-size: 2rem;
  }
}
.faq-list__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
  padding: 2rem 0;
  background: transparent;
  border: none;
  text-align: left;
  color: #000000;
  transition: color 0.2s ease-in-out;
  cursor: pointer;
}
.faq-list__toggle:hover, .faq-list__toggle[aria-expanded=true] {
  color: #0064b0;
}
.faq-list__toggle[aria-expanded=true] .faq-list__icon::after {
  transform: rotate(0deg);
  opacity: 0;
}
.faq-list__question-text {
  flex: 1;
}
.faq-list__icon {
  position: relative;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
}
.faq-list__icon::before, .faq-list__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.faq-list__icon::before {
  transform: rotate(0deg);
}
.faq-list__icon::after {
  transform: rotate(90deg);
}
.faq-list__answer-inner {
  padding: 0 0 2rem;
  font-family: "metropolislight", sans-serif;
}
.faq-list__answer-inner p:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=style.css.map*/