/*  Visually hide text within an element
*   Used mostly for accessibility reasonse
*
*   No Params
*
*   Example Usage:
*
*     button {
*       span {
*         @include visuallyhidden;
*       }
*     }
*
*/
/*  PX to REM Conversion
*
*   @param {Pixel} $px - Unitless pixel value to be converted into rems.
*
*   Example Usage:
*
*     margin-bottom: rem(20);
*
*/
/*  Set font-size and optionally leading
*
*   @param {Font Size} $fontSize - Unit-less font size
*   @param {Leading}   $leading  - (default: null) - Optional- Unit-less leading from Photoshop or Sketch
*
*   Example Usage:
*
*     p {
*       @include font-size(12,14);
*     }
*
*/
/*  Unitless line-height
*
*   @param {Font Size} $fontSize - Unit-less font size
*   @param {Leading}   $leading  - Unit-less leading from Photoshop or Sketch
*
*   Example Usage:
*
*     @include line-height(16, 20);
*
*/
/**
 * Returns a percentage width based on the number and total number of columns
 *
 * @param 	int 	$num 	Number of columns (e.g. 4)
 * @param 	int 	$total 	Total number of columns (e.g. 24)
 * @return 	float 			 Total width (%)
 */
/*  Placeholder Mixin
*
*   No Params
*
*   Example Usage:
*
*     input[placeholder] {
*       @include placeholder {
*         color: red;
*       }
*     }
*
*/
/*  Media Query Mixin
*
*   @param {Media Query} $mq - Media query in single quotes: eg. 'screen and (min-width: 480px)'
*
*   Example Usage:
*
*     .selector {
*       property: value;
*
*       @include mq($bp768) {
*         property: value;
*       }
*     }
*
*/
@font-face {
  font-family: 'Poppins-Thin';
  src: url("../fonts/Poppins/Poppins-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-ThinItalic';
  src: url("../fonts/Poppins/Poppins-ThinItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-ExtraLight';
  src: url("../fonts/Poppins/Poppins-ExtraLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-ExtraLightItalic';
  src: url("../fonts/Poppins/Poppins-ExtraLightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Light';
  src: url("../fonts/Poppins/Poppins-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-LightItalic';
  src: url("../fonts/Poppins/Poppins-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Regular';
  src: url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Italic';
  src: url("../fonts/Poppins/Poppins-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Medium';
  src: url("../fonts/Poppins/Poppins-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-MediumItalic';
  src: url("../fonts/Poppins/Poppins-MediumItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-SemiBoldItalic';
  src: url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Bold';
  src: url("../fonts/Poppins/Poppins-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-BoldItalic';
  src: url("../fonts/Poppins/Poppins-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-ExtraBold';
  src: url("../fonts/Poppins/Poppins-ExtraBold.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-ExtraBoldItalic';
  src: url("../fonts/Poppins/Poppins-ExtraBoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-Black';
  src: url("../fonts/Poppins/Poppins-Black.ttf") format("truetype"); }

@font-face {
  font-family: 'Poppins-BlackItalic';
  src: url("../fonts/Poppins/Poppins-BlackItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Medium';
  src: url("../fonts/Open_Sans/OpenSans-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url("../fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype"); }

.highlights .highlights-wrapper .left-col .readmore, .news-events .cards-wrapper .card .text-wrapper .description {
  font-family: 'Poppins-Regular', sans-serif;
  font-style: normal;
  font-weight: 400; }

.second-page p, .highlights .subtitle {
  font-family: 'Poppins-Medium', sans-serif;
  font-style: normal;
  font-weight: 500; }

.section-title, .section-footer .footer-nav .footer-menu .menu-item a, .section-footer .site-name, header .nav-wrapper .main-menu .menu-item a, .home-hero .swiper-slide .text-wrapper .title, .features .card .card-title, .vertical-tabs .side-titles .section-title, .join-us .text-wrapper .title, .news-events .cards-wrapper .card .text-wrapper .title, .member-states .section-title, .login-popup .form-wrapper .popup-title {
  font-family: 'Poppins-Bold', sans-serif;
  font-style: normal;
  font-weight: 700; }

html {
  font-family: 'OpenSans-Regular', sans-serif;
  font-style: normal;
  font-weight: 300; }

header .nav-wrapper .main-menu .submenu-wrapper .submenu li, header .nav-wrapper .main-menu .submenu-wrapper .submenu li a {
  font-family: 'OpenSans-Medium', sans-serif;
  font-style: normal;
  font-weight: 500; }

header .main-header .header-buttons .search-button,
header .main-header .header-buttons .login-button,
header .main-header .header-buttons .logout-button, .vertical-tabs .right-container .swiper-pagination li .side-nav-link, .vertical-tabs .left-container .swiper-slide .link a, .join-us .text-wrapper .link a, .highlights .highlights-wrapper .left-col .readmore .link a, .highlights .highlights-wrapper .right-col .top-cal .date, .highlights .highlights-wrapper .right-col .top-cal .event-title, .highlights .highlights-wrapper .right-col .bottom-cal .date, .highlights .highlights-wrapper .right-col .bottom-cal .event-title, .news-events .cards-wrapper .card .text-wrapper .link a, .login-popup .form-wrapper form .form-login-button, .dashboard ul li::before, .dashboard ul li a, .pdf-section .text-wrapper .field strong {
  font-family: 'OpenSans-Bold', sans-serif;
  font-style: normal;
  font-weight: 700; }

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
  Base styles: opinionated defaults
  ========================================================================== */
* {
  box-sizing: border-box; }

html {
  color: #021437;
  font-size: 16px;
  line-height: 1.4;
  scroll-behavior: smooth; }

body.overlayed {
  overflow: hidden; }

/*
  * Remove text-shadow in selection highlight:
  * https://twitter.com/miketaylr/status/12228805301
  *
  * Vendor-prefixed and regular ::selection selectors cannot be combined:
  * https://stackoverflow.com/a/16982510/7133471
  *
  * Customize the background color to match your design.
  */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
  * A better looking default horizontal rule
  */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

p {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0.9375rem; }

/*
  * Remove the gap between audio, canvas, iframes,
  * images, videos and the bottom of their containers:
  * https://github.com/h5bp/html5-boilerplate/issues/440
  */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
  * Remove default fieldset styles.
  */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
  * Allow only vertical resizing of textareas.
  */
textarea {
  resize: vertical; }

/* ==========================================================================
    Author's custom styles
    ========================================================================== */
/* ==========================================================================
    Helper classes
    ========================================================================== */
/*
  * Hide visually and from screen readers
  */
.hidden,
[hidden] {
  display: none !important; }

/*
  * Hide only visually, but have it available for screen readers:
  * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  *
  * 1. For long content, line feeds are not interpreted as spaces and small width
  *    causes content to wrap 1 word per line:
  *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
  */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/*
  * Extends the .sr-only class to allow the element
  * to be focusable when navigated to via the keyboard:
  * https://www.drupal.org/node/897638
  */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/*
  * Hide visually and from screen readers, but maintain layout
  */
.invisible {
  visibility: hidden; }

/*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
.clearfix::before,
.clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

/* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }

/* ==========================================================================
    Print styles.
    Inlined to avoid the additional HTTP request:
    https://www.phpied.com/delay-loading-your-print-css/
    ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]::after {
    content: " (" attr(href) ")"; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  /*
    * Don't show links that are fragment identifiers,
    * or use the `javascript:` pseudo protocol
    */
  a[href^='#']::after,
  a[href^='javascript:']::after {
    content: ''; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  /*
    * Printing Tables:
    * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
    */
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.text-wrapper img {
  margin-bottom: 0.625rem;
  display: block; }
  @media screen and (min-width: 768px) {
    .text-wrapper img.align-left {
      margin-top: 0;
      margin-right: 5%;
      float: left; } }
  @media screen and (min-width: 768px) {
    .text-wrapper img.align-right {
      margin-top: 0;
      margin-left: 5%;
      float: right; } }

.text-wrapper figure,
.text-wrapper article {
  margin-bottom: 1.5625rem; }
  @media screen and (min-width: 768px) {
    .text-wrapper figure,
    .text-wrapper article {
      margin-top: 3.125rem;
      margin-bottom: 3.125rem; } }
  @media screen and (min-width: 768px) {
    .text-wrapper figure.align-left, .text-wrapper figure.align-right,
    .text-wrapper article.align-left,
    .text-wrapper article.align-right {
      width: 30%; } }
  @media screen and (min-width: 1024px) {
    .text-wrapper figure.align-left, .text-wrapper figure.align-right,
    .text-wrapper article.align-left,
    .text-wrapper article.align-right {
      width: 50%; } }
  @media screen and (min-width: 768px) {
    .text-wrapper figure.align-left,
    .text-wrapper article.align-left {
      margin-top: 0;
      margin-right: 5%;
      float: left; } }
  @media screen and (min-width: 768px) {
    .text-wrapper figure.align-right,
    .text-wrapper article.align-right {
      margin-top: 0;
      margin-left: 5%;
      float: right; } }
  .text-wrapper figure figcaption,
  .text-wrapper article figcaption {
    font-size: 0.75rem;
    line-height: 1.8334;
    font-style: normal;
    text-align: left; }
  .text-wrapper figure img,
  .text-wrapper article img {
    width: 100%;
    height: auto; }
    @media screen and (min-width: 768px) {
      .text-wrapper figure img,
      .text-wrapper article img {
        width: auto; } }

.menu-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 0;
  z-index: 0; }
  .overlayed .menu-overlay {
    display: block;
    z-index: 50; }

.site-wrapper {
  position: relative;
  overflow: hidden; }

.section-wrapper {
  max-width: 1800px;
  margin: 0 auto; }

.section-title {
  font-size: 1.875rem;
  line-height: 1;
  margin-bottom: 3.375rem;
  text-align: center;
  text-transform: uppercase; }

.skip-link {
  padding-top: 0.625rem;
  padding-right: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  position: fixed;
  top: 2.5rem;
  left: 2.5rem;
  background-color: #ffffff;
  color: #000000;
  z-index: 101; }
  .skip-link:not(:focus) {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    white-space: nowrap; }

.second-page {
  display: flex;
  align-items: center;
  justify-content: center; }
  .second-page p {
    font-size: 4.375rem;
    line-height: 1.4286; }

iframe {
  width: 100%;
  min-height: 37.5rem; }

.section-footer {
  background: #003399; }
  .section-footer .section-wrapper {
    padding-top: 2.75rem;
    padding-bottom: 3.75rem; }
  .section-footer .footer-nav {
    text-align: center; }
    .section-footer .footer-nav::after {
      margin-top: 1.125rem;
      margin-right: auto;
      margin-left: auto;
      display: inline-block;
      width: 100%;
      max-width: 34.375rem;
      border-top: 0.0625rem solid #ffffff;
      content: ''; }
    .section-footer .footer-nav .footer-menu {
      display: flex;
      justify-content: center;
      list-style: none;
      padding: 0;
      margin: 0; }
      .section-footer .footer-nav .footer-menu .menu-item {
        margin-right: 0.75rem;
        margin-left: 0.75rem; }
        .section-footer .footer-nav .footer-menu .menu-item.session {
          display: none; }
        .section-footer .footer-nav .footer-menu .menu-item a {
          font-size: 1rem;
          line-height: 1.75;
          padding-top: 0.9375rem;
          padding-bottom: 0.9375rem;
          display: inline-block;
          color: #ffffff;
          text-decoration: none;
          text-transform: uppercase; }
          .section-footer .footer-nav .footer-menu .menu-item a.active, .section-footer .footer-nav .footer-menu .menu-item a:hover {
            color: #FFCC00; }
  .section-footer .site-name {
    margin-top: 1.75rem;
    margin-bottom: 1.5625rem;
    font-size: 1.875rem;
    line-height: 1;
    color: #FFCC00;
    text-align: center; }
  .section-footer .socials {
    display: flex;
    justify-content: center; }
    .section-footer .socials a {
      margin-right: 0.6875rem;
      margin-left: 0.6875rem;
      display: inline-block; }
  .section-footer .copyright {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.75rem;
    line-height: 2.25;
    background: #001B50;
    color: #ffffff;
    text-align: center; }

header .top-header {
  background: #001B50;
  border-bottom: 0.0625rem solid #007BC6; }
  header .top-header .wrapper {
    max-width: 1800px;
    margin: 0 auto;
    padding-right: 4.16667%;
    padding-left: 4.16667%;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header .top-header .wrapper .slogan {
      font-size: 0.75rem;
      line-height: 1.5;
      display: flex;
      align-items: center;
      font-weight: 400;
      color: #ffffff; }
      header .top-header .wrapper .slogan svg {
        margin-right: 0.625rem; }

header .main-header {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(90deg, #003399 0%, #002671 100%); }
  header .main-header .logo-wrapper {
    padding-top: 2.4375rem;
    padding-bottom: 2.4375rem;
    padding-left: 4.16667%; }
  header .main-header .small-logos {
    display: flex;
    align-items: center; }
    header .main-header .small-logos .separator {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
      display: inline-block;
      height: 2.25rem;
      width: 0.125rem;
      background: #ffffff; }
  header .main-header .header-buttons {
    padding-right: 4.16667%;
    display: flex;
    align-items: center; }
    header .main-header .header-buttons .search-button,
    header .main-header .header-buttons .login-button,
    header .main-header .header-buttons .logout-button {
      padding-top: 0.4375rem;
      padding-right: 1.25rem;
      padding-bottom: 0.4375rem;
      padding-left: 1.25rem;
      font-size: 0.75rem;
      line-height: 1.6667;
      border: 0.0625rem solid #ffffff;
      background: none;
      color: #ffffff;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      transition: background .2s ease; }
      header .main-header .header-buttons .search-button:hover,
      header .main-header .header-buttons .login-button:hover,
      header .main-header .header-buttons .logout-button:hover {
        background: #ffffff;
        color: #021437;
        transition: background 0s ease; }
        header .main-header .header-buttons .search-button:hover svg g,
        header .main-header .header-buttons .login-button:hover svg g,
        header .main-header .header-buttons .logout-button:hover svg g {
          stroke: #021437; }
        header .main-header .header-buttons .search-button:hover svg path,
        header .main-header .header-buttons .login-button:hover svg path,
        header .main-header .header-buttons .logout-button:hover svg path {
          fill: #021437; }
    header .main-header .header-buttons .logout-button {
      display: none; }
    header .main-header .header-buttons .separator {
      margin-right: 0.9375rem;
      margin-left: 0.9375rem;
      display: inline-block;
      height: 2.25rem;
      width: 0.125rem;
      background: #ffffff; }

header .nav-wrapper {
  background: #ffffff;
  box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.1); }
  header .nav-wrapper .hamburger {
    display: none; }
  header .nav-wrapper .main-menu {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    header .nav-wrapper .main-menu .menu-item {
      margin-right: 0.75rem;
      margin-left: 0.75rem;
      position: relative; }
      header .nav-wrapper .main-menu .menu-item:hover .submenu-button-wrapper a,
      header .nav-wrapper .main-menu .menu-item:hover > a {
        color: #F29F01; }
      header .nav-wrapper .main-menu .menu-item:hover .submenu-button-wrapper svg path {
        stroke: #DDB100; }
      header .nav-wrapper .main-menu .menu-item:hover .submenu-wrapper {
        display: block; }
      header .nav-wrapper .main-menu .menu-item.session {
        display: none; }
      header .nav-wrapper .main-menu .menu-item .submenu-button-wrapper {
        display: flex; }
        header .nav-wrapper .main-menu .menu-item .submenu-button-wrapper .submenu-toggle {
          background: none;
          border: 0; }
      header .nav-wrapper .main-menu .menu-item a {
        font-size: 1rem;
        line-height: 1.75;
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
        display: inline-block;
        color: #021437;
        text-decoration: none;
        text-transform: uppercase; }
        header .nav-wrapper .main-menu .menu-item a.active {
          color: #F29F01; }
    header .nav-wrapper .main-menu .submenu-wrapper {
      padding-top: 0.0625rem;
      display: none;
      position: absolute;
      min-width: 14.375rem;
      z-index: 10; }
      header .nav-wrapper .main-menu .submenu-wrapper .submenu {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #ffffff; }
        header .nav-wrapper .main-menu .submenu-wrapper .submenu li {
          font-size: 0.875rem;
          line-height: 1.4286;
          display: block;
          margin: 0;
          width: 100%; }
          header .nav-wrapper .main-menu .submenu-wrapper .submenu li:not(:last-child) {
            border-bottom: 0.0625rem solid #E9E9E9; }
          header .nav-wrapper .main-menu .submenu-wrapper .submenu li a {
            font-size: 0.875rem;
            line-height: 1.4286;
            padding-top: 0.75rem;
            padding-right: 2rem;
            padding-bottom: 0.75rem;
            padding-left: 2rem;
            display: block;
            text-transform: none; }
            header .nav-wrapper .main-menu .submenu-wrapper .submenu li a:hover {
              background: #F5F8FF; }

.home-hero .swiper-slide .image-wrapper {
  position: relative; }
  .home-hero .swiper-slide .image-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .5;
    content: '';
    z-index: 1; }
  .home-hero .swiper-slide .image-wrapper::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36%;
    background: linear-gradient(180deg, rgba(0, 51, 153, 0) 0%, rgba(0, 51, 153, 0.8) 100%);
    content: '';
    z-index: 2; }
  .home-hero .swiper-slide .image-wrapper img {
    width: 100%;
    object-fit: cover; }

.home-hero .swiper-slide .text-wrapper {
  position: absolute;
  left: 4.16667%;
  bottom: 4.8125rem;
  width: 33.125rem;
  z-index: 10; }
  .home-hero .swiper-slide .text-wrapper .title {
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 1.25rem;
    color: #ffffff; }
  .home-hero .swiper-slide .text-wrapper .description {
    font-size: 1.125rem;
    line-height: 1.5;
    color: #ffffff; }

.home-hero .swiper .swiper-pagination {
  bottom: 2.1875rem; }
  .home-hero .swiper .swiper-pagination .swiper-pagination-bullet {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
    border: 0.125rem solid #003399;
    border-radius: 50%;
    background: #ffffff;
    opacity: 1; }
    .home-hero .swiper .swiper-pagination .swiper-pagination-bullet-active {
      outline: 0.0625rem solid #ffffff;
      border: 0.125rem solid #003399;
      width: 0.625rem;
      height: 0.625rem; }

.features {
  margin-bottom: 5rem;
  background: #FFCC00; }
  .features .section-wrapper {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    display: flex;
    justify-content: center; }
  .features .card {
    padding-right: 2.08333%;
    padding-left: 2.08333%;
    width: 29.16667%;
    text-align: center; }
    .features .card:not(:last-child) {
      border-right: 0.0625rem solid #DDB100; }
    .features .card svg {
      margin-bottom: 1.5625rem; }
    .features .card .card-title {
      font-size: 1.125rem;
      line-height: 1.5;
      margin-top: 0;
      margin-bottom: 0.75rem;
      text-transform: uppercase; }
    .features .card .card-description {
      font-size: 0.875rem;
      line-height: 1.5; }

.vertical-tabs {
  margin-bottom: 5rem;
  position: relative; }
  .vertical-tabs .section-wrapper {
    max-width: 1800px;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 1; }
  .vertical-tabs .right-container {
    padding-top: 3.1875rem;
    padding-right: 8.33333%;
    padding-bottom: 0.9375rem;
    padding-left: 8.33333%;
    background-color: #003399; }
    @media screen and (min-width: 768px) {
      .vertical-tabs .right-container {
        padding-top: 3.75rem;
        padding-bottom: 1.5625rem;
        position: relative; } }
    @media screen and (min-width: 1024px) {
      .vertical-tabs .right-container {
        background-image: url("../images/icons/pace/texture-lines-mobile.svg");
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 100%;
        padding-top: 3.75rem;
        padding-right: 4.16667%;
        padding-left: 22.91667%;
        width: 66.66667%; } }
  @media screen and (min-width: 1024px) and (min-width: 768px) {
    .vertical-tabs .right-container {
      background-image: url("../images/icons/pace/texture-lines-tablet.svg"); } }
  @media screen and (min-width: 1024px) and (min-width: 1024px) {
    .vertical-tabs .right-container {
      background-image: url("../img/svg/texture-lines-desktop.svg"); } }
    @media screen and (min-width: 1024px) {
        .vertical-tabs .right-container::before {
          display: inline-block;
          position: absolute;
          bottom: 0;
          right: 0;
          height: 28%;
          width: 100%;
          background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 100%);
          content: ''; }
        .vertical-tabs .right-container::after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          top: 0;
          position: absolute;
          border-width: 16.5625rem 0 0 12.5rem;
          border-color: transparent transparent transparent #ffffff;
          top: auto;
          right: auto;
          bottom: 0;
          left: 0; } }
    @media screen and (max-width: 1023px) {
      .vertical-tabs .right-container .side-nav-inner {
        margin-right: -10%;
        position: relative; }
        .vertical-tabs .right-container .side-nav-inner::after {
          display: inline-block;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 1.6875rem;
          height: 2.5rem;
          background-image: linear-gradient(to right, rgba(221, 177, 0, 0), #DDB100);
          content: '';
          pointer-events: none; } }
    .vertical-tabs .right-container .swiper-pagination {
      margin: 0;
      padding: 0;
      position: static; }
      @media screen and (max-width: 1023px) {
        .vertical-tabs .right-container .swiper-pagination {
          padding-bottom: 0.1875rem;
          display: flex;
          border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.2);
          white-space: nowrap;
          overflow-x: auto; } }
      @media screen and (max-width: 767px) {
        .vertical-tabs .right-container .swiper-pagination {
          padding-bottom: 0; } }
      .vertical-tabs .right-container .swiper-pagination li {
        position: relative;
        list-style: none; }
        .vertical-tabs .right-container .swiper-pagination li:not(:last-child) {
          margin-right: 0.9375rem; }
        @media screen and (min-width: 768px) {
          .vertical-tabs .right-container .swiper-pagination li:not(:last-child) {
            margin-right: 1.25rem; } }
        @media screen and (min-width: 1024px) {
          .vertical-tabs .right-container .swiper-pagination li:not(:last-child) {
            margin-right: 0; } }
        .vertical-tabs .right-container .swiper-pagination li .side-nav-link {
          font-size: 1.125rem;
          line-height: 1.4445;
          background: none;
          border: 0;
          text-align: right;
          text-transform: uppercase;
          cursor: pointer; }
          @media screen and (min-width: 768px) {
            .vertical-tabs .right-container .swiper-pagination li .side-nav-link {
              padding-bottom: 0.25rem;
              margin-bottom: -0.1875rem;
              font-size: 1.5rem;
              line-height: 0.9167; } }
          @media screen and (min-width: 1024px) {
            .vertical-tabs .right-container .swiper-pagination li .side-nav-link {
              padding-top: 0.0625rem;
              padding-right: 1.5625rem;
              padding-bottom: 0;
              padding-left: 1.5625rem;
              margin-bottom: 0;
              font-size: 1.125rem;
              line-height: 1.5;
              width: 100%;
              color: #ffffff;
              height: 3.125rem;
              border: 0; } }
        .vertical-tabs .right-container .swiper-pagination li.swiper-pagination-customs-active .side-nav-link {
          color: #021437;
          background: #FFCC00; }
  .vertical-tabs .side-titles {
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 1024px) {
      .vertical-tabs .side-titles .section-title {
        margin-top: 0;
        margin-bottom: 2.9375rem;
        font-size: 2rem;
        line-height: 1.5;
        color: #ffffff;
        text-transform: uppercase;
        text-align: right; } }
  .vertical-tabs .left-container {
    box-sizing: border-box; }
    @media screen and (max-width: 1023px) {
      .vertical-tabs .left-container {
        padding-right: 8.33333%;
        padding-left: 8.33333%; }
        .vertical-tabs .left-container::after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          top: 0;
          position: absolute;
          border-width: 0 0 10.8125rem 6.25rem;
          border-color: transparent transparent #ffffff transparent;
          top: auto;
          right: 0;
          bottom: 0;
          left: auto; } }
    @media screen and (max-width: 767px) {
      .vertical-tabs .left-container {
        padding-right: 0;
        padding-left: 0; }
        .vertical-tabs .left-container::after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          top: 0;
          position: absolute;
          border-width: 0 0 8.0625rem 4.6875rem;
          border-color: transparent transparent #ffffff transparent;
          top: auto;
          right: 0;
          bottom: 0;
          left: auto; } }
    @media screen and (min-width: 1024px) {
      .vertical-tabs .left-container {
        margin-right: -33.33333%;
        width: 66.66667%; } }
    .vertical-tabs .left-container .swiper-slide {
      height: 100%; }
      @media screen and (min-width: 1024px) {
        .vertical-tabs .left-container .swiper-slide {
          padding-top: 3.75rem;
          display: flex;
          flex-direction: column; } }
      .vertical-tabs .left-container .swiper-slide .tab-title {
        display: none; }
      .vertical-tabs .left-container .swiper-slide .image-wrapper {
        position: relative; }
        .vertical-tabs .left-container .swiper-slide .image-wrapper::before {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          top: 0;
          position: absolute;
          border-width: 0 4.6875rem 8.0625rem 0;
          border-color: transparent #003399 transparent transparent;
          top: 0;
          right: 0;
          bottom: auto;
          left: auto;
          z-index: 1; }
          @media screen and (min-width: 768px) {
            .vertical-tabs .left-container .swiper-slide .image-wrapper::before {
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              top: 0;
              position: absolute;
              border-width: 0 6.25rem 10.75rem 0;
              border-color: transparent #003399 transparent transparent;
              top: 0;
              right: 0;
              bottom: auto;
              left: auto; } }
          @media screen and (min-width: 1024px) {
            .vertical-tabs .left-container .swiper-slide .image-wrapper::before {
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              top: 0;
              position: absolute;
              border-width: 0 12.5rem 16.5625rem 0;
              border-color: transparent #003399 transparent transparent;
              top: 0;
              right: 0;
              bottom: auto;
              left: auto; } }
        .vertical-tabs .left-container .swiper-slide .image-wrapper img {
          width: 100%; }
      .vertical-tabs .left-container .swiper-slide .text-container-inner {
        padding-top: 1.4375rem;
        padding-right: 8.33333%;
        padding-bottom: 3.125rem;
        padding-left: 8.33333%; }
        @media screen and (min-width: 768px) {
          .vertical-tabs .left-container .swiper-slide .text-container-inner {
            padding-top: 1.5rem;
            padding-right: 0;
            padding-bottom: 4.75rem;
            padding-left: 0; } }
        @media screen and (min-width: 1024px) {
          .vertical-tabs .left-container .swiper-slide .text-container-inner {
            padding-top: 2.1875rem;
            padding-right: 6.25%;
            padding-bottom: 0;
            padding-left: 6.25%; } }
      .vertical-tabs .left-container .swiper-slide .description {
        margin-bottom: 0.25rem;
        font-size: 1rem;
        line-height: 1.5625; }
        @media screen and (max-width: 767px) {
          .vertical-tabs .left-container .swiper-slide .description {
            font-size: 1rem;
            line-height: 1.5; } }
      .vertical-tabs .left-container .swiper-slide .link {
        margin-top: 1rem; }
        @media screen and (min-width: 768px) {
          .vertical-tabs .left-container .swiper-slide .link {
            margin-top: 0.9375rem; } }
        .vertical-tabs .left-container .swiper-slide .link a {
          font-size: 1rem;
          line-height: 1.6875;
          color: #003399; }

.join-us {
  margin-bottom: 5rem; }
  .join-us .section-wrapper {
    padding-right: 4.16667%;
    padding-left: 4.16667%;
    position: relative; }
  .join-us .image-wrapper {
    background: #003399; }
    .join-us .image-wrapper img {
      opacity: .55;
      width: 100%;
      max-height: 22.5rem;
      object-fit: cover; }
  .join-us .text-wrapper {
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 4.16667%;
    right: 4.16667%;
    height: 100%; }
    .join-us .text-wrapper .title {
      font-size: 2rem;
      line-height: 1.25;
      margin-top: 5.875rem;
      margin-bottom: 1rem;
      color: #ffffff;
      text-transform: uppercase; }
    .join-us .text-wrapper .description {
      font-size: 1.125rem;
      line-height: 1.5;
      margin-bottom: 2.625rem;
      color: #ffffff; }
    .join-us .text-wrapper .link a {
      font-size: 1rem;
      line-height: 1.6875;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 17.1875rem;
      height: 3.125rem;
      background: #FFCC00;
      color: #001B50;
      text-transform: uppercase;
      text-decoration: none;
      transition: background .2s ease; }
      .join-us .text-wrapper .link a:hover {
        background: #FFB953;
        transition: background 0s ease; }

.highlights {
  margin-bottom: 5rem; }
  .highlights .subtitle {
    font-size: 1.5rem;
    line-height: 1.125;
    color: #003399;
    text-align: center; }
  .highlights .highlights-wrapper {
    display: flex; }
    .highlights .highlights-wrapper .col {
      width: 33.33%;
      aspect-ratio: 1 / 1; }
    .highlights .highlights-wrapper .left-col .readmore {
      font-size: 1.25rem;
      line-height: 1.35;
      padding-right: 15%;
      padding-left: 15%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 50%;
      background: #FFCC00;
      text-align: center; }
      .highlights .highlights-wrapper .left-col .readmore .link {
        margin-top: 1.875rem;
        display: flex;
        justify-content: center; }
        .highlights .highlights-wrapper .left-col .readmore .link a {
          font-size: 1rem;
          line-height: 1.6875;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 17.1875rem;
          height: 3.125rem;
          background: #003399;
          color: #ffffff;
          text-transform: uppercase;
          text-decoration: none;
          transition: background .2s ease; }
          .highlights .highlights-wrapper .left-col .readmore .link a:hover {
            background: #007BC6;
            transition: background 0s ease; }
    .highlights .highlights-wrapper .left-col img {
      width: 100%; }
    .highlights .highlights-wrapper .center-col img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover; }
    .highlights .highlights-wrapper .right-col {
      display: flex;
      flex-wrap: wrap; }
      .highlights .highlights-wrapper .right-col .top-cal {
        padding-top: 1.875rem;
        padding-right: 1.25rem;
        padding-bottom: 1.875rem;
        padding-left: 1.25rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 50%;
        background-color: #007BC6;
        background-image: url("../img/svg/fe_calendar.svg");
        background-repeat: no-repeat;
        background-position: top right; }
        .highlights .highlights-wrapper .right-col .top-cal .date {
          font-size: 1rem;
          line-height: 1.6875;
          color: #FFCC00; }
        .highlights .highlights-wrapper .right-col .top-cal .event-title {
          font-size: 1.375rem;
          line-height: 1.2273;
          color: #ffffff; }
      .highlights .highlights-wrapper .right-col .bottom-cal {
        padding-top: 1.875rem;
        padding-right: 1.25rem;
        padding-bottom: 1.875rem;
        padding-left: 1.25rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 50%;
        background-color: #24CEA6; }
        .highlights .highlights-wrapper .right-col .bottom-cal .date {
          font-size: 1rem;
          line-height: 1.6875;
          color: #021437; }
        .highlights .highlights-wrapper .right-col .bottom-cal .event-title {
          font-size: 1.375rem;
          line-height: 1.2273;
          color: #ffffff; }
      .highlights .highlights-wrapper .right-col img {
        aspect-ratio: 1 / 1;
        width: 50%; }

.news-events .cards-wrapper {
  padding-right: 6.25%;
  padding-left: 6.25%;
  display: flex;
  flex-wrap: wrap; }
  .news-events .cards-wrapper .card {
    margin-right: 2.38095%;
    margin-bottom: 3.125rem;
    margin-left: 2.38095%;
    position: relative;
    width: 28.57143%;
    background: #F5F8FF; }
    .news-events .cards-wrapper .card .image-wrapper img {
      width: 100%;
      object-fit: cover;
      max-height: 12.5rem; }
    .news-events .cards-wrapper .card .tags-wrapper {
      padding-top: 1.5625rem;
      padding-right: 1.5625rem;
      padding-bottom: 1.5625rem;
      padding-left: 1.5625rem;
      display: flex;
      position: absolute;
      top: 0;
      left: 0; }
      .news-events .cards-wrapper .card .tags-wrapper .story-tag,
      .news-events .cards-wrapper .card .tags-wrapper .news-tag,
      .news-events .cards-wrapper .card .tags-wrapper .event-tag {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        margin-right: 0.625rem;
        font-size: 0.75rem;
        line-height: 1.5;
        border-radius: 0.625rem; }
      .news-events .cards-wrapper .card .tags-wrapper .story-tag {
        background: #24CEA6; }
      .news-events .cards-wrapper .card .tags-wrapper .news-tag {
        background: #007BC6;
        color: #ffffff; }
      .news-events .cards-wrapper .card .tags-wrapper .event-tag {
        background: #FFCC00; }
    .news-events .cards-wrapper .card .text-wrapper {
      padding-top: 1.25rem;
      padding-right: 8.33333%;
      padding-bottom: 1.25rem;
      padding-left: 8.33333%; }
      .news-events .cards-wrapper .card .text-wrapper .date {
        font-size: 0.875rem;
        line-height: 1.5;
        margin-bottom: 0.625rem; }
      .news-events .cards-wrapper .card .text-wrapper .title {
        font-size: 1.25rem;
        line-height: 1.5;
        margin: 0; }
        .news-events .cards-wrapper .card .text-wrapper .title a {
          color: #021437;
          text-decoration: none; }
          .news-events .cards-wrapper .card .text-wrapper .title a:hover {
            text-decoration: underline; }
      .news-events .cards-wrapper .card .text-wrapper .description {
        font-size: 1.125rem;
        line-height: 1.6667;
        margin-top: 3.3125rem;
        margin-bottom: 1.875rem; }
      .news-events .cards-wrapper .card .text-wrapper .link a {
        font-size: 1rem;
        line-height: 1.6875;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.125rem;
        background: #FFCC00;
        color: #001B50;
        text-transform: uppercase;
        text-decoration: none;
        transition: background .2s ease; }
        .news-events .cards-wrapper .card .text-wrapper .link a:hover {
          background: #FFB953;
          transition: background 0s ease; }

.member-states {
  margin-bottom: 5rem; }
  .member-states .section-title {
    font-size: 1.875rem;
    line-height: 1;
    margin-bottom: 3.375rem;
    text-align: center;
    text-transform: uppercase; }
  .member-states .map-wrapper img {
    width: 100%;
    max-height: 28.125rem;
    object-fit: cover; }

.login-popup {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
  .login-popup .form-wrapper {
    padding-top: 1.25rem;
    padding-bottom: 3.125rem;
    position: relative;
    background: #ffffff;
    border-radius: 0.1875rem;
    box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.3); }
    .login-popup .form-wrapper .close-button {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0.9375rem;
      right: 0.9375rem;
      width: 1.5rem;
      height: 1.5rem;
      padding: 0;
      background: none;
      border: 0;
      cursor: pointer; }
    .login-popup .form-wrapper .popup-title {
      font-size: 1.875rem;
      line-height: 1;
      text-align: center;
      text-transform: uppercase; }
    .login-popup .form-wrapper form {
      padding-right: 1.875rem;
      padding-left: 1.875rem; }
      .login-popup .form-wrapper form .form-group {
        margin-bottom: 1.5625rem;
        display: flex;
        flex-direction: column; }
        .login-popup .form-wrapper form .form-group label {
          font-size: 0.875rem;
          line-height: 1.4286;
          margin-bottom: 0.3125rem; }
        .login-popup .form-wrapper form .form-group .form-control {
          padding-top: 0.625rem;
          padding-right: 0.625rem;
          padding-bottom: 0.625rem;
          padding-left: 2.8125rem;
          font-size: 1rem;
          line-height: 1.625;
          border-radius: 0.3125rem;
          border: 0.0625rem solid #9598A1;
          min-width: 18.75rem; }
          .login-popup .form-wrapper form .form-group .form-control.email {
            background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI1IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHdpZHRoPSIyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjIuOTE2NyA2LjI0OTk5YzAtMS4xNDU4My0uOTM3NS0yLjA4MzMzLTIuMDgzNC0yLjA4MzMzaC0xNi42NjY2NGMtMS4xNDU4MyAwLTIuMDgzMzMuOTM3NS0yLjA4MzMzIDIuMDgzMzN2MTIuNTAwMDFjMCAxLjE0NTguOTM3NSAyLjA4MzMgMi4wODMzMyAyLjA4MzNoMTYuNjY2NjRjMS4xNDU5IDAgMi4wODM0LS45Mzc1IDIuMDgzNC0yLjA4MzN6bS0yLjA4MzQgMC04LjMzMzMgNS4yMDgzMS04LjMzMzM0LTUuMjA4MzF6bTAgMTIuNTAwMDFoLTE2LjY2NjY0di0xMC40MTY2OGw4LjMzMzM0IDUuMjA4MzggOC4zMzMzLTUuMjA4Mzh6IiBmaWxsPSIjOWQ5ZDlkIi8+PC9zdmc+");
            background-repeat: no-repeat;
            background-position: 0.625rem center; }
          .login-popup .form-wrapper form .form-group .form-control.password {
            background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI1IiB2aWV3Qm94PSIwIDAgMjUgMjUiIHdpZHRoPSIyNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIuNSAxNy43MDgzYy0uNTUyNSAwLTEuMDgyNC0uMjE5NS0xLjQ3MzEtLjYxMDJzLS42MTAyLS45MjA2LS42MTAyLTEuNDczMWMwLTEuMTU2My45MjcxLTIuMDgzMyAyLjA4MzMtMi4wODMzLjU1MjUgMCAxLjA4MjQuMjE5NCAxLjQ3MzEuNjEwMi4zOTA3LjM5MDcuNjEwMi45MjA2LjYxMDIgMS40NzMxcy0uMjE5NSAxLjA4MjQtLjYxMDIgMS40NzMxLS45MjA2LjYxMDItMS40NzMxLjYxMDJ6bTYuMjUgMy4xMjV2LTEwLjQxNjZoLTEyLjQ5OTk5djEwLjQxNjZ6bTAtMTIuNDk5OThjLjU1MjUgMCAxLjA4MjQuMjE5NSAxLjQ3MzEuNjEwMnMuNjEwMi45MjA2LjYxMDIgMS40NzMxOHYxMC40MTY2YzAgLjU1MjYtLjIxOTUgMS4wODI1LS42MTAyIDEuNDczMnMtLjkyMDYuNjEwMi0xLjQ3MzEuNjEwMmgtMTIuNDk5OTljLS41NTI1NCAwLTEuMDgyNDQtLjIxOTUtMS40NzMxNC0uNjEwMnMtLjYxMDItLjkyMDYtLjYxMDItMS40NzMydi0xMC40MTY2YzAtMS4xNTYyOS45MjcwOS0yLjA4MzM4IDIuMDgzMzQtMi4wODMzOGgxLjA0MTY2di0yLjA4MzMzYzAtMS4zODEzNC41NDg3NC0yLjcwNjEgMS41MjU0OS0zLjY4Mjg1czIuMzAxNTQtMS41MjU0OCAzLjY4Mjg0LTEuNTI1NDhjLjY4NCAwIDEuMzYxMi4xMzQ3MSAxLjk5MzEuMzk2NDYuNjMyLjI2MTc0IDEuMjA2MS42NDUzOCAxLjY4OTggMS4xMjkwMi40ODM2LjQ4MzY0Ljg2NzIgMS4wNTc4IDEuMTI5IDEuNjg5NzEuMjYxNy42MzE5LjM5NjQgMS4zMDkxNy4zOTY0IDEuOTkzMTR2Mi4wODMzM3ptLTYuMjUtNS4yMDgzM2MtLjgyODggMC0xLjYyMzcuMzI5MjQtMi4yMDk3LjkxNTI5LS41ODYwNi41ODYwNS0uOTE1MyAxLjM4MDkxLS45MTUzIDIuMjA5NzF2Mi4wODMzM2g2LjI1di0yLjA4MzMzYzAtLjgyODgtLjMyOTItMS42MjM2Ni0uOTE1My0yLjIwOTcxLS41ODYtLjU4NjA1LTEuMzgwOS0uOTE1MjktMi4yMDk3LS45MTUyOXoiIGZpbGw9IiM5ZDlkOWQiLz48L3N2Zz4=");
            background-repeat: no-repeat;
            background-position: 0.625rem center; }
      .login-popup .form-wrapper form .form-actions {
        display: flex;
        justify-content: center; }
      .login-popup .form-wrapper form .form-login-button {
        font-size: 1rem;
        line-height: 1.6875;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 18.75rem;
        height: 3.125rem;
        background: #003399;
        border: 0;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        transition: background .2s ease;
        cursor: pointer; }
        .login-popup .form-wrapper form .form-login-button:hover {
          background: #007BC6;
          transition: background 0s ease; }

.lang-switcher {
  margin-top: 0.3125rem;
  margin-right: 0.125rem;
  margin-bottom: 0.3125rem;
  display: flex;
  position: relative; }
  .lang-switcher svg {
    margin-right: 0.1875rem; }
  .lang-switcher .current-lang {
    font-size: 0.75rem;
    line-height: 1.5;
    padding-top: 0.0625rem;
    padding-right: 0.875rem;
    padding-bottom: 0.0625rem;
    padding-left: 0.25rem;
    width: 2.0625rem;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0.1875rem;
    transition: background .2s ease; }
    .lang-switcher .current-lang::after {
      display: inline-block;
      position: absolute;
      top: 0.4375rem;
      right: 0.125rem;
      width: 0.5rem;
      height: 0.375rem;
      content: '';
      background: url("../img/svg/icon-arrow-down.svg") no-repeat 0 0; }
  .lang-switcher .lang-list {
    display: flex;
    position: absolute;
    right: 0;
    top: 1.4375rem;
    width: 2.0625rem;
    flex-direction: column;
    max-height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    background: #021437;
    border-radius: 0.1875rem;
    transition: max-height .2s ease; }
    .lang-switcher .lang-list.show {
      max-height: 3.125rem;
      border: 0.0625rem solid #007BC6; }
    .lang-switcher .lang-list li {
      font-size: 0.75rem;
      line-height: 1.5;
      margin-top: 0.0625rem;
      margin-bottom: 0.0625rem;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center; }
      .lang-switcher .lang-list li:hover {
        background: #003399; }
      .lang-switcher .lang-list li.selected {
        display: none; }

.dashboard .section-wrapper {
  padding-top: 3.125rem;
  padding-right: 10.41667%;
  padding-bottom: 3.125rem;
  padding-left: 10.41667%; }

.dashboard .section-title {
  text-align: center; }

.dashboard ul {
  margin-left: 1.5625rem;
  padding: 0;
  list-style: none; }
  .dashboard ul li {
    font-size: 1.125rem;
    line-height: 1.6667;
    margin-bottom: 0.625rem; }
    .dashboard ul li::before {
      margin-top: 0.3125rem;
      margin-right: 0.75rem;
      margin-left: -1.5625rem;
      font-size: 1.25rem;
      line-height: 1;
      display: inline-block;
      background: url("");
      vertical-align: top;
      content: '+'; }
    .dashboard ul li a {
      color: #003399; }
      .dashboard ul li a:hover {
        text-decoration: none; }

.welcome {
  margin-bottom: 5rem; }
  .welcome .section-wrapper {
    padding-right: 4.16667%;
    padding-left: 4.16667%; }
  .welcome .text-wrapper {
    overflow: hidden; }

.pdf-section .section-wrapper {
  padding-top: 3.125rem;
  padding-right: 4.16667%;
  padding-bottom: 3.125rem;
  padding-left: 4.16667%; }

.pdf-section .content-wrapper {
  display: flex; }

.pdf-section .image-wrapper {
  margin-right: 5%;
  flex: 0 0 auto;
  width: 25%; }
  .pdf-section .image-wrapper img {
    width: 100%; }

.pdf-section .text-wrapper .field {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.4445; }

.pdf-section .text-wrapper .pdf-field a {
  color: #003399; }
  .pdf-section .text-wrapper .pdf-field a:hover {
    text-decoration: none; }