@charset "UTF-8";
/* Reset */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  -webkit-touch-callout: none;
}

html,
body {
  line-height: 1.15;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff;
  color: #000;
}

html {
  overflow-y: scroll;
}

body {
  overflow: hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, progress {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: baseline;
  outline: none;
}

legend {
  color: inherit;
  display: table;
  white-space: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

ol, ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  font-weight: bold;
}

sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  font-family: inherit;
  color: inherit;
  font-size: 100%;
}

#bboxdonation_gift_txtAmountOther {
  color: black;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  resize: none;
  vertical-align: top;
}

input::-moz-placeholder,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  opacity: 1;
}

input,
textarea {
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

input {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

a {
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #000;
}

a:link,
a:active,
a:visited {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.using-mouse a:focus,
body.using-mouse button:focus,
body.using-mouse input:focus,
body.using-mouse optgroup:focus,
body.using-mouse select:focus,
body.using-mouse textarea:focus {
  outline: none;
}

[hidden] {
  display: none;
}

.clear {
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.clearfix:after {
  content: " ";
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.clearfix-margin:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

body:not(.using-mouse) a:focus-visible,
body:not(.using-mouse) button:focus-visible,
body:not(.using-mouse) input:focus-visible,
body:not(.using-mouse) optgroup:focus-visible,
body:not(.using-mouse) select:focus-visible,
body:not(.using-mouse) textarea:focus-visible {
  outline: 2px dashed #AA272F;
}

@font-face {
  font-family: "global-icons";
  src: url("/Fonts/icons/global-icons.ttf?z32at1") format("truetype"), url("/Fonts/icons/global-icons.woff?z32at1") format("woff"), url("/Fonts/icons/global-icons.svg?z32at1#global-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.global-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "global-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.global-icons.gi-employees:before {
  content: "";
}
.global-icons.gi-hkis:before {
  content: "";
}
.global-icons.gi-logout:before {
  content: "";
}
.global-icons.gi-notices:before {
  content: "";
}
.global-icons.gi-alert:before {
  content: "";
}
.global-icons.gi-plus:before {
  content: "";
}
.global-icons.gi-tour:before {
  content: "";
}
.global-icons.gi-angle:before {
  content: "";
}
.global-icons.gi-call:before {
  content: "";
}
.global-icons.gi-pin:before {
  content: "";
}
.global-icons.gi-search:before {
  content: "";
}
.global-icons.gi-dragon:before {
  content: "";
}
.global-icons.gi-portals:before {
  content: "";
}
.global-icons.gi-contact:before {
  content: "";
}

@font-face {
  font-family: "hp-icons";
  src: url("/Fontsicons/hp-icons.ttf?220ktz") format("truetype"), url("/Fontsicons/hp-icons.woff?220ktz") format("woff"), url("/Fontsicons/hp-icons.svg?220ktz#global-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.hp-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hp-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hp-icon.hp-notice-icon:before {
  content: "";
}

html,
body {
  font-family: "ivyepic", sans-serif;
  font-weight: 400;
  color: #000;
  background: #fff;
}

html {
  font-size: 80%;
}
@media (min-width: 900px) {
  html.menu-is-opened body.hasScrollbarWidth {
    padding-right: 17px;
  }
  html.menu-is-opened body.hasScrollbarWidth .header-links,
html.menu-is-opened body.hasScrollbarWidth .header-menu-trigger {
    -webkit-transform: translateX(-17px);
       -moz-transform: translateX(-17px);
        -ms-transform: translateX(-17px);
         -o-transform: translateX(-17px);
            transform: translateX(-17px);
  }
}

body {
  width: 100%;
  height: 100%;
}

html.blockScrollOnMobile,
html.shTplGBlockScroll-html {
  position: relative;
  overflow: hidden !important;
}
@media (min-width: 900px) {
  html.blockScrollOnMobile,
html.shTplGBlockScroll-html {
    padding-right: 17px;
  }
}

body.blockScrollOnMobile,
body.shTplGBlockScroll {
  position: relative;
  overflow: hidden !important;
}

.general-truncate,
.truncate-js {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
}

.custom-arrow {
  width: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  min-width: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  height: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  min-height: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  border: 3px solid #aa272f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  -moz-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
  cursor: pointer;
  background-color: transparent;
  font-size: clamp( 2.1875rem, 0.9375vw + 2rem, 3.125rem );
}
.custom-arrow .global-icons {
  color: #fff;
  font-size: 40%;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: rotate(-45deg) translateX(50%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(50%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(50%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(50%) translateY(3%);
          transform: rotate(-45deg) translateX(50%) translateY(3%);
}
html.no-touch .custom-arrow:hover {
  border-color: #fff;
}
html.no-touch .custom-arrow:hover .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}

.custom-arrow-left {
  width: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  min-width: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  height: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  min-height: clamp( 2.1875rem, 0.625vw + 2.0625rem, 2.8125rem );
  border: 3px solid #aa272f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  -moz-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
  cursor: pointer;
  background-color: transparent;
  font-size: clamp( 2.1875rem, 0.9375vw + 2rem, 3.125rem );
}
.custom-arrow-left .global-icons {
  color: #fff;
  font-size: 40%;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: rotate(-225deg) translateX(50%) translateY(5%);
     -moz-transform: rotate(-225deg) translateX(50%) translateY(5%);
      -ms-transform: rotate(-225deg) translateX(50%) translateY(5%);
       -o-transform: rotate(-225deg) translateX(50%) translateY(5%);
          transform: rotate(-225deg) translateX(50%) translateY(5%);
}
html.no-touch .custom-arrow-left:hover {
  border-color: #fff;
}
html.no-touch .custom-arrow-left:hover .global-icons {
  -webkit-transform: rotate(-225deg) translateX(225%) translateY(5%);
     -moz-transform: rotate(-225deg) translateX(225%) translateY(5%);
      -ms-transform: rotate(-225deg) translateX(225%) translateY(5%);
       -o-transform: rotate(-225deg) translateX(225%) translateY(5%);
          transform: rotate(-225deg) translateX(225%) translateY(5%);
}

.secondaryBtnStyling .thirdDownloadBtn,
.secondaryBtnStyling .forthDownloadBtn,
.secondaryBtnStyling .customCssClass,
.secondaryBtnStyling .secondaryDownloadBtn {
  background-color: #aa272f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='28.32 24.89 59.65 42.23'%3E%3Cg fill='%23fff' data-name='Button Designs'%3E%3Cpath data-name='Path 89309' d='M87.969 32.801c0-3.068-5.308-6.137-13.611-7.9v15.821c8.3-1.788 13.611-4.857 13.611-7.921Z'%3E%3C/path%3E%3Cpath data-name='Path 89310' d='M28.319 33c.247 3.01 5.5 5.977 13.6 7.707V24.886c-8.2 1.745-13.495 4.77-13.6 7.794V33Z'%3E%3C/path%3E%3Cpath data-name='Path 89311' d='M84.9 38.556a37.758 37.758 0 0 1-11.1 3.737c-.015 0-.029 0-.029.015a83.559 83.559 0 0 1-15.632 1.4 82.271 82.271 0 0 1-15.632-1.425c-.015 0-.029 0-.029-.015a37.486 37.486 0 0 1-11.1-3.737 12.6 12.6 0 0 1-3.059-2.375V58.71c0 4.072 10.455 8.405 29.825 8.405s29.825-4.333 29.825-8.405V36.156a12.372 12.372 0 0 1-3.069 2.4Zm-6.049 14.527v.015a.8.8 0 0 1-.073.247l-1.818 3.621a.688.688 0 0 1-.625.393.643.643 0 0 1-.32-.073.717.717 0 0 1-.32-.96l1.076-2.152a67.876 67.876 0 0 1-18.628 2.3 68.216 68.216 0 0 1-18.613-2.283l1.062 2.123a.726.726 0 0 1-.32.96.851.851 0 0 1-.32.073.688.688 0 0 1-.625-.393l-1.8-3.577-.015-.044a.723.723 0 0 1-.044-.553.686.686 0 0 1 .436-.436l3.563-1.76a.706.706 0 0 1 .625 1.265l-2.05 1.018a66.9 66.9 0 0 0 18.1 2.2 66.365 66.365 0 0 0 18.075-2.21l-2.036-1a.706.706 0 0 1 .625-1.265l3.475 1.716a.707.707 0 0 1 .523.465.812.812 0 0 1 .044.32Z'%3E%3C/path%3E%3Cpath data-name='Path 89312' d='M69.384 26.805a.515.515 0 0 1 .058.131c.029.029.058.073.087.1a.632.632 0 0 0 .1.087c.044.015.087.044.131.058a1.376 1.376 0 0 1 .131.044.448.448 0 0 0 .131.015.753.753 0 0 0 .509-.2.3.3 0 0 0 .087-.1.516.516 0 0 0 .058-.131.552.552 0 0 0 .044-.145.6.6 0 0 0 0-.262.347.347 0 0 0-.044-.131c-.015-.044-.044-.087-.058-.131s-.058-.073-.087-.1a.74.74 0 0 0-.64-.189c-.058.015-.1.015-.131.044s-.087.044-.131.058-.073.058-.1.087a.631.631 0 0 0-.087.1c-.014.044-.044.087-.058.131l-.044.131a.449.449 0 0 0-.015.131.361.361 0 0 0 .015.131c.015.055.03.098.044.141Z'%3E%3C/path%3E%3Cpath data-name='Path 89313' d='M66.057 38.264a3.1 3.1 0 0 0 3.1-3.1v-4.75a3.1 3.1 0 0 0-6.195 0v4.755a3.091 3.091 0 0 0 3.095 3.095Zm-1.672-7.852a1.672 1.672 0 1 1 3.345 0v4.755a1.663 1.663 0 0 1-1.672 1.672 1.7 1.7 0 0 1-1.672-1.672Z'%3E%3C/path%3E%3Cpath data-name='Path 89314' d='M57.17 38.105a3.181 3.181 0 0 0 .974.16 3.082 3.082 0 0 0 .989-6.006 3.008 3.008 0 0 0-2.05.029 7.439 7.439 0 0 1 2.559-3.446.707.707 0 0 0-.843-1.134 9.678 9.678 0 0 0-3.723 7.344v.145a3.055 3.055 0 0 0 2.094 2.908Zm-.6-3.446a1.6 1.6 0 0 1 .829-.96 1.7 1.7 0 0 1 1.28-.1 1.665 1.665 0 1 1-2.2 1.6v-.16a2 2 0 0 1 .097-.381Z'%3E%3C/path%3E%3Cpath data-name='Path 89315' d='M50.219 36.839a1.657 1.657 0 0 1-1.658-1.658.7.7 0 0 0-.713-.713.714.714 0 0 0-.713.713 3.083 3.083 0 1 0 5.046-2.385 3.04 3.04 0 0 0 1.12-2.37 3.083 3.083 0 1 0-6.166-.015.7.7 0 0 0 .713.713.714.714 0 0 0 .713-.713 1.658 1.658 0 1 1 1.658 1.658.713.713 0 0 0 0 1.425 1.672 1.672 0 0 1 0 3.345Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 30px;
  -moz-background-size: 40px;
    -o-background-size: 40px;
       background-size: 40px;
  padding: 20px 30px 20px 90px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  letter-spacing: 2px;
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
html.no-touch .secondaryBtnStyling .thirdDownloadBtn:hover,
html.no-touch .secondaryBtnStyling .forthDownloadBtn:hover,
html.no-touch .secondaryBtnStyling .customCssClass:hover,
html.no-touch .secondaryBtnStyling .secondaryDownloadBtn:hover {
  background-color: #012a42;
}
.secondaryBtnStyling .thirdDownloadBtn,
.secondaryBtnStyling .forthDownloadBtn,
.secondaryBtnStyling .secondaryDownloadBtn {
  background-image: none;
  padding: 20px 30px;
  color: #fff;
}
.secondaryBtnStyling .thirdDownloadBtn .global-icons,
.secondaryBtnStyling .forthDownloadBtn .global-icons,
.secondaryBtnStyling .secondaryDownloadBtn .global-icons {
  display: inline-block;
  font-size: 13px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
html.no-touch .secondaryBtnStyling .thirdDownloadBtn:hover .global-icons,
html.no-touch .secondaryBtnStyling .forthDownloadBtn:hover .global-icons,
html.no-touch .secondaryBtnStyling .secondaryDownloadBtn:hover .global-icons {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}
.secondaryBtnStyling .thirdDownloadBtn {
  background-color: #2ab222;
}
.secondaryBtnStyling .forthDownloadBtn {
  background-color: #fecd08;
  color: #012a42 !important;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -o-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.secondaryBtnStyling .forthDownloadBtn .global-icons {
  color: #012a42 !important;
}
html.no-touch .secondaryBtnStyling .forthDownloadBtn:hover {
  color: #fff !important;
}
html.no-touch .secondaryBtnStyling .forthDownloadBtn:hover .global-icons {
  color: #fff !important;
}

body.homepage {
  background-color: #012942;
}
body.homepage:not(.hp-loaded) * {
  opacity: 0;
  visibility: hidden;
}
body.homepage:not(.hp-loaded) .loading-screen-container, body.homepage:not(.hp-loaded) .loading-screen-container * {
  opacity: 1;
  visibility: visible;
}

.ribbon-img {
  width: 100%;
  height: 100%;
  display: block;
}
.ribbon-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 900px) {
  .ribbon-img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

/**
 * Swiper 11.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 9, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
     -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
       -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
     -moz-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: -o-transform;
  -moz-transition-property: transform, -moz-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: height, -o-transform;
  -moz-transition-property: transform, height, -moz-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
       backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
     -moz-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
     -moz-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: none;
      -ms-scroll-snap-type: none;
          scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
     -moz-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
     -moz-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
      -ms-transform-origin: 50%;
       -o-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
     -moz-animation: swiper-preloader-spin 1s infinite linear;
       -o-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes swiper-preloader-spin {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@-o-keyframes swiper-preloader-spin {
  0% {
    -o-transform: rotate(0deg);
       transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Slide styles end */
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.header {
  position: relative;
  height: 70px;
  z-index: 33;
}
.header:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 34vw;
  min-width: 130px;
  height: 100px;
  background-color: #01192f;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
@media (min-width: 900px) {
  .header:before {
    display: none;
  }
}
.header.popupOpened {
  z-index: 31;
}
.header.menu-opened .header-logo {
  display: none;
}
.header.menu-opened .header-links {
  position: fixed;
}
.header.menu-opened .header-links > li > a,
.header.menu-opened .header-links > li > button {
  background-color: #01192F;
}
@media (min-width: 900px) {
  .header.menu-opened .header-links > li > a,
.header.menu-opened .header-links > li > button {
    background-color: transparent;
  }
}
.header.dropdown-active:before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 899px) {
  .header.dropdown-portals-active .header-links {
    z-index: 12;
  }
}
.header.dropdown-portals-active:before {
  content: none;
}
@media (max-width: 899px) {
  body.secondLvl .header {
    height: 0;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .header.has-secure-search-btn .toggle-text,
.header.has-secure-search-btn .h-txt {
    font-size: clamp( 1rem, 1.0033444816vw + 0.4356187291rem, 1.1875rem );
  }
  .header.has-secure-search-btn .toggle-container {
    margin-right: clamp( 0.625rem, 1.6722408027vw + -0.3156354515rem, 0.9375rem );
  }
  .header.has-secure-search-btn .logoutBtn {
    margin-right: clamp( 0.1875rem, 2.3411371237vw + -1.1293896321rem, 0.625rem );
  }
}
@media (min-width: 900px) {
  .header {
    height: auto;
  }
}

.header-logo,
.header-menu-trigger {
  top: clamp( 6.875rem, 4.375vw + 6rem, 11.25rem );
}
@media (min-width: 900px) {
  .header-logo,
.header-menu-trigger {
    top: clamp( 1.875rem, 1.9607843137vw + 0.7720588235rem, 3.125rem );
  }
}

.header-menu-trigger {
  position: fixed;
  right: clamp( 1.875rem, 1.25vw + 1.625rem, 3.125rem );
  z-index: 10;
  cursor: pointer;
  background-color: #012A42;
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  width: clamp( 5.9375rem, 3.4375vw + 5.25rem, 9.375rem );
  height: clamp( 5.9375rem, 3.4375vw + 5.25rem, 9.375rem );
}
.header-menu-trigger > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
  max-height: 40px;
  margin: 0 auto;
  position: relative;
  width: 45%;
  max-width: 50px;
  height: 35%;
}
.header-menu-trigger > span span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #eee;
}
.header-menu-trigger > span span:first-child {
  width: 56%;
}
.header-menu-trigger > span span:nth-child(2) {
  position: relative;
}
.header-menu-trigger > span span:nth-child(2):before, .header-menu-trigger > span span:nth-child(2):after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #012A42;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.header-menu-trigger > span span:nth-child(2):after {
  -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
      -ms-transform-origin: bottom;
       -o-transform-origin: bottom;
          transform-origin: bottom;
}
.header-menu-trigger > span:after {
  content: "";
  right: 0;
  left: auto;
  top: 2px;
  width: 10px;
  height: 10px;
  background-color: #AA272F;
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
     -moz-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
       -o-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.header-menu-trigger > span {
  -webkit-transition: max-height 0.3s ease-out;
  -o-transition: max-height 0.3s ease-out;
  -moz-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
.header-menu-trigger.active {
  background-color: #AA272F;
}
.header-menu-trigger.active > span:after {
  background-color: #012A42;
}
body.userLoggedIn .header-menu-trigger.active > span:after {
  background-color: #aa272f;
}
.header-menu-trigger.active > span span:first-child, .header-menu-trigger.active > span span:last-child {
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background-color 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background-color 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background-color 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, background-color 0.3s ease-out;
  opacity: 0;
  visibility: hidden;
}
.header-menu-trigger.active > span span:nth-child(2) {
  background-color: transparent;
}
.header-menu-trigger.active > span span:nth-child(2):before, .header-menu-trigger.active > span span:nth-child(2):after {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  -webkit-transition: background-color 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: background-color 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, visibility 0.3s ease-out, -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, background-color 0.3s ease-out, visibility 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.header-menu-trigger.active > span span:nth-child(2):before {
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header-menu-trigger.active > span span:nth-child(2):after {
  -webkit-transform: rotate(-45deg) scaleX(0.8) translateY(2px) translateX(-3px);
     -moz-transform: rotate(-45deg) scaleX(0.8) translateY(2px) translateX(-3px);
      -ms-transform: rotate(-45deg) scaleX(0.8) translateY(2px) translateX(-3px);
       -o-transform: rotate(-45deg) scaleX(0.8) translateY(2px) translateX(-3px);
          transform: rotate(-45deg) scaleX(0.8) translateY(2px) translateX(-3px);
}
.header-menu-trigger.closing > span span:nth-child(2):before, .header-menu-trigger.closing > span span:nth-child(2):after {
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, -webkit-transform 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, -o-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s, transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.header-menu-trigger:not(.active) > span {
  max-height: 30px;
}
.header-menu-trigger:not(.active) > span span {
  -webkit-transition: background-color 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: background-color 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}
html.no-touch .header-menu-trigger:not(.active):hover {
  background-color: #fff;
}
html.no-touch .header-menu-trigger:not(.active):hover > span span {
  background-color: #012A42;
}
html.no-touch .header-menu-trigger.closing:hover > span span:before, html.no-touch .header-menu-trigger.closing:hover > span span:after {
  background-color: #012A42;
}
html.no-touch .header-menu-trigger.active:hover {
  background-color: #fff;
}
html.no-touch .header-menu-trigger.active:hover > span span:nth-child(2):before, html.no-touch .header-menu-trigger.active:hover > span span:nth-child(2):after {
  background: #012A42;
}
html.no-touch .header-menu-trigger.active:hover > span:after {
  background: #AA272F;
}
body.userLoggedIn .header-menu-trigger {
  background-color: #012a42;
}

.header-logo {
  display: inline-block;
  position: absolute;
  left: 17px;
}
@media (max-width: 950px) {
  body.shTplGBlockScroll .header-logo {
    display: none;
  }
}
@media (max-width: 950px) {
  body.eventDetails .header-logo {
    display: none;
  }
}
body.secureSearchPage .header-logo, .header-logo.dragonnet-portal-container {
  position: absolute;
  display: block;
  width: 61px;
  height: 127px;
}
body.secureSearchPage .header-logo:before, .header-logo.dragonnet-portal-container:before {
  content: "DragonNet";
  color: #fff;
  display: block;
  font-family: "ivymode", sans-serif;
  font-weight: normal;
  font-size: clamp( 3.125rem, 2.3125vw + 2.6625rem, 5.4375rem );
  line-height: clamp( 3.75rem, 2.3125vw + 3.2875rem, 6.0625rem );
  margin-bottom: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateX(100%) translateX(10px) translateY(10px);
     -moz-transform: translateX(100%) translateX(10px) translateY(10px);
      -ms-transform: translateX(100%) translateX(10px) translateY(10px);
       -o-transform: translateX(100%) translateX(10px) translateY(10px);
          transform: translateX(100%) translateX(10px) translateY(10px);
}
@media (max-width: 899px) {
  body.secureSearchPage .header-logo:before, .header-logo.dragonnet-portal-container:before {
    content: none;
  }
}
body.secureSearchPage .header-logo {
  -webkit-transform: translateY(-12px);
     -moz-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
       -o-transform: translateY(-12px);
          transform: translateY(-12px);
}
@media (min-width: 900px) {
  body.secureSearchPage .header-logo:before {
    font-size: 45px;
    -webkit-transform: translateX(100%) translateX(10px) translateY(25px);
       -moz-transform: translateX(100%) translateX(10px) translateY(25px);
        -ms-transform: translateX(100%) translateX(10px) translateY(25px);
         -o-transform: translateX(100%) translateX(10px) translateY(25px);
            transform: translateX(100%) translateX(10px) translateY(25px);
  }
}
body.secureSearchPage .header-logo.hkis-central-theme, body.secureSearchPage .header-logo.employee-portal-theme {
  background-image: none;
  height: 60px;
}
body.secureSearchPage .header-logo.hkis-central-theme:before, body.secureSearchPage .header-logo.employee-portal-theme:before {
  content: none;
}
body.secureSearchPage .header-logo.hkis-central-theme:after, body.secureSearchPage .header-logo.employee-portal-theme:after {
  content: "Back to Portal";
  white-space: nowrap;
  font-weight: 200;
  font-size: clamp( 1.125rem, 0.8125vw + 0.9625rem, 1.9375rem );
  letter-spacing: 0.2em;
  color: #fff;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  -webkit-transform: translateX(100%) translateY(50%) translateY(-8px) translateX(6px);
     -moz-transform: translateX(100%) translateY(50%) translateY(-8px) translateX(6px);
      -ms-transform: translateX(100%) translateY(50%) translateY(-8px) translateX(6px);
       -o-transform: translateX(100%) translateY(50%) translateY(-8px) translateX(6px);
          transform: translateX(100%) translateY(50%) translateY(-8px) translateX(6px);
}
@media (max-width: 375px) {
  body.secureSearchPage .header-logo.hkis-central-theme:after, body.secureSearchPage .header-logo.employee-portal-theme:after {
    content: none;
  }
}
body.secureSearchPage .header-logo.hkis-central-theme .gi-portals, body.secureSearchPage .header-logo.employee-portal-theme .gi-portals {
  position: absolute;
  font-size: clamp( 2.5rem, 1.724137931vw + 2.1551724138rem, 3.125rem );
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 899px) {
  body.secureSearchPage .header-logo.hkis-central-theme .gi-portals, body.secureSearchPage .header-logo.employee-portal-theme .gi-portals {
    -webkit-transform: translateX(-50%) translateY(3px);
       -moz-transform: translateX(-50%) translateY(3px);
        -ms-transform: translateX(-50%) translateY(3px);
         -o-transform: translateX(-50%) translateY(3px);
            transform: translateX(-50%) translateY(3px);
  }
}
body.secureSearchPage .header-logo.hkis-central-theme .gi-angle, body.secureSearchPage .header-logo.employee-portal-theme .gi-angle {
  color: #fff;
  font-size: 15px;
  -webkit-transform: rotate(180deg) translateX(15px);
     -moz-transform: rotate(180deg) translateX(15px);
      -ms-transform: rotate(180deg) translateX(15px);
       -o-transform: rotate(180deg) translateX(15px);
          transform: rotate(180deg) translateX(15px);
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
@media (max-width: 899px) {
  body.secureSearchPage .header-logo.hkis-central-theme, body.secureSearchPage .header-logo.employee-portal-theme {
    width: 40px;
    margin-left: 20px;
  }
}
html.no-touch body.secureSearchPage .header-logo {
  -webkit-transform: translateY(-12px);
     -moz-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
       -o-transform: translateY(-12px);
          transform: translateY(-12px);
}
html.no-touch body.secureSearchPage .header-logo.hkis-central-theme:hover:after, html.no-touch body.secureSearchPage .header-logo.employee-portal-theme:hover:after {
  text-decoration: underline;
}
html.no-touch body.secureSearchPage .header-logo.hkis-central-theme:hover .gi-angle, html.no-touch body.secureSearchPage .header-logo.employee-portal-theme:hover .gi-angle {
  -webkit-transform: rotate(180deg) translateX(20px);
     -moz-transform: rotate(180deg) translateX(20px);
      -ms-transform: rotate(180deg) translateX(20px);
       -o-transform: rotate(180deg) translateX(20px);
          transform: rotate(180deg) translateX(20px);
}
.header-logo.employee-portal-container {
  position: absolute;
  display: block;
  height: 103px;
  width: 93px;
}
.header-logo.employee-portal-container img {
  height: 133px;
  width: 103px;
}
.header-logo.employee-portal-container:before {
  content: "Employee Portal";
  color: #fff;
  display: block;
  font-family: "ivymode", sans-serif;
  font-weight: normal;
  font-size: clamp( 3.125rem, 2.3125vw + 2.6625rem, 5.4375rem );
  line-height: clamp( 3.75rem, 2.3125vw + 3.2875rem, 6.0625rem );
  margin-bottom: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
  -webkit-transform: translateX(100%) translateX(20px) translateY(15px);
     -moz-transform: translateX(100%) translateX(20px) translateY(15px);
      -ms-transform: translateX(100%) translateX(20px) translateY(15px);
       -o-transform: translateX(100%) translateX(20px) translateY(15px);
          transform: translateX(100%) translateX(20px) translateY(15px);
  white-space: nowrap;
}
@media (max-width: 899px) {
  .header-logo.employee-portal-container:before {
    content: none;
  }
}
@media (min-width: 900px) {
  body.userLoggedIn.is-employee-portal .header-logo:before {
    -webkit-transform: translateX(100%) translateX(0) translateY(20px);
       -moz-transform: translateX(100%) translateX(0) translateY(20px);
        -ms-transform: translateX(100%) translateX(0) translateY(20px);
         -o-transform: translateX(100%) translateX(0) translateY(20px);
            transform: translateX(100%) translateX(0) translateY(20px);
  }
}
@media (min-width: 900px) {
  .header-logo {
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: clamp( 1.875rem, 2.4509803922vw + 0.4963235294rem, 3.4375rem );
    left: clamp( 1.875rem, 2.9411764706vw + 0.2205882353rem, 3.75rem );
  }
}

.header-img.hi-1, .header-img.hi-2 {
  display: none;
}
@media (min-width: 900px) {
  .header-img.hi-1, .header-img.hi-2 {
    display: block;
  }
}
.header-img.hi-1 {
  width: clamp( 5rem, 6.862745098vw + 1.1397058824rem, 9.375rem );
  height: clamp( 5rem, 6.862745098vw + 1.1397058824rem, 9.375rem );
  -webkit-transition: -webkit-filter 0.3s ease-out;
  transition: -webkit-filter 0.3s ease-out;
  -o-transition: filter 0.3s ease-out;
  -moz-transition: filter 0.3s ease-out;
  transition: filter 0.3s ease-out;
  transition: filter 0.3s ease-out, -webkit-filter 0.3s ease-out;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  position: fixed;
  top: clamp( 1.875rem, 1.9607843137vw + 0.7720588235rem, 3.125rem );
  left: clamp( 1.875rem, 1.9607843137vw + 0.7720588235rem, 3.125rem );
}
body.secondLvl:not(.media-template):not(.calendar):not(.eventDetails):not(.contact):not(.securePage) .header-img.hi-1 {
  position: absolute;
  top: 0;
  left: 0;
}
body.secondLvl:not(.media-template):not(.calendar):not(.eventDetails):not(.contact):not(.securePage) .header-img.hi-1.red {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
body.secondLvl.media-template .header-img.hi-1 {
  position: absolute;
  left: -7px;
  top: -3px;
}
body.secondLvl.media-template .header-img.hi-1.red {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
body.eventDetails .header-img.hi-1, body.securePage .header-img.hi-1, .header-img.hi-1.red {
  -webkit-filter: none;
          filter: none;
}
body.secureSearchPage .header-img.hi-1 {
  display: block !important;
}
.header-img.hi-2 {
  width: clamp( 12.5rem, 18.6274509804vw + 2.0220588235rem, 24.375rem );
  height: clamp( 4.375rem, 6.862745098vw + 0.5147058824rem, 8.75rem );
  margin-left: clamp( 5.625rem, 8.8235294118vw + 0.6617647059rem, 11.25rem );
}
body.eventDetails .header-img.hi-2 {
  display: none;
}
@media (max-width: 1199px) {
  .header-img.hi-2 {
    display: none;
  }
}
.header-img.hi-3 {
  width: clamp( 5.9375rem, 3.4375vw + 5.25rem, 9.375rem );
  height: clamp( 5.9375rem, 3.4375vw + 5.25rem, 9.375rem );
}
@media (min-width: 900px) {
  .header-img.hi-3 {
    display: none;
  }
}
.header-img.hi-4 {
  display: none;
  width: 400px;
  position: absolute;
}
.header-img.hi-4.dragonnet-portal {
  top: -16px;
}
.header-img.hi-4.employee-portal {
  top: -14px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
@media (max-width: 899px) {
  .header-img.hi-4.employee-portal {
    width: 93px;
    height: 120px;
    top: -17px;
  }
}
@media (max-width: 789px) {
  .header-img.hi-4.employee-portal {
    height: 103px;
    width: 93px;
    top: -15px;
  }
}
.header-img.hi-4.dragonnet-portal {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
  width: 61px;
  height: 127px;
  top: -16px;
}
@media (max-width: 899px) {
  .header-img.hi-4 {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
  }
  .header-img.hi-4.employee-portal {
    width: 93px;
    height: 120px;
    top: -17px;
  }
}
@media (max-width: 789px) {
  .header-img.hi-4.employee-portal {
    height: 103px;
    width: 93px;
    top: -15px;
  }
}
body.userLoggedIn .header-img.hi-1, body.userLoggedIn .header-img.hi-2, body.userLoggedIn .header-img.hi-3 {
  display: none;
}
body.userLoggedIn .header-img.hi-4 {
  display: block;
}
body.userLoggedIn.is-employee-portal .header-img.hi-1 {
  display: block;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  width: clamp( 4.375rem, 1.875vw + 4rem, 6.25rem );
  height: clamp( 4.375rem, 1.875vw + 4rem, 6.25rem );
  top: 50% !important;
  -webkit-transform: translateY(-50%) translateY(4px);
     -moz-transform: translateY(-50%) translateY(4px);
      -ms-transform: translateY(-50%) translateY(4px);
       -o-transform: translateY(-50%) translateY(4px);
          transform: translateY(-50%) translateY(4px);
}
@media (max-width: 899px) {
  body.userLoggedIn.is-employee-portal .header-img.hi-1 {
    -webkit-transform: translateY(-50%) translateY(-13px);
       -moz-transform: translateY(-50%) translateY(-13px);
        -ms-transform: translateY(-50%) translateY(-13px);
         -o-transform: translateY(-50%) translateY(-13px);
            transform: translateY(-50%) translateY(-13px);
  }
}
.header-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.header-links > li > a,
.header-links > li > button {
  background-color: #012a42;
  width: 100%;
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
@media (min-width: 900px) {
  .header-links > li > a,
.header-links > li > button {
    background-color: transparent;
    height: 45px;
  }
}
.header-links > li:nth-child(1) > a {
  padding: 13px 0 16px 0;
}
@media (min-width: 900px) {
  .header-links > li:nth-child(1) > a {
    padding: 0;
  }
}
@media (min-width: 900px) {
  .header-links > li:nth-child(2) .header-icon {
    margin-bottom: 0;
    -webkit-transform: scale(1.4) translateY(2px);
       -moz-transform: scale(1.4) translateY(2px);
        -ms-transform: scale(1.4) translateY(2px);
         -o-transform: scale(1.4) translateY(2px);
            transform: scale(1.4) translateY(2px);
  }
  .header-links > li:nth-child(2) span:not(.header-icon) {
    -webkit-transform: translateY(2px);
       -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
         -o-transform: translateY(2px);
            transform: translateY(2px);
  }
}
.header-links > li:nth-child(2) > a {
  padding: 13px 0 16px 0;
  -webkit-border-radius: 0 0 30px 0;
     -moz-border-radius: 0 0 30px 0;
          border-radius: 0 0 30px 0;
}
@media (min-width: 900px) {
  .header-links > li:nth-child(2) > a {
    padding: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}
.header-links > li:nth-child(3) button {
  padding: 13px 0 16px 13px;
  -webkit-border-radius: 0 0 0 30px;
     -moz-border-radius: 0 0 0 30px;
          border-radius: 0 0 0 30px;
}
@media (min-width: 900px) {
  .header-links > li:nth-child(3) button {
    padding: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}
@media (min-width: 900px) {
  .header-links > li {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.header-links li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  z-index: 2;
}
.header-links li:nth-child(1) .header-icon {
  font-size: clamp( 1.875rem, 0.125vw + 1.85rem, 2rem );
}
@media (min-width: 900px) {
  .header-links li:nth-child(1) .header-icon {
    font-size: clamp( 0.9375rem, 1.6666666667vw + 0rem, 2rem );
  }
}
@media (max-width: 899px) {
  .header-links li:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.header-links li:nth-child(2) .header-icon {
  font-size: clamp( 2.1875rem, 0.5625vw + 2.075rem, 2.75rem );
}
@media (min-width: 900px) {
  .header-links li:nth-child(2) .header-icon {
    font-size: clamp( 1.5625rem, 1.862745098vw + 0.5147058824rem, 2.75rem );
    margin-bottom: clamp( 0.3125rem, 0.4901960784vw + 0.0367647059rem, 0.625rem );
  }
}
@media (max-width: 899px) {
  .header-links li:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.header-links li:nth-child(3) .header-icon {
  font-size: clamp( 1.5625rem, 0.4375vw + 1.475rem, 2rem );
  margin-bottom: clamp( 0.75rem, 0.5vw + 0.65rem, 1.25rem );
}
@media (min-width: 900px) {
  .header-links li:nth-child(3) .header-icon {
    font-size: clamp( 0.9375rem, 1.6666666667vw + 0rem, 2rem );
    margin-bottom: 0;
  }
}
@media (max-width: 899px) {
  .header-links li:nth-child(3) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .header-links li:nth-child(3) {
    margin-right: 20px;
  }
}
@media (min-width: 900px) {
  .header-links li:not(:nth-child(3)) {
    margin-right: clamp( 0.625rem, 3.9215686275vw + -1.5808823529rem, 3.125rem );
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .header-links li:not(:nth-child(3)) {
    margin-right: 40px;
  }
}
@media (min-width: 900px) {
  .header-links li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-links a,
.header-links button {
  font-weight: 300;
  font-size: clamp( 0.75rem, 1.1875vw + 0.5125rem, 1.9375rem );
  letter-spacing: 0.2em;
  color: #eee;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
}
.header-links a span.global-icons,
.header-links button span.global-icons {
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
html.no-touch .header-links a:hover span:not(.global-icons):not(.hl-contact-icon):not(.hl-portals-icon):not(.gi-contact),
html.no-touch .header-links button:hover span:not(.global-icons):not(.hl-contact-icon):not(.hl-portals-icon):not(.gi-contact) {
  text-decoration: underline;
}
html.no-touch .header-links a:hover span.global-icons,
html.no-touch .header-links button:hover span.global-icons {
  color: #aa272f;
}
@media (min-width: 900px) {
  .header-links a,
.header-links button {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: clamp( 0.0625rem, 3.3333333333vw + -1.8125rem, 2.1875rem );
  }
}
.header-links button {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media (min-width: 900px) {
  .header-links {
    position: absolute;
    width: auto;
    height: clamp( 5.3125rem, 4.4117647059vw + 2.8308823529rem, 8.125rem );
    left: auto;
    top: 40px;
    right: clamp( 9.375rem, 8.8235294118vw + 4.4117647059rem, 15rem );
    background-color: transparent;
    padding: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}
@media (min-width: 900px) and (min-width: 1024px) {
  .header-links {
    height: clamp( 5.9375rem, 7.2544642857vw + 1.2946428571rem, 10rem );
  }
}
@media (min-width: 900px) {
  body.secondLvl .header:not(.menu-opened) .header-links {
    display: none;
  }
}
body.userLoggedIn .header-links {
  display: none;
}

.header-icon {
  display: block;
  margin-bottom: clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem );
}
@media (min-width: 900px) {
  .header-icon {
    margin-bottom: clamp( 0.625rem, 0.4901960784vw + 0.3492647059rem, 0.9375rem );
    margin-right: clamp( 0.3125rem, 1.4705882353vw + -0.5147058824rem, 1.25rem );
  }
}

.hl-portals-icon,
.hl-contact-icon {
  position: relative;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin-left 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin-left 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin-left 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin-left 0.3s ease-out;
}

@media (min-width: 900px) {
  .hl-portals-icon .header-icon {
    margin-bottom: 0;
    margin-left: -2px;
  }
}

.hl-portals-angle,
.hl-contact-angle {
  display: none;
}
@media (min-width: 900px) {
  .hl-portals-angle,
.hl-contact-angle {
    display: inline-block;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-130%) translateY(100%) translateY(5px) rotate(90deg);
       -moz-transform: translateX(-130%) translateY(100%) translateY(5px) rotate(90deg);
        -ms-transform: translateX(-130%) translateY(100%) translateY(5px) rotate(90deg);
         -o-transform: translateX(-130%) translateY(100%) translateY(5px) rotate(90deg);
            transform: translateX(-130%) translateY(100%) translateY(5px) rotate(90deg);
    font-size: clamp( 0.5625rem, 1.0784313725vw + -0.0441176471rem, 1.25rem );
  }
}

.hl-portals,
.hl-contact {
  position: relative;
}
.hl-portals button,
.hl-contact button {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background-color: #012a42;
  padding-top: 0;
}
@media (min-width: 900px) {
  .hl-portals.active .hl-portals-icon,
.hl-portals.active .hl-contact-icon,
.hl-contact.active .hl-portals-icon,
.hl-contact.active .hl-contact-icon {
    opacity: 0;
    visibility: hidden;
    margin-left: -40%;
  }
}
.hl-portals.active .hl-portals-dropdown,
.hl-portals.active .hl-contact-dropdown,
.hl-contact.active .hl-portals-dropdown,
.hl-contact.active .hl-contact-dropdown {
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
      -ms-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.hl-portals.active .hl-portals-dropdown li,
.hl-portals.active .hl-contact-dropdown li,
.hl-contact.active .hl-portals-dropdown li,
.hl-contact.active .hl-contact-dropdown li {
  opacity: 1;
  visibility: visible;
}
.hl-portals .hl-portals-icon,
.hl-portals .hl-contact-icon,
.hl-portals .gi-contact,
.hl-contact .hl-portals-icon,
.hl-contact .hl-contact-icon,
.hl-contact .gi-contact {
  text-decoration: none !important;
}

@media (min-width: 900px) and (max-width: 1199px) {
  .hl-portals.active .hl-portals-icon {
    margin-left: -103%;
  }
}
@media (min-width: 1200px) {
  .hl-portals.active .hl-portals-icon {
    margin-left: -102%;
  }
}
@media (min-width: 1440px) {
  .hl-portals.active .hl-portals-icon {
    margin-left: -96%;
  }
}
@media (min-width: 1600px) {
  .hl-portals.active .hl-portals-icon {
    margin-left: -93%;
  }
}
.hl-portals button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header-links .hl-portals-dropdown,
.header-links .hl-contact-dropdown {
  width: 100%;
  position: absolute;
  left: clamp( -1.25rem, -8.125vw + 0.375rem, -9.375rem );
  top: 100%;
  background-color: #01192F;
  padding: clamp( 1.25rem, 0.9375vw + 1.0625rem, 2.1875rem ) 0 clamp( 1.25rem, 1.5625vw + 0.9375rem, 2.8125rem ) clamp( 1.25rem, 1.25vw + 1rem, 2.5rem );
  -webkit-border-radius: 0 0 clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem ) clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem );
     -moz-border-radius: 0 0 clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem ) clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem );
          border-radius: 0 0 clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem ) clamp( 1.875rem, 1.724137931vw + 1.5301724138rem, 2.5rem );
  -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.header-links .hl-portals-dropdown li,
.header-links .hl-contact-dropdown li {
  margin: 0;
  padding: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s;
  -o-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s;
  -moz-transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s;
  transition: opacity 0.3s ease-out 0.3s, visibility 0.3s ease-out 0.3s;
}
@media (min-width: 900px) {
  .header-links .hl-portals-dropdown li:first-child a,
.header-links .hl-contact-dropdown li:first-child a {
    padding-top: 0;
  }
}
@media (min-width: 900px) {
  .header-links .hl-portals-dropdown li:last-child a,
.header-links .hl-contact-dropdown li:last-child a {
    padding-bottom: 0;
  }
}
.header-links .hl-portals-dropdown a,
.header-links .hl-contact-dropdown a {
  font-size: clamp( 0.9375rem, 0.625vw + 0.8125rem, 1.5625rem );
  display: block;
  padding: clamp( 0.5625rem, 0.375vw + 0.4875rem, 0.9375rem ) 0 clamp( 1.25rem, 0.9375vw + 1.0625rem, 2.1875rem );
  width: 100%;
}
html.no-touch .header-links .hl-portals-dropdown a:hover span.global-icons,
html.no-touch .header-links .hl-contact-dropdown a:hover span.global-icons {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
  color: #fff;
}
@media (min-width: 900px) {
  html.no-touch .header-links .hl-portals-dropdown a:hover span.global-icons,
html.no-touch .header-links .hl-contact-dropdown a:hover span.global-icons {
    -webkit-transform: translateY(-3px) translateX(5px);
       -moz-transform: translateY(-3px) translateX(5px);
        -ms-transform: translateY(-3px) translateX(5px);
         -o-transform: translateY(-3px) translateX(5px);
            transform: translateY(-3px) translateX(5px);
  }
}
@media (min-width: 900px) {
  .header-links .hl-portals-dropdown a,
.header-links .hl-contact-dropdown a {
    padding: clamp( 0.5625rem, 0.5882352941vw + 0.2316176471rem, 0.9375rem ) 0;
    width: auto;
  }
}
.header-links .hl-portals-dropdown span.global-icons,
.header-links .hl-contact-dropdown span.global-icons {
  font-size: clamp( 0.6875rem, 0.375vw + 0.6125rem, 1.0625rem );
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
@media (min-width: 900px) {
  .header-links .hl-portals-dropdown span.global-icons,
.header-links .hl-contact-dropdown span.global-icons {
    -webkit-transform: translateY(-3px);
       -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
         -o-transform: translateY(-3px);
            transform: translateY(-3px);
  }
}
.header-links .hl-portals-dropdown:before,
.header-links .hl-contact-dropdown:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
  height: 100%;
  background-color: #01192f;
  -webkit-transform: translateY(-100%);
     -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  z-index: -1;
  pointer-events: none;
  -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 30px rgba(0, 0, 0, 0.6);
}
@media (max-width: 899px) {
  .header-links .hl-portals-dropdown:before,
.header-links .hl-contact-dropdown:before {
    display: none;
  }
}
.header-links .hl-portals-dropdown:after,
.header-links .hl-contact-dropdown:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
  height: 100%;
  background-color: #01192f;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 899px) {
  .header-links .hl-portals-dropdown:after,
.header-links .hl-contact-dropdown:after {
    display: none;
  }
}
@media (max-width: 899px) {
  .header-links .hl-portals-dropdown,
.header-links .hl-contact-dropdown {
    width: 38vw;
    min-width: 150px;
    padding-left: 10vw;
    padding-bottom: 5%;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}
@media (min-width: 900px) {
  .header-links .hl-portals-dropdown,
.header-links .hl-contact-dropdown {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    top: 90%;
    padding-top: 0;
    min-width: clamp( 9.375rem, 13.7254901961vw + 1.6544117647rem, 18.125rem );
  }
}
@media (min-width: 900px) and (max-width: 1023px) {
  .header-links .hl-portals-dropdown,
.header-links .hl-contact-dropdown {
    min-width: 160px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .header-links .hl-portals-dropdown,
.header-links .hl-contact-dropdown {
    min-width: 180px;
  }
}

@media (min-width: 900px) {
  .header-links .hl-contact-dropdown {
    padding-left: 35px;
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .header-links .hl-contact-dropdown {
    padding-left: 30px;
  }
}

.header-links .hl-portals-dropdown {
  padding-left: 20px;
  padding-right: 15px;
}
@media (min-width: 900px) and (max-width: 1199px) {
  .header-links .hl-portals-dropdown {
    min-width: 215px;
    top: 90%;
    left: -60px;
  }
}
@media (min-width: 1200px) {
  .header-links .hl-portals-dropdown {
    min-width: clamp( 15.625rem, 13.8888888889vw + 5.2083333333rem, 21.875rem );
    left: -65px;
  }
}
.header-links .hl-portals-dropdown a {
  word-break: break-word;
  text-transform: none;
  letter-spacing: 0.1em;
}
.header-links .hl-portals-dropdown li:last-child .global-icons {
  display: none;
}
.header-links .hl-portals-dropdown li a .global-icons {
  font-size: 8px;
  margin-left: 4px;
}

body.media-template .header-ref {
  height: 290px;
  position: absolute;
}
@media (max-width: 1023px) {
  body.media-template .header-ref {
    height: 340px;
  }
}

body:not(.userLoggedIn) .secureSearchBtn, body.secureSearchPage .secureSearchBtn {
  display: none;
}

@media (max-width: 899px) {
  body.userLoggedIn .header-links {
    display: none;
  }

  #hl-contact {
    z-index: 4;
  }

  .header:before {
    content: none;
  }

  .header.dropdown-active .header-links #hl-contact:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 34vw;
    min-width: 130px;
    height: 100%;
    background-color: #01192f;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  }

  #hl-contact-trigger {
    position: relative;
    background: #012a42;
  }

  #hl-contact-trigger:after {
    content: "";
    position: absolute;
    background: #012a42;
    width: 100%;
    height: 100%;
    right: -20%;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 900px) and (max-width: 1023px) {
  .header-links .hl-contact-dropdown, .header-links .hl-portals-dropdown {
    min-width: 177px;
  }

  .header-links {
    margin-right: 10px;
  }
}
.custom-menu {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.custom-popup.popup-alert {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 31;
  padding-bottom: 50px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  pointer-events: none;
  background: transparent;
  -webkit-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}
body:not(.alert-popups-loaded) .custom-popup.popup-alert {
  display: none !important;
}
.custom-popup.popup-alert::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.custom-popup.popup-alert:not(.opened) .scroll-prompt,
.custom-popup.popup-alert:not(.opened) .scroll-prompt.active {
  display: none;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert:not(.opened) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.custom-popup.popup-alert.opened {
  display: block;
}
.custom-popup.popup-alert.opened .alert-close {
  display: block;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert.opened {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.custom-popup.popup-alert.hovered .popup-more .custom-arrow .global-icons {
  -webkit-transform: rotate(-45deg) translateX(160%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(160%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(160%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(160%) translateY(3%);
          transform: rotate(-45deg) translateX(160%) translateY(3%);
}
.custom-popup.popup-alert.hovered .popup-more .custom-arrow {
  border-color: #012a42;
}
.custom-popup.popup-alert .pc-content-wrapper {
  position: relative;
}
.custom-popup.popup-alert .popup-wrapper {
  padding-top: clamp( 5rem, 4.375vw + 4.125rem, 9.375rem );
  overflow: visible;
  max-width: clamp( 19.875rem, 42vw + 11.475rem, 61.875rem );
  margin: 0 auto;
}
@media (min-width: 768px) {
  .custom-popup.popup-alert .popup-wrapper {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-wrapper {
    width: 90%;
    max-width: 1200px;
    padding-top: 0;
  }
}
.custom-popup.popup-alert .pc-inner {
  max-width: clamp( 19.875rem, 42vw + 11.475rem, 61.875rem );
}
@media (min-width: 768px) {
  .custom-popup.popup-alert .pc-inner {
    margin: 0;
    position: relative;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .pc-inner {
    max-width: 83%;
    margin: 0 auto;
  }
}
.custom-popup.popup-alert .pc-content {
  background: #fff;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .pc-content {
    background: #aa272f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
    border-bottom: 10px solid #aa272f;
  }
}
.custom-popup.popup-alert .popup-image {
  background-color: #aa272f;
  overflow: hidden;
  position: relative;
}
.custom-popup.popup-alert .popup-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  position: absolute;
}
@media (max-width: 400px) {
  .custom-popup.popup-alert .popup-image {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 400px) {
  .custom-popup.popup-alert .popup-image {
    min-height: 250px;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-image {
    height: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.custom-popup.popup-alert .popup-content {
  background: #fff;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.custom-popup.popup-alert .popup-content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.custom-popup.popup-alert .popup-content-header .popup-header {
  line-height: 28px;
  padding-top: 3px;
  font-weight: 300;
  font-size: clamp( 1rem, 0.4375vw + 0.9125rem, 1.4375rem );
  letter-spacing: 0.2em;
  text-align: center;
  color: #01192f;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-content-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.custom-popup.popup-alert .popup-content-inner {
  padding: 25px;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-content-inner {
    height: 100%;
    padding: 45px;
  }
}
.custom-popup.popup-alert .popup-title {
  font-weight: normal;
  margin: 5px 0 10px;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  font-size: clamp( 1.5rem, 0.875vw + 1.325rem, 2.375rem );
  line-height: clamp( 2.125rem, 0.875vw + 1.95rem, 3rem );
  text-align: center;
  color: #01192f;
  font-family: "ivymode", sans-serif;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-title {
    text-align: left;
  }
}
.custom-popup.popup-alert .popup-description {
  font-weight: 300;
  font-size: clamp( 1rem, 0.625vw + 0.875rem, 1.625rem );
  line-height: clamp( 1.625rem, 0.625vw + 1.5rem, 2.25rem );
  text-align: center;
  color: #01192f;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-description {
    margin: 25px 0 15px;
    text-align: left;
  }
}
.custom-popup.popup-alert .popup-link-icon {
  pointer-events: none;
  font-size: 11px;
  color: #F2685E;
  display: inline;
  margin-left: 10px;
}
.custom-popup.popup-alert .updated {
  margin: 15px 0 0;
  display: block;
  font-weight: 300;
  font-size: clamp( 1rem, 0.625vw + 0.875rem, 1.625rem );
  line-height: clamp( 1.625rem, 0.625vw + 1.5rem, 2.25rem );
  text-align: center;
  color: #01192f;
  border: 1px solid rgba(0, 0, 0, 0);
  opacity: 0.7;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .updated {
    margin: 30px 0 0;
    text-align: left;
  }
}
.custom-popup.popup-alert .popup-card.has-url {
  pointer-events: none;
}
.custom-popup.popup-alert .popup-card.has-url .pc-inner {
  pointer-events: all;
}
.custom-popup.popup-alert .popup-card.has-url .global-url {
  display: block;
}
.custom-popup.popup-alert .popup-card.no-url .popup-more {
  display: none;
}
.custom-popup.popup-alert .popup-card.no-url .global-url {
  display: none;
}
.custom-popup.popup-alert .popup-card.no-url .popup-content-inner:after {
  display: none;
}
.custom-popup.popup-alert .global-url {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.custom-popup.popup-alert .popup-wrapper {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .popup-wrapper {
    -webkit-transition: opacity 0.3s ease-out 0.2s, visibility 0.3s ease-out 0.2s;
    -o-transition: opacity 0.3s ease-out 0.2s, visibility 0.3s ease-out 0.2s;
    -moz-transition: opacity 0.3s ease-out 0.2s, visibility 0.3s ease-out 0.2s;
    transition: opacity 0.3s ease-out 0.2s, visibility 0.3s ease-out 0.2s;
  }
}
.custom-popup.popup-alert.opened {
  pointer-events: all;
  background: rgba(1, 41, 66, 0.7);
}
.custom-popup.popup-alert.opened .popup-wrapper {
  opacity: 1;
  visibility: visible;
}
.custom-popup.popup-alert .scroll-prompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 51, 83, 0)), to(#002c59));
  background: -webkit-linear-gradient(rgba(16, 51, 83, 0) 0%, #002c59 100%);
  background: -moz-linear-gradient(rgba(16, 51, 83, 0) 0%, #002c59 100%);
  background: -o-linear-gradient(rgba(16, 51, 83, 0) 0%, #002c59 100%);
  background: linear-gradient(rgba(16, 51, 83, 0) 0%, #002c59 100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 33;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.custom-popup.popup-alert .scroll-prompt.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (min-width: 900px) {
  .custom-popup.popup-alert .scroll-prompt {
    display: none;
  }
}
.custom-popup.popup-alert .scroll-prompt-btn {
  width: clamp( 2.1875rem, 0.3125vw + 2.125rem, 2.5rem );
  min-width: clamp( 2.1875rem, 0.3125vw + 2.125rem, 2.5rem );
  height: clamp( 2.1875rem, 0.3125vw + 2.125rem, 2.5rem );
  min-height: clamp( 2.1875rem, 0.3125vw + 2.125rem, 2.5rem );
  border: 3px solid #aa272f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: border-color 0.3s ease-out;
  -o-transition: border-color 0.3s ease-out;
  -moz-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
  cursor: pointer;
  background-color: transparent;
  font-size: clamp( 2.1875rem, 0.9375vw + 2rem, 3.125rem );
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.custom-popup.popup-alert .scroll-prompt-btn .global-icons {
  color: #fff;
  font-size: 40%;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  -webkit-transform: rotate(-45deg) translateX(50%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(50%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(50%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(50%) translateY(3%);
          transform: rotate(-45deg) translateX(50%) translateY(3%);
}
.custom-popup.popup-alert .scroll-prompt-btn .global-icons {
  color: #002c59;
  font-size: 15px;
  -webkit-transform: rotate(-45deg) translateX(50%) translateY(2%);
     -moz-transform: rotate(-45deg) translateX(50%) translateY(2%);
      -ms-transform: rotate(-45deg) translateX(50%) translateY(2%);
       -o-transform: rotate(-45deg) translateX(50%) translateY(2%);
          transform: rotate(-45deg) translateX(50%) translateY(2%);
}
html.no-touch .custom-popup.popup-alert .scroll-prompt-btn:hover {
  border-color: #fff;
}
html.no-touch .custom-popup.popup-alert .scroll-prompt-btn:hover .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}
html.no-touch .custom-popup.popup-alert .scroll-prompt-btn:hover .global-icons {
  -webkit-transform: rotate(-45deg) translateX(200%) translateY(2%);
     -moz-transform: rotate(-45deg) translateX(200%) translateY(2%);
      -ms-transform: rotate(-45deg) translateX(200%) translateY(2%);
       -o-transform: rotate(-45deg) translateX(200%) translateY(2%);
          transform: rotate(-45deg) translateX(200%) translateY(2%);
}
@media (min-width: 900px) {
  .custom-popup.popup-alert {
    padding-bottom: 0;
  }
}

.alert-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.custom-popup.popup-notices {
  display: none;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 31;
}
body:not(.notices-popups-loaded) .custom-popup.popup-notices {
  display: none !important;
}
.custom-popup.popup-notices .popup-inner {
  height: 100%;
  background: rgba(1, 41, 66, 0.7);
}
.custom-popup.popup-notices .popup-inner > .close-popup-wrapper {
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-inner > .close-popup-wrapper .close-popup {
    left: 52%;
    right: auto;
    z-index: 32;
  }
}
@media (min-width: 1800px) {
  .custom-popup.popup-notices .popup-inner > .close-popup-wrapper .close-popup {
    left: 930px;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-inner {
    background: transparent;
  }
}
.custom-popup.popup-notices .custom-popup-swiper {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
.custom-popup.popup-notices .custom-popup-swiper::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}
.custom-popup.popup-notices .custom-popup-scroller > .close-popup-wrapper {
  position: fixed;
  -webkit-transform: translateX(-50px);
     -moz-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
       -o-transform: translateX(-50px);
          transform: translateX(-50px);
  height: 0;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 899px) {
  .custom-popup.popup-notices .custom-popup-scroller > .close-popup-wrapper {
    display: none;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .custom-popup-scroller {
    width: 50%;
    max-width: 900px;
    -webkit-border-radius: 5px 0 0 5px;
       -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
    overflow: visible;
    margin-right: auto;
    margin-left: 0;
  }
}
.custom-popup.popup-notices .custom-popup-swiper-wrapper {
  height: 100%;
  margin-left: auto;
}
.custom-popup.popup-notices .custom-popup-swiper-wrapper > .popup-content-header {
  display: none;
  width: 90%;
  margin: 90px auto 40px;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .custom-popup-swiper-wrapper > .popup-content-header {
    display: block;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .custom-popup-swiper-wrapper {
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    -webkit-transform: translate3d(-120%, 0, 0);
       -moz-transform: translate3d(-120%, 0, 0);
            transform: translate3d(-120%, 0, 0);
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -o-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    background: #012a42;
    border-right: 10px solid #AA272F;
  }
  .custom-popup.popup-notices .custom-popup-swiper-wrapper::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }
}
.custom-popup.popup-notices.opened {
  pointer-events: all;
}
.custom-popup.popup-notices.opened:before {
  -webkit-transition: opacity 0.3s ease 0.3s;
  -o-transition: opacity 0.3s ease 0.3s;
  -moz-transition: opacity 0.3s ease 0.3s;
  transition: opacity 0.3s ease 0.3s;
}
@media (max-width: 899px) {
  .custom-popup.popup-notices.opened .popup-inner > .close-popup-wrapper {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices.opened .popup-inner > .close-popup-wrapper {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices.opened .popup-inner {
    background: transparent;
  }
}
.custom-popup.popup-notices.opened .scroll-popup-wrapper .scroll-notices.active {
  opacity: 1;
  visibility: visible;
}
.custom-popup.popup-notices.opened .scroll-popup-wrapper .scroll-notices:not(.active) {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices.opened .scroll-popup-wrapper {
    display: block;
  }
}
@media (max-width: 899px) {
  .custom-popup.popup-notices.opened {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}
.custom-popup.popup-notices.oneSlide .popup-arrows {
  display: none;
}
.custom-popup.popup-notices.oneSlide .popup-image:before {
  content: none;
}
.custom-popup.popup-notices .close-popup-js:focus-visible {
  outline: 2px dashed #aa272f;
}
.custom-popup.popup-notices .popup-arrows {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 250px;
  z-index: 2;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  top: 280px;
  pointer-events: none;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-arrows {
    display: none;
  }
}
.custom-popup.popup-notices .popup-arrow {
  pointer-events: all;
}
.custom-popup.popup-notices .popup-arrow .custom-arrow {
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.custom-popup.popup-notices .popup-arrow .custom-arrow[aria-disabled=true] {
  opacity: 0.5;
}
.custom-popup.popup-notices .popup-dots {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 0 10px;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-dots {
    display: none;
  }
}
.custom-popup.popup-notices .notices-pagination-bullet {
  width: clamp( 0.625rem, 0.9375vw + 0.4375rem, 1.5625rem );
  height: clamp( 0.625rem, 0.9375vw + 0.4375rem, 1.5625rem );
  background-color: rgba(238, 238, 238, 0.5);
  border: none;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem ) clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem ) clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem ) clamp( 0.3125rem, 0.3125vw + 0.25rem, 0.625rem );
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, background-color 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
  pointer-events: all;
}
.custom-popup.popup-notices .notices-pagination-bullet[aria-current=true] {
  -webkit-transform: rotate(-45deg) scale(1.7);
     -moz-transform: rotate(-45deg) scale(1.7);
      -ms-transform: rotate(-45deg) scale(1.7);
       -o-transform: rotate(-45deg) scale(1.7);
          transform: rotate(-45deg) scale(1.7);
  background-color: #AA272F;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .notices-pagination-bullet[aria-current=true] {
    -webkit-transform: rotate(-45deg) scale(1.5);
       -moz-transform: rotate(-45deg) scale(1.5);
        -ms-transform: rotate(-45deg) scale(1.5);
         -o-transform: rotate(-45deg) scale(1.5);
            transform: rotate(-45deg) scale(1.5);
  }
}
.custom-popup.popup-notices .notices-pagination-bullet:last-child {
  margin-right: 0;
}
html.no-touch .custom-popup.popup-notices .notices-pagination-bullet:hover:not([aria-current=true]) {
  background-color: #fff;
}
.custom-popup.popup-notices .popup-arrow-title {
  font-family: "ivymode", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #012a42;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .notices-items-carousel .close-popup-wrapper {
    display: none;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .notices-items-container,
.custom-popup.popup-notices .notices-items-carousel {
    height: 100%;
  }
}
@media (max-width: 899px) {
  body.secondLvl .custom-popup.popup-notices .notices-items-carousel .popup-card {
    min-width: 300px;
  }
}
@media (max-width: 899px) {
  body.secondLvl .custom-popup.popup-notices .notices-items-carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.custom-popup.popup-notices .global-url {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.custom-popup.popup-notices .global-url:focus-visible {
  outline: 2px dashed #000;
}
.custom-popup.popup-notices .popup-card {
  width: auto;
}
.custom-popup.popup-notices .popup-card.has-url .global-url {
  display: block;
}
.custom-popup.popup-notices .popup-card.has-url .popup-plus {
  display: none;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-card.has-url .popup-plus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.custom-popup.popup-notices .popup-card.no-url .global-url {
  display: none;
}
.custom-popup.popup-notices .popup-card.no-url .popup-more,
.custom-popup.popup-notices .popup-card.no-url .popup-plus {
  display: none;
}
.custom-popup.popup-notices .popup-card:last-child .pc-inner {
  border: none;
  padding-bottom: 0;
}
.custom-popup.popup-notices .popup-content-inner {
  padding: 25px;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-content-inner {
    height: 100%;
    padding: 20px 0 0;
  }
}
.custom-popup.popup-notices .pc-inner {
  padding-top: 40px;
  padding-bottom: 100px;
  overflow: visible;
  max-width: 295px;
  margin: 0 auto;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);
}
html.no-touch .custom-popup.popup-notices .pc-inner:hover .popup-plus {
  background-color: #fff;
  color: #AA272F;
}
@media (min-width: 375px) {
  .custom-popup.popup-notices .pc-inner {
    max-width: 330px;
    margin: 0 5px;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .pc-inner {
    width: 85%;
    max-width: 750px;
    margin: 0 auto 50px 5%;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 899px) {
  .custom-popup.popup-notices .pc-inner {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
}
.custom-popup.popup-notices .pc-content {
  position: relative;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .pc-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.custom-popup.popup-notices .pc-content-wrapper {
  margin: 0 10px;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .pc-content-wrapper {
    margin: 0;
  }
}
.custom-popup.popup-notices .popup-content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-content-header {
    display: none;
  }
}
.custom-popup.popup-notices .popup-header {
  font-family: "ivyepic", sans-serif;
  font-weight: 300;
  font-size: clamp( 1rem, 2.75vw + 0.45rem, 3.75rem );
  letter-spacing: 0.2em;
  text-align: center;
  color: #01192f;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-header {
    font-family: "ivymode", sans-serif;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.04em;
    line-height: 70px;
    color: #fff;
  }
}
.custom-popup.popup-notices .popup-title {
  font-family: "ivymode", sans-serif;
  font-weight: normal;
  margin: 20px 0;
  -webkit-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  font-size: clamp( 1.75rem, 0.5vw + 1.65rem, 2.25rem );
  line-height: clamp( 2.375rem, 0.5vw + 2.275rem, 2.875rem );
  text-align: center;
  color: #012A42;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-title {
    text-align: left;
  }
}
.custom-popup.popup-notices .popup-image {
  background-color: #aa272f;
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}
.custom-popup.popup-notices .popup-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.custom-popup.popup-notices .popup-image:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90px;
  opacity: 0.7;
  pointer-events: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01192f+0,01192f+100&0+0,0.7+32,1+67,1+100 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 25, 47, 0)), color-stop(32%, rgba(1, 25, 47, 0.7)), color-stop(67%, #01192f), to(#01192f));
  background: -webkit-linear-gradient(top, rgba(1, 25, 47, 0) 0%, rgba(1, 25, 47, 0.7) 32%, #01192f 67%, #01192f 100%);
  background: -moz-linear-gradient(top, rgba(1, 25, 47, 0) 0%, rgba(1, 25, 47, 0.7) 32%, #01192f 67%, #01192f 100%);
  background: -o-linear-gradient(top, rgba(1, 25, 47, 0) 0%, rgba(1, 25, 47, 0.7) 32%, #01192f 67%, #01192f 100%);
  background: linear-gradient(to bottom, rgba(1, 25, 47, 0) 0%, rgba(1, 25, 47, 0.7) 32%, #01192f 67%, #01192f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-image:before {
    content: none;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-image {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    min-height: 100%;
    background-color: transparent;
    position: absolute;
    width: clamp( 9.375rem, 14.7058823529vw + 1.1029411765rem, 18.75rem );
    border-bottom: clamp( 0.625rem, 0.4901960784vw + 0.3492647059rem, 0.9375rem ) solid #922128;
  }
}
.custom-popup.popup-notices .popup-content {
  background: #fff;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: clamp( 0.625rem, 0.4901960784vw + 0.3492647059rem, 0.9375rem ) solid #922128;
    margin-left: clamp( 9.375rem, 14.7058823529vw + 1.1029411765rem, 18.75rem );
    padding: 0 30px;
    position: relative;
  }
}
.custom-popup.popup-notices .popup-description {
  font-weight: normal;
  text-align: center;
  font-size: clamp( 1.25rem, 0.25vw + 1.2rem, 1.5rem );
  line-height: clamp( 1.875rem, 0.25vw + 1.825rem, 2.125rem );
  color: #012A42;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-description {
    margin: 25px 0 15px;
    text-align: left;
  }
}
.custom-popup.popup-notices .updated {
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 15px 0 0;
  display: block;
  font-weight: 300;
  font-size: clamp( 1.25rem, 0.25vw + 1.2rem, 1.5rem );
  line-height: clamp( 1.875rem, 0.25vw + 1.825rem, 2.125rem );
  color: #012a42;
  opacity: 0.7;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .updated {
    margin: 30px 0;
    text-align: left;
  }
}
.custom-popup.popup-notices .card-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  font-size: 35px;
  z-index: 2;
}
@media (max-width: 899px) {
  .custom-popup.popup-notices .card-dot {
    display: none;
  }
}
.custom-popup.popup-notices .popup-plus {
  width: 75px;
  height: 75px;
  background-color: #AA272F;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 35px;
  -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(50%, 50%);
     -moz-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
       -o-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  z-index: 1;
  cursor: pointer;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .popup-more {
    display: none;
  }
}
.custom-popup.popup-notices .scroll-notices {
  background: transparent;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px 20px;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.custom-popup.popup-notices .scroll-notices span.custom-arrow {
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.custom-popup.popup-notices .scroll-notices span.custom-arrow .global-icons {
  font-size: clamp( 0.875rem, 0.25vw + 0.825rem, 1.125rem );
}
html.no-touch .custom-popup.popup-notices .scroll-notices:hover {
  border-color: #fff;
}
html.no-touch .custom-popup.popup-notices .scroll-notices:hover .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}
.custom-popup.popup-notices .scroll-notices span:not(.custom-arrow):not(.global-icons) {
  display: none;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .scroll-notices span:not(.custom-arrow):not(.global-icons) {
    display: block;
    font-weight: normal;
    font-size: 31px;
    letter-spacing: 0.2em;
    text-align: center;
    color: #eee;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    -webkit-text-orientation: mixed;
            text-orientation: mixed;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-bottom: 30px;
  }
}
html.no-touch .custom-popup.popup-notices .scroll-notices:hover span.custom-arrow {
  border-color: #fff;
}
html.no-touch .custom-popup.popup-notices .scroll-notices:hover span.custom-arrow .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .scroll-notices {
    bottom: 20px;
    right: clamp( 1.25rem, 2.9411764706vw + -0.4044117647rem, 3.125rem );
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer;
  }
}
.custom-popup.popup-notices .scroll-popup-wrapper {
  display: none;
  position: fixed;
  bottom: 0;
}
@media (min-width: 900px) {
  .custom-popup.popup-notices .scroll-popup-wrapper {
    left: 52%;
    right: auto;
    z-index: 32;
  }
}
@media (min-width: 1800px) {
  .custom-popup.popup-notices .scroll-popup-wrapper {
    left: 930px;
  }
}
.custom-popup.popup-notices .popup-card .popup-description a {
  text-decoration: underline;
}
html.no-touch .custom-popup.popup-notices .popup-card .popup-description a:hover {
  -webkit-text-decoration-color: #aa272f;
     -moz-text-decoration-color: #aa272f;
          text-decoration-color: #aa272f;
}
@media (max-width: 899px) {
  .custom-popup.popup-notices {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  }
}
@media (min-width: 900px) {
  .custom-popup.popup-notices {
    display: block !important;
    pointer-events: none;
    background: transparent;
    -webkit-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
  }
  .custom-popup.popup-notices.opened {
    pointer-events: all;
    background: rgba(1, 41, 66, 0.7);
    opacity: 1;
    visibility: visible;
  }
  .custom-popup.popup-notices.opened .custom-popup-scroller .custom-popup-swiper-wrapper > .close-popup-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0s 0.2s, visibility 0s 0.2s;
    -o-transition: opacity 0s 0.2s, visibility 0s 0.2s;
    -moz-transition: opacity 0s 0.2s, visibility 0s 0.2s;
    transition: opacity 0s 0.2s, visibility 0s 0.2s;
  }
  .custom-popup.popup-notices.opened .custom-popup-swiper-wrapper {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .custom-popup.popup-notices.opened .popup-wrapper {
    opacity: 1;
    visibility: visible;
  }
}

.hpm-triggers {
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  display: none;
  z-index: 20;
  overflow: hidden;
}
.hpm-triggers.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.hpm-triggers.no-popups-items {
  display: none;
}
@media (min-width: 900px) {
  .hpm-triggers.opened {
    z-index: 30;
  }
}
@media (min-width: 900px) {
  body.secondLvl .hpm-triggers {
    bottom: 50px;
  }
}
@media (max-width: 899px) {
  body.secondLvl .hpm-triggers {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 900px) {
  body.secondLvl.noHeader .hpm-triggers {
    bottom: 80px;
  }
}
@media (min-width: 900px) {
  .hpm-triggers {
    position: absolute;
    left: clamp( 1.25rem, 2.9411764706vw + -0.4044117647rem, 3.125rem );
    bottom: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    overflow: visible;
  }
}
@media (max-width: 899px) {
  .hpm-triggers {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.popup-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 15px 0;
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
     -moz-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  color: #fff;
  min-height: 70px;
  -webkit-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
.popup-btn * {
  pointer-events: none;
}
.popup-btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 41, 66, 0.7);
  z-index: 1;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  display: none;
}
@media (min-width: 900px) {
  .popup-btn:before {
    display: block;
  }
}
.popup-btn .pb-inner {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 900px) {
  .popup-btn .pb-inner .pb-counter {
    display: none;
  }
}
.popup-btn.pb-alert {
  background-color: #AA272F;
}
.popup-btn.pb-alert:last-child {
  display: none;
}
html.no-touch .popup-btn.pb-alert:hover {
  background-color: #fff;
}
html.no-touch .popup-btn.pb-alert:hover .global-icons {
  color: #AA272F;
}
.popup-btn.pb-notice {
  background-color: #012A42;
  padding-right: 10px;
}
html.no-touch .popup-btn.pb-notice:hover {
  background-color: #fff;
}
html.no-touch .popup-btn.pb-notice:hover .global-icons {
  color: #012A42;
}
@media (min-width: 900px) {
  .popup-btn.pb-notice {
    padding-right: 0;
  }
}
.popup-btn.active {
  pointer-events: none;
  position: relative;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.popup-btn.active:before {
  opacity: 1;
  visibility: visible;
}
.popup-btn .global-icons {
  position: relative;
  font-size: 25px;
  color: #fff;
  -webkit-transition: opacity 0.3s ease-out, color 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, color 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, color 0.3s ease-out;
  transition: opacity 0.3s ease-out, color 0.3s ease-out;
  margin-right: 10px;
}
.popup-btn .global-icons.gi-alert {
  margin-right: 15px;
}
@media (min-width: 900px) {
  .popup-btn .global-icons.gi-alert {
    margin: 0;
    font-size: 37px;
  }
}
.popup-btn .global-icons.gi-notices {
  position: relative;
  display: inline-block;
  width: 27px;
  opacity: 1;
  font-size: 28px;
}
@media (min-width: 900px) {
  .popup-btn .global-icons.gi-notices {
    font-size: 35px;
    width: auto;
  }
}
@media (min-width: 900px) {
  .popup-btn .global-icons {
    margin: 0;
  }
}
.popup-btn .pb-title {
  text-align: center;
  display: block;
  margin-top: 8px;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #eee;
}
@media (min-width: 900px) {
  .popup-btn .pb-title {
    position: absolute;
    right: -15px;
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
            transform: translateX(50%);
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, -o-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -moz-transform 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    font-weight: 200;
    font-size: clamp( 1.125rem, 0.8125vw + 0.9625rem, 1.9375rem );
    letter-spacing: 0.2em;
    text-transform: uppercase;
  }
}
.popup-btn .pb-counter {
  position: absolute;
  top: -6px;
  right: -9px;
  background: #14509E;
  width: 19px;
  height: 19px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  font-weight: normal;
  letter-spacing: 0.05em;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
@media (min-width: 900px) {
  .popup-btn .pb-counter {
    width: 27px;
    height: 27px;
    font-size: 16px;
  }
}
.popup-btn > .pb-counter {
  display: none;
}
@media (min-width: 900px) {
  .popup-btn > .pb-counter {
    top: -2px;
    right: -4px;
    padding-top: 5px;
    display: block;
  }
}
html.no-touch .popup-btn:hover .pb-title {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px) {
  html.no-touch .popup-btn:hover .pb-title {
    display: none;
  }
}
@media (min-width: 900px) {
  .popup-btn {
    width: 75px;
    min-width: 75px;
    height: 75px;
    min-height: 75px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
            box-shadow: 0 3px 16px rgba(0, 0, 0, 0.3);
    position: relative;
  }
  .popup-btn:first-child {
    margin-bottom: 15px;
  }
}

body.secondLvl.noHeader:not(.sharedTemplates):not(.no-popups-items) .main-hero .fader-wrapper {
  position: static;
}

body.secondLvl.noHeader:not(.sharedTemplates):not(.no-popups-items) .hpm-triggers {
  bottom: 0;
  pointer-events: all;
}

@media (max-width: 899px) {
  body.secondLvl.noHeader:not(.sharedTemplates):not(.no-popups-items) .main-hero .title-area {
    padding-bottom: 100px;
  }
}
.loading-screen-container {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #aa272f;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loading-screen-container:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: -webkit-calc(100% - 10px);
  height: -moz-calc(100% - 10px);
  height: calc(100% - 10px);
  z-index: 1;
  background-color: #012A42;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
     -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 20px rgba(0, 0, 0, 0.6);
}
@media (min-width: 900px) {
  .loading-screen-container:before {
    height: -webkit-calc(100% - 15px);
    height: -moz-calc(100% - 15px);
    height: calc(100% - 15px);
  }
}
.loading-screen-container.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.loading-screen-container .ribbon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: hard-light;
}
@media (min-width: 2500px) {
  .loading-screen-container .ribbon {
    height: 120%;
    width: 120%;
    left: -10%;
    top: -5%;
  }
}

.loading-screen {
  position: relative;
  z-index: 2;
}
.loading-screen svg {
  width: clamp( 11.25rem, 10.625vw + 9.125rem, 21.875rem );
  margin: 0 auto;
  display: block;
}
.loading-screen p {
  font-weight: 300;
  font-size: clamp( 1.25rem, 0.375vw + 1.175rem, 1.625rem );
  line-height: clamp( 1.875rem, 0.375vw + 1.8rem, 2.25rem );
  text-align: center;
  color: #fff;
  margin-top: clamp( 1.25rem, 1.25vw + 1rem, 2.5rem );
}

.hp-marketing {
  min-height: -webkit-calc(100vh - 70px);
  min-height: -moz-calc(100vh - 70px);
  min-height: calc(100vh - 70px);
  min-height: -webkit-calc(100svh - 70px);
  min-height: -moz-calc(100svh - 70px);
  min-height: calc(100svh - 70px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #01192f;
}
@media (min-width: 900px) {
  .hp-marketing > *:not(.hpm-carousel-container) {
    position: absolute;
    z-index: 4;
  }
}
@media (min-width: 900px) {
  .hp-marketing {
    min-height: 100vh;
    min-height: 100svh;
    position: relative;
  }
}

.hpm-header {
  padding: 30px 0 15px;
}
.hpm-header h1 {
  font-family: "ivymode", sans-serif;
  font-weight: normal;
  font-size: clamp( 3.75rem, 8.5625vw + 2.0375rem, 12.3125rem );
  letter-spacing: 0.04em;
  text-align: center;
  color: #fff;
}
.hpm-header span {
  display: block;
  text-transform: uppercase;
}
.hpm-header span:first-child {
  font-family: "ivyepic", sans-serif;
  font-weight: 300;
  font-size: clamp( 1.375rem, 2.6875vw + 0.8375rem, 4.0625rem );
  letter-spacing: 0.2em;
  color: #eee;
}
@media (min-width: 900px) {
  .hpm-header {
    bottom: 30px;
  }
}
@media (max-width: 899px) {
  .hpm-header {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.hpm-scroll {
  background: transparent;
  border: none;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 5px 20px;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.hpm-scroll span.custom-arrow {
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.hpm-scroll span.custom-arrow .global-icons {
  font-size: clamp( 0.875rem, 0.25vw + 0.825rem, 1.125rem );
}
.hpm-scroll.hovered, html.no-touch .hpm-scroll:hover {
  border-color: #fff;
}
.hpm-scroll.hovered .global-icons, html.no-touch .hpm-scroll:hover .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}
@media (min-width: 900px) {
  .hpm-scroll.hovered span:not(.custom-arrow):not(.global-icons), html.no-touch .hpm-scroll:hover span:not(.custom-arrow):not(.global-icons) {
    margin-bottom: 40px;
  }
}
@media (min-width: 900px) {
  .hpm-scroll.hovered span.custom-arrow {
    border-color: #fff;
  }
}
.hpm-scroll span:not(.custom-arrow):not(.global-icons) {
  display: none;
}
@media (min-width: 900px) {
  .hpm-scroll span:not(.custom-arrow):not(.global-icons) {
    -webkit-transition: margin-bottom 0.3s ease-out;
    -o-transition: margin-bottom 0.3s ease-out;
    -moz-transition: margin-bottom 0.3s ease-out;
    transition: margin-bottom 0.3s ease-out;
    display: block;
    font-weight: 200;
    font-size: 31px;
    letter-spacing: 0.2em;
    text-align: center;
    color: #eee;
    text-transform: uppercase;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    -webkit-text-orientation: mixed;
            text-orientation: mixed;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-bottom: 30px;
  }
}
html.no-touch .hpm-scroll:hover span.custom-arrow {
  border-color: #fff;
}
html.no-touch .hpm-scroll:hover span.custom-arrow .global-icons {
  -webkit-transform: rotate(-45deg) translateX(210%) translateY(3%);
     -moz-transform: rotate(-45deg) translateX(210%) translateY(3%);
      -ms-transform: rotate(-45deg) translateX(210%) translateY(3%);
       -o-transform: rotate(-45deg) translateX(210%) translateY(3%);
          transform: rotate(-45deg) translateX(210%) translateY(3%);
}
@media (min-width: 900px) {
  .hpm-scroll {
    bottom: 20px;
    right: clamp( 1.25rem, 2.9411764706vw + -0.4044117647rem, 3.125rem );
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    cursor: pointer;
  }
}
@media (max-width: 899px) {
  .hpm-scroll {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.hpm-carousel,
.hpm-item,
.hpm-mobile,
.hpm-desktop {
  width: 100%;
  height: 100%;
}

.hpm-carousel-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  min-height: 200px;
  position: relative;
}
.hpm-carousel-container .fade-top,
.hpm-carousel-container .fade-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01192f+0,01192f+100&1+0,0+100 */
  background: -webkit-gradient(linear, left top, left bottom, from(#01192f), to(rgba(1, 25, 47, 0)));
  background: -webkit-linear-gradient(top, #01192f 0%, rgba(1, 25, 47, 0) 100%);
  background: -moz-linear-gradient(top, #01192f 0%, rgba(1, 25, 47, 0) 100%);
  background: -o-linear-gradient(top, #01192f 0%, rgba(1, 25, 47, 0) 100%);
  background: linear-gradient(to bottom, #01192f 0%, rgba(1, 25, 47, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  pointer-events: none;
}
@media (min-width: 900px) {
  .hpm-carousel-container .fade-top,
.hpm-carousel-container .fade-bottom {
    height: 33%;
  }
}
.hpm-carousel-container .fade-bottom {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
  top: auto;
  bottom: -1px;
  height: 50px;
}
@media (min-width: 900px) {
  .hpm-carousel-container .fade-bottom {
    height: 40%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01192f+0,01192f+100&1+0,1+15,0.7+68,0+100 */
    background: -webkit-gradient(linear, left top, left bottom, from(#01192f), color-stop(15%, #01192f), color-stop(68%, rgba(1, 25, 47, 0.7)), to(rgba(1, 25, 47, 0)));
    background: -webkit-linear-gradient(top, #01192f 0%, #01192f 15%, rgba(1, 25, 47, 0.7) 68%, rgba(1, 25, 47, 0) 100%);
    background: -moz-linear-gradient(top, #01192f 0%, #01192f 15%, rgba(1, 25, 47, 0.7) 68%, rgba(1, 25, 47, 0) 100%);
    background: -o-linear-gradient(top, #01192f 0%, #01192f 15%, rgba(1, 25, 47, 0.7) 68%, rgba(1, 25, 47, 0) 100%);
    background: linear-gradient(to bottom, #01192f 0%, #01192f 15%, rgba(1, 25, 47, 0.7) 68%, rgba(1, 25, 47, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}

.hpm-carousel {
  position: absolute;
  top: 0;
  left: 0;
}

.hpm-item {
  position: absolute;
  width: 100%;
  height: 100%;
}

.hpm-image {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.hpm-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 900px) {
  .hpm-mobile {
    display: none;
  }
}

.hpm-desktop {
  display: none;
}
@media (min-width: 900px) {
  .hpm-desktop {
    display: block;
    position: relative;
  }
}

.hpmdi-background {
  z-index: 1;
}

.hpm-ribbon {
  z-index: 2;
  position: absolute;
  left: -10%;
  top: 0;
  width: 120%;
  height: 100%;
  mix-blend-mode: hard-light;
}
.hpm-ribbon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hpmdi-student {
  z-index: 3;
}

.hpm-paginationControls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  position: relative;
}

.hpm-paginationBullet {
  width: clamp( 0.625rem, 0.9375vw + 0.4375rem, 1.5625rem );
  height: clamp( 0.625rem, 0.9375vw + 0.4375rem, 1.5625rem );
  background-color: rgba(238, 238, 238, 0.5);
  border: none;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem ) clamp( 0.625rem, 0.625vw + 0.5rem, 1.25rem ) 0 clamp( 0.3125rem, 0.3125vw + 0.25rem, 0.625rem );
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out, -o-transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out, background-color 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.hpm-paginationBullet[aria-current=true] {
  -webkit-transform: rotate(-45deg) scale(1.7);
     -moz-transform: rotate(-45deg) scale(1.7);
      -ms-transform: rotate(-45deg) scale(1.7);
       -o-transform: rotate(-45deg) scale(1.7);
          transform: rotate(-45deg) scale(1.7);
  background-color: #AA272F;
}
@media (min-width: 900px) {
  .hpm-paginationBullet[aria-current=true] {
    -webkit-transform: rotate(-45deg) scale(1.5);
       -moz-transform: rotate(-45deg) scale(1.5);
        -ms-transform: rotate(-45deg) scale(1.5);
         -o-transform: rotate(-45deg) scale(1.5);
            transform: rotate(-45deg) scale(1.5);
  }
}
html.no-touch .hpm-paginationBullet:hover:not([aria-current=true]) {
  background-color: #fff;
}

@media (min-width: 900px) {
  .hpm-controls {
    bottom: 50px;
    left: clamp( 1.25rem, 2.9411764706vw + -0.4044117647rem, 3.125rem );
  }
}
@media (max-width: 899px) {
  .hpm-controls {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

html {
  background-color: #012a42 !important;
}