/*!
Theme Name: Halcyon
Author: Concept Maniax
Author URI: https://conceptmaniax.gr/
Description: This is the standard theme for Halcyon company
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Halcyon
*/
/*--------------------------------------------------------------
# Abstracts
--------------------------------------------------------------*/
@font-face {
  font-family: "PlayfairDisplay";
  src: url("../fonts/PlayfairDisplay.eot");
  src: url("../fonts/PlayfairDisplay.eot?#iefix")
      format("embedded-opentype-variations"),
    url("../fonts/PlayfairDisplay.woff") format("woff-variations"),
    url("../fonts/PlayfairDisplay.woff2") format("woff2-variations"),
    url("../fonts/PlayfairDisplay.ttf") format("truetype-variations"),
    url("../fonts/PlayfairDisplay.svg#PlayfairDisplay") format("svg");
  font-weight: 125 950;
  font-stretch: 75% 125%;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.woff") format("woff"),
    url("../fonts/icomoon.ttf") format("truetype"),
    url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html.lenis {
  height: auto;
}
html.lenis.lenis-smooth {
  scroll-behavior: auto;
}

@keyframes infiniteMove {
  0%,
  100% {
    transform: translate(2118.795px, 11994.296px);
  }
  50% {
    transform: translate(2118.795px, 12000.296px);
  }
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}
@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
@keyframes spin {
  0%,
  100% {
    box-shadow: 0.2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 0.2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -0.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -0.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 currentcolor;
  }
}
body,
button,
input,
select,
optgroup,
textarea,
p,
.p {
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: calc(18px * 1.2);
  }
}

p,
.p {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.38;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

.introTitle {
  color: #ffffff;
  position: relative;
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.65em;
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    font-size: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    font-size: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    font-size: calc(20px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    margin-bottom: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle ~ .introTitle {
    font-size: calc(12px * 1.2);
  }
}

.row-title {
  width: 70%;
  margin-inline: auto;
  text-align: center;
  color: #5273b3;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .row-title {
    margin-bottom: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title {
    width: 100%;
  }
}
.row-title.bg-title:before {
  content: attr(data-text);
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  top: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    font-size: min(max(120px, 120 * 1.5 / 768 * 100vw), 120 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    font-size: min(max(250px, 250 / 1280 * 100vw), 250px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title.bg-title:before {
    font-size: min(max(250px / 1.2, 250 / 1.2 / 900 * 100vh), 250px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title.bg-title:before {
    font-size: calc(250px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    max-width: calc(100vw - min(max(40px, 7.8125vw), 60px));
    left: calc(0px - (100vw - 100%) / 2 + min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    max-width: unset;
    right: calc(0px - (100vw - 100%) / 2 + min(max(74px, 5.78125vw), 75px));
  }
}

.row-desc {
  text-align: center;
  width: 70%;
  margin-inline: auto;
}
@media only screen and (max-width: 1279px) {
  .row-desc {
    margin-bottom: min(max(26px, 26 * 1.5 / 768 * 100vw), 26 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-desc {
    margin-bottom: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-desc {
    margin-bottom: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-desc {
    margin-bottom: calc(37px * 1.2);
  }
}

.c-container--xsmall .row-title,
.c-container--xsmall .row-desc {
  width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  clear: both;
  margin-top: 0;
  margin-bottom: 0.8em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: normal;
}

h1,
.h1 {
  line-height: 1.12;
}
@media only screen and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: min(max(48px, 48 / 1280 * 100vw), 58px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h1,
  .h1 {
    font-size: min(max(48px / 1.2, 48 / 1.2 / 900 * 100vh), 48px);
  }
}
@media only screen and (min-width: 1921px) {
  h1,
  .h1 {
    font-size: calc(58px * 1.2);
  }
}

h2,
.h2 {
  line-height: 1.22;
}
@media only screen and (max-width: 1279px) {
  h2,
  .h2 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h2,
  .h2 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 45px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h2,
  .h2 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h2,
  .h2 {
    font-size: calc(45px * 1.2);
  }
}

h3,
.h3 {
  line-height: 1.25;
}
@media only screen and (max-width: 1279px) {
  h3,
  .h3 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h3,
  .h3 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h3,
  .h3 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h3,
  .h3 {
    font-size: calc(40px * 1.2);
  }
}

h4,
.h4 {
  line-height: 1.16;
}
@media only screen and (max-width: 1279px) {
  h4,
  .h4 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h4,
  .h4 {
    font-size: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h4,
  .h4 {
    font-size: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  h4,
  .h4 {
    font-size: calc(37px * 1.2);
  }
}

h5,
.h5 {
  line-height: 1.09;
}
@media only screen and (max-width: 1279px) {
  h5,
  .h5 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h5,
  .h5 {
    font-size: min(max(32px, 32 / 1280 * 100vw), 32px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h5,
  .h5 {
    font-size: min(max(32px / 1.2, 32 / 1.2 / 900 * 100vh), 32px);
  }
}
@media only screen and (min-width: 1921px) {
  h5,
  .h5 {
    font-size: calc(32px * 1.2);
  }
}

h6,
.h6 {
  font-weight: 800;
  line-height: 1.35;
}
@media only screen and (max-width: 1279px) {
  h6,
  .h6 {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h6,
  .h6 {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h6,
  .h6 {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  h6,
  .h6 {
    font-size: calc(14px * 1.2);
  }
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
body {
  background: #eff1f4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  margin-inline: auto !important;
}
body .c-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1279px) {
  body .c-container {
    padding-inline: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container {
    padding-inline: min(max(74px, 74 / 1280 * 100vw), 75px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body .c-container {
    padding-inline: min(max(74px / 1.2, 74 / 1.2 / 900 * 100vh), 74px);
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container {
    padding-inline: calc(75px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container {
    max-width: calc(1360px + 2 * min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container {
    max-width: calc(1360px + 2 * min(max(74px, 5.78125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container {
    max-width: 80%;
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container--xxsmall {
    max-width: calc(940px + 2 * min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container--xxsmall {
    max-width: calc(940px + 2 * min(max(40px, 3.125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container--xxsmall {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container--xsmall {
    max-width: calc(1100px + 2 * min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container--xsmall {
    max-width: calc(1100px + 2 * min(max(40px, 3.125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container--xsmall {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container--small {
    max-width: calc(1230px + 2 * min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container--small {
    max-width: calc(1230px + 2 * min(max(40px, 3.125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container--small {
    max-width: 70%;
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container--extend {
    padding-inline: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container--extend {
    padding-inline: min(max(40px, 40 / 1280 * 100vw), 75px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body .c-container--extend {
    padding-inline: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container--extend {
    padding-inline: calc(75px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  body .c-container--extend {
    max-width: calc(1770px + 2 * min(max(25px, 4.8828125vw), 37.5px));
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  body .c-container--extend {
    padding-inline: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  body .c-container--extend {
    padding-inline: min(max(25px, 25 / 1280 * 100vw), 25px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body .c-container--extend {
    padding-inline: min(max(25px / 1.2, 25 / 1.2 / 900 * 100vh), 25px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  body .c-container--extend {
    padding-inline: calc(25px * 1.2);
  }
}
@media only screen and (min-width: 1280px) {
  body .c-container--extend {
    max-width: calc(1770px + 2 * min(max(40px, 3.125vw), 75px));
  }
}
@media only screen and (min-width: 1921px) {
  body .c-container--extend {
    max-width: 100%;
  }
}
body .c-container--full {
  max-width: 100%;
}
body .c-container .c-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
body .c-container .c-row .c-col {
  flex: auto;
  z-index: 0;
}

button {
  cursor: pointer;
}

input[type="submit"],
button[type="submit"],
button[type="button"]
  :not(.slick-arrow)
  :not(.slick-dots button)
  :not(.search-toggle)
  :not(.menu-btn),
.btnmore {
  background-color: transparent;
  box-shadow: none;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  cursor: pointer;
  width: fit-content;
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: normal;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
@media only screen and (max-width: 1279px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-block: min(max(11px, 11 * 1.5 / 768 * 100vw), 11 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-block: min(max(11px, 11 / 1280 * 100vw), 11px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-block: min(max(11px / 1.2, 11 / 1.2 / 900 * 100vh), 11px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-block: calc(11px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-inline: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-inline: min(max(25px, 25 / 1280 * 100vw), 25px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-inline: min(max(25px / 1.2, 25 / 1.2 / 900 * 100vh), 25px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    padding-inline: calc(25px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="submit"],
  button[type="submit"],
  button[type="button"]
    :not(.slick-arrow)
    :not(.slick-dots button)
    :not(.search-toggle)
    :not(.menu-btn),
  .btnmore {
    font-size: calc(12px * 1.2);
  }
}
input[type="submit"]:hover,
button[type="submit"]:hover,
button[type="button"]
  :not(.slick-arrow)
  :not(.slick-dots button)
  :not(.search-toggle)
  :not(.menu-btn):hover,
.btnmore:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #233768;
}
input[type="submit"].dark,
button[type="submit"].dark,
button[type="button"]
  :not(.slick-arrow)
  :not(.slick-dots button)
  :not(.search-toggle)
  :not(.menu-btn).dark,
.btnmore.dark {
  border-color: #233768;
  color: #233768;
}
input[type="submit"].dark:hover,
button[type="submit"].dark:hover,
button[type="button"]
  :not(.slick-arrow)
  :not(.slick-dots button)
  :not(.search-toggle)
  :not(.menu-btn).dark:hover,
.btnmore.dark:hover {
  background-color: #233768;
  border-color: #233768;
  color: #ffffff;
}
input[type="submit"]:disabled,
button[type="submit"]:disabled,
button[type="button"]
  :not(.slick-arrow)
  :not(.slick-dots button)
  :not(.search-toggle)
  :not(.menu-btn):disabled,
.btnmore:disabled {
  pointer-events: none;
  opacity: 0.4;
}

.btn-arrow {
  position: relative;
  visibility: hidden;
  background-color: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media only screen and (max-width: 1279px) {
  .btn-arrow {
    height: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .btn-arrow {
    height: min(max(10px, 10 / 1280 * 100vw), 10px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .btn-arrow {
    height: min(max(10px / 1.2, 10 / 1.2 / 900 * 100vh), 10px);
  }
}
@media only screen and (min-width: 1921px) {
  .btn-arrow {
    height: calc(10px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .btn-arrow {
    width: min(max(21px, 21 * 1.5 / 768 * 100vw), 21 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .btn-arrow {
    width: min(max(21px, 21 / 1280 * 100vw), 21px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .btn-arrow {
    width: min(max(21px / 1.2, 21 / 1.2 / 900 * 100vh), 21px);
  }
}
@media only screen and (min-width: 1921px) {
  .btn-arrow {
    width: calc(21px * 1.2);
  }
}
.btn-arrow:after {
  content: "\e901";
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: visible;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  color: #000000;
  top: 0;
  left: 0;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  .btn-arrow:after {
    font-size: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .btn-arrow:after {
    font-size: min(max(10px, 10 / 1280 * 100vw), 10px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .btn-arrow:after {
    font-size: min(max(10px / 1.2, 10 / 1.2 / 900 * 100vh), 10px);
  }
}
@media only screen and (min-width: 1921px) {
  .btn-arrow:after {
    font-size: calc(10px * 1.2);
  }
}
.btn-arrow span {
  display: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="button"],
input[type="reset"],
textarea {
  border: 1px solid transparent;
  background-color: #ffffff;
  color: #233768;
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.31;
}
@media only screen and (max-width: 1279px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-top: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-top: min(max(23px, 23 / 1280 * 100vw), 23px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-top: min(max(23px / 1.2, 23 / 1.2 / 900 * 100vh), 23px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-top: calc(23px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-inline: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-inline: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-inline: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-inline: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-bottom: min(max(15px, 15 * 1.5 / 768 * 100vw), 15 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-bottom: min(max(19px, 19 / 1280 * 100vw), 19px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-bottom: min(max(19px / 1.2, 19 / 1.2 / 900 * 100vh), 19px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    padding-bottom: calc(19px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    font-size: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    font-size: min(max(16px, 16 / 1280 * 100vw), 16px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    font-size: min(max(16px / 1.2, 16 / 1.2 / 900 * 100vh), 16px);
  }
}
@media only screen and (min-width: 1921px) {
  input[type="text"],
  input[type="email"],
  input[type="url"],
  input[type="password"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="range"],
  input[type="date"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="color"],
  input[type="button"],
  input[type="reset"],
  textarea {
    font-size: calc(16px * 1.2);
  }
}
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="url"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="number"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="range"]:focus-visible,
input[type="date"]:focus-visible,
input[type="month"]:focus-visible,
input[type="week"]:focus-visible,
input[type="time"]:focus-visible,
input[type="datetime"]:focus-visible,
input[type="datetime-local"]:focus-visible,
input[type="color"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
textarea:focus-visible {
  outline: none;
}

textarea {
  width: 100%;
}

.input-wrap {
  position: relative;
}
.input-wrap label {
  position: absolute;
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 200;
  line-height: 1.31;
  pointer-events: none;
  color: #5273b3;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
@media only screen and (max-width: 1279px) {
  .input-wrap label {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrap label {
    font-size: min(max(16px, 16 / 1280 * 100vw), 16px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .input-wrap label {
    font-size: min(max(16px / 1.2, 16 / 1.2 / 900 * 100vh), 16px);
  }
}
@media only screen and (min-width: 1921px) {
  .input-wrap label {
    font-size: calc(16px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .input-wrap label {
    left: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrap label {
    left: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .input-wrap label {
    left: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  .input-wrap label {
    left: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .input-wrap label {
    top: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrap label {
    top: min(max(23px, 23 / 1280 * 100vw), 23px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .input-wrap label {
    top: min(max(23px / 1.2, 23 / 1.2 / 900 * 100vh), 23px);
  }
}
@media only screen and (min-width: 1921px) {
  .input-wrap label {
    top: calc(23px * 1.2);
  }
}
.input-wrap.focused label {
  color: rgba(82, 115, 179, 0.5);
}
@media only screen and (max-width: 1279px) {
  .input-wrap.focused label {
    top: min(max(5px, 5 * 1.5 / 768 * 100vw), 5 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrap.focused label {
    top: min(max(5px, 5 / 1280 * 100vw), 5px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .input-wrap.focused label {
    top: min(max(5px / 1.2, 5 / 1.2 / 900 * 100vh), 5px);
  }
}
@media only screen and (min-width: 1921px) {
  .input-wrap.focused label {
    top: calc(5px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .input-wrap.focused label {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .input-wrap.focused label {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .input-wrap.focused label {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .input-wrap.focused label {
    font-size: calc(12px * 1.2);
  }
}

hr {
  background-color: #000000;
  border: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  box-sizing: content-box;
  overflow: visible;
}

a {
  text-decoration: none;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  display: inline-block;
  transition-property: color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
a:hover {
  color: #5273b3;
}

ul,
ol {
  margin: 1em 0;
  padding-inline-start: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 1279px) {
  figure {
    margin-block: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  figure {
    margin-block: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  figure {
    margin-block: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  figure {
    margin-block: calc(20px * 1.2);
  }
}
figure figcaption {
  display: flex;
  justify-content: space-between;
  color: #6e6e6e;
  line-height: 1.2;
  font-weight: 600;
  width: 100%;
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
@media only screen and (max-width: 1279px) {
  figure figcaption {
    font-size: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  figure figcaption {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  figure figcaption {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  figure figcaption {
    font-size: calc(14px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  figure figcaption {
    margin-top: min(max(3px, 3 * 1.5 / 768 * 100vw), 3 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  figure figcaption {
    margin-top: min(max(3px, 3 / 1280 * 100vw), 3px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  figure figcaption {
    margin-top: min(max(3px / 1.2, 3 / 1.2 / 900 * 100vh), 3px);
  }
}
@media only screen and (min-width: 1921px) {
  figure figcaption {
    margin-top: calc(3px * 1.2);
  }
}
figure figure {
  margin-block: 0;
}
figure img {
  display: block;
}
figure.aligncenter img {
  margin-inline: auto;
}

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

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  text-rendering: optimizeSpeed;
  color: #000000;
}
body.openMenu {
  overflow: hidden;
}
body.openMenu:before {
  opacity: 1;
}

main {
  display: block;
  margin-inline: auto;
  background-color: #eff1f4;
  position: relative;
  z-index: 2;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.centered {
  margin-inline: auto;
}

.two-col {
  display: grid;
}
@media only screen and (min-width: 1280px) {
  .two-col {
    grid-template-columns: 1fr 1fr;
  }
}

.bold {
  font-weight: 800;
}

.light {
  font-weight: 100;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.hidden {
  display: none !important;
}

@media only screen and (min-width: 1280px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 1279px) {
  .hidden-mobile {
    display: none !important;
  }
}

body,
button,
input,
select,
optgroup,
textarea,
p,
.p {
  font-family: "sofia-pro", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea,
  p,
  .p {
    font-size: calc(18px * 1.2);
  }
}

p,
.p {
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.38;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

.introTitle {
  color: #ffffff;
  position: relative;
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.65em;
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    font-size: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    font-size: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    font-size: calc(20px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle {
    margin-bottom: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .introTitle ~ .introTitle {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .introTitle ~ .introTitle {
    font-size: calc(12px * 1.2);
  }
}

.row-title {
  width: 70%;
  margin-inline: auto;
  text-align: center;
  color: #5273b3;
  position: relative;
}
@media only screen and (max-width: 1279px) {
  .row-title {
    margin-bottom: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title {
    margin-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title {
    margin-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title {
    margin-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title {
    width: 100%;
  }
}
.row-title.bg-title:before {
  content: attr(data-text);
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  top: 0;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    font-size: min(max(120px, 120 * 1.5 / 768 * 100vw), 120 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    font-size: min(max(250px, 250 / 1280 * 100vw), 250px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-title.bg-title:before {
    font-size: min(max(250px / 1.2, 250 / 1.2 / 900 * 100vh), 250px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-title.bg-title:before {
    font-size: calc(250px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .row-title.bg-title:before {
    max-width: calc(100vw - min(max(40px, 7.8125vw), 60px));
    left: calc(0px - (100vw - 100%) / 2 + min(max(40px, 7.8125vw), 60px));
  }
}
@media only screen and (min-width: 1280px) {
  .row-title.bg-title:before {
    max-width: unset;
    right: calc(0px - (100vw - 100%) / 2 + min(max(74px, 5.78125vw), 75px));
  }
}

.row-desc {
  text-align: center;
  width: 70%;
  margin-inline: auto;
}
@media only screen and (max-width: 1279px) {
  .row-desc {
    margin-bottom: min(max(26px, 26 * 1.5 / 768 * 100vw), 26 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .row-desc {
    margin-bottom: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .row-desc {
    margin-bottom: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  .row-desc {
    margin-bottom: calc(37px * 1.2);
  }
}

.c-container--xsmall .row-title,
.c-container--xsmall .row-desc {
  width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  clear: both;
  margin-top: 0;
  margin-bottom: 0.8em;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "PlayfairDisplay", s-apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: normal;
}

h1,
.h1 {
  line-height: 1.12;
}
@media only screen and (max-width: 1279px) {
  h1,
  .h1 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h1,
  .h1 {
    font-size: min(max(48px, 48 / 1280 * 100vw), 58px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h1,
  .h1 {
    font-size: min(max(48px / 1.2, 48 / 1.2 / 900 * 100vh), 48px);
  }
}
@media only screen and (min-width: 1921px) {
  h1,
  .h1 {
    font-size: calc(58px * 1.2);
  }
}

h2,
.h2 {
  line-height: 1.22;
}
@media only screen and (max-width: 1279px) {
  h2,
  .h2 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h2,
  .h2 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 45px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h2,
  .h2 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h2,
  .h2 {
    font-size: calc(45px * 1.2);
  }
}

h3,
.h3 {
  line-height: 1.25;
}
@media only screen and (max-width: 1279px) {
  h3,
  .h3 {
    font-size: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h3,
  .h3 {
    font-size: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h3,
  .h3 {
    font-size: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  h3,
  .h3 {
    font-size: calc(40px * 1.2);
  }
}

h4,
.h4 {
  line-height: 1.16;
}
@media only screen and (max-width: 1279px) {
  h4,
  .h4 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h4,
  .h4 {
    font-size: min(max(37px, 37 / 1280 * 100vw), 37px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h4,
  .h4 {
    font-size: min(max(37px / 1.2, 37 / 1.2 / 900 * 100vh), 37px);
  }
}
@media only screen and (min-width: 1921px) {
  h4,
  .h4 {
    font-size: calc(37px * 1.2);
  }
}

h5,
.h5 {
  line-height: 1.09;
}
@media only screen and (max-width: 1279px) {
  h5,
  .h5 {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h5,
  .h5 {
    font-size: min(max(32px, 32 / 1280 * 100vw), 32px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h5,
  .h5 {
    font-size: min(max(32px / 1.2, 32 / 1.2 / 900 * 100vh), 32px);
  }
}
@media only screen and (min-width: 1921px) {
  h5,
  .h5 {
    font-size: calc(32px * 1.2);
  }
}

h6,
.h6 {
  font-weight: 800;
  line-height: 1.35;
}
@media only screen and (max-width: 1279px) {
  h6,
  .h6 {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  h6,
  .h6 {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  h6,
  .h6 {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  h6,
  .h6 {
    font-size: calc(14px * 1.2);
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.loader {
  display: grid;
  place-content: center;
  background-color: #233768;
  position: fixed;
  inset: 0;
  z-index: 999;
}
.loader__spinner {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #fff;
}
.loader__spinner:before,
.loader__spinner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
}
.loader__spinner:after {
  color: #5273b3;
  transform: rotateY(70deg);
  animation-delay: 0.4s;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.nav-wrapper {
  position: fixed;
  right: -100vw;
  top: 0;
  min-height: calc(var(--vh, 1vh) * 100);
  background: #ffffff;
  z-index: 10;
  transition: right 0.7s ease-in-out;
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper {
    padding-block: min(max(110px, 110 * 1.5 / 768 * 100vw), 110 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper {
    padding-block: min(max(150px, 150 / 1280 * 100vw), 150px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper {
    padding-block: min(max(150px / 1.2, 150 / 1.2 / 900 * 100vh), 150px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper {
    padding-block: calc(150px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper {
    padding-inline: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper {
    padding-inline: min(max(110px, 110 / 1280 * 100vw), 110px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper {
    padding-inline: min(max(110px / 1.2, 110 / 1.2 / 900 * 100vh), 110px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper {
    padding-inline: calc(110px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper {
    min-width: min(max(763px, 763 * 1.5 / 768 * 100vw), 763 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper {
    min-width: min(max(763px, 763 / 1280 * 100vw), 763px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper {
    min-width: min(max(763px / 1.2, 763 / 1.2 / 900 * 100vh), 763px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper {
    min-width: calc(763px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper {
    min-width: unset;
    width: 100vw;
    padding-top: var(--hh);
  }
}
.nav-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-wrapper ul li:before {
  display: none;
}
.nav-wrapper ul li a {
  color: #233768;
}
.nav-wrapper ul li a:hover {
  color: #5273b3;
}
.nav-wrapper ul li.current-menu-item > a {
  color: #5273b3;
}
.nav-wrapper nav {
  overflow: auto;
  height: calc(var(--vh, 1vh) * 100 - var(--hh));
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav {
    padding-bottom: min(max(50px, 50 * 1.5 / 768 * 100vw), 50 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav {
    padding-bottom: min(max(50px, 50 / 1280 * 100vw), 50px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav {
    padding-bottom: min(max(50px / 1.2, 50 / 1.2 / 900 * 100vh), 50px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav {
    padding-bottom: calc(50px * 1.2);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .nav-wrapper nav {
    padding-top: min(max(38px, 38 * 1.5 / 768 * 100vw), 38 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .nav-wrapper nav {
    padding-top: min(max(38px, 38 / 1280 * 100vw), 38px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav {
    padding-top: min(max(38px / 1.2, 38 / 1.2 / 900 * 100vh), 38px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .nav-wrapper nav {
    padding-top: calc(38px * 1.2);
  }
}
.nav-wrapper nav > div > ul > li > a {
  font-weight: 800;
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav > div > ul > li > a {
    font-size: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav > div > ul > li > a {
    font-size: min(max(32px, 32 / 1280 * 100vw), 32px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav > div > ul > li > a {
    font-size: min(max(32px / 1.2, 32 / 1.2 / 900 * 100vh), 32px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav > div > ul > li > a {
    font-size: calc(32px * 1.2);
  }
}
@media only screen and (min-width: 991px) {
  .nav-wrapper nav > div > ul > li > a {
    line-height: 1.38;
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-top: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-top: min(max(17px, 17 / 1280 * 100vw), 17px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-top: min(max(17px / 1.2, 17 / 1.2 / 900 * 100vh), 17px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-top: calc(17px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-bottom: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-bottom: min(max(21px, 21 / 1280 * 100vw), 21px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-bottom: min(max(21px / 1.2, 21 / 1.2 / 900 * 100vh), 21px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav > div > ul > li ul {
    margin-bottom: calc(21px * 1.2);
  }
}
.nav-wrapper nav > div > ul > li ul li a {
  line-height: 1.66;
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav > div > ul > li ul li a {
    font-size: min(max(16px, 16 * 1.5 / 768 * 100vw), 16 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav > div > ul > li ul li a {
    font-size: min(max(21px, 21 / 1280 * 100vw), 21px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav > div > ul > li ul li a {
    font-size: min(max(21px / 1.2, 21 / 1.2 / 900 * 100vh), 21px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav > div > ul > li ul li a {
    font-size: calc(21px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .nav-wrapper nav > div > ul > li + li {
    margin-top: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .nav-wrapper nav > div > ul > li + li {
    margin-top: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .nav-wrapper nav > div > ul > li + li {
    margin-top: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .nav-wrapper nav > div > ul > li + li {
    margin-top: calc(14px * 1.2);
  }
}

.openMenu .nav-wrapper {
  right: 0;
}

@media only screen and (max-width: 1279px) {
  .logo {
    width: min(max(130px, 130 * 1.5 / 768 * 100vw), 130 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .logo {
    width: min(max(220px, 220 / 1280 * 100vw), 220px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .logo {
    width: min(max(220px / 1.2, 220 / 1.2 / 900 * 100vh), 220px);
  }
}
@media only screen and (min-width: 1921px) {
  .logo {
    width: calc(220px * 1.2);
  }
}
.logo.dark {
  filter: brightness(0%) invert(16%) sepia(78%) saturate(1051%)
    hue-rotate(198deg) brightness(88%) contrast(90%);
}
.logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  overflow-clip-margin: content-box;
}

.header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
@media only screen and (max-width: 1279px) {
  .header {
    padding-block: min(max(30px, 30 * 1.5 / 768 * 100vw), 30 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header {
    padding-block: min(max(55px, 55 / 1280 * 100vw), 55px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header {
    padding-block: min(max(55px / 1.2, 55 / 1.2 / 900 * 100vh), 55px);
  }
}
@media only screen and (min-width: 1921px) {
  .header {
    padding-block: calc(55px * 1.2);
  }
}
.header-left {
  z-index: 1 !important;
}
.header-left .logo {
  z-index: 11;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1279px) {
  .header-right {
    column-gap: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right {
    column-gap: min(max(35px, 35 / 1280 * 100vw), 35px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right {
    column-gap: min(max(35px / 1.2, 35 / 1.2 / 900 * 100vh), 35px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right {
    column-gap: calc(35px * 1.2);
  }
}
.header-right .search-wrap {
  position: relative;
  z-index: 11;
}
.header-right .search-wrap .search-toggle {
  display: flex;
  position: relative;
  visibility: hidden;
  background-color: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .search-toggle {
    height: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .search-toggle {
    height: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .search-toggle {
    height: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .search-toggle {
    height: calc(14px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .search-toggle {
    width: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .search-toggle {
    width: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .search-toggle {
    width: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .search-toggle {
    width: calc(14px * 1.2);
  }
}
.header-right .search-wrap .search-toggle:after {
  content: "\e900";
  font-family: "icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: visible;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  color: #ffffff;
  top: 0;
  left: 0;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .search-toggle:after {
    font-size: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .search-toggle:after {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .search-toggle:after {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .search-toggle:after {
    font-size: calc(14px * 1.2);
  }
}
.header-right .search-wrap .search-toggle span {
  display: none;
}
.header-right .search-wrap .header-search-form {
  position: absolute;
  top: 0;
  transform: scaleX(0) translateY(-25%);
  right: 100%;
  transform-origin: right;
  transition-property: transform;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .header-search-form {
    margin-right: min(max(28px, 28 * 1.5 / 768 * 100vw), 28 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .header-search-form {
    margin-right: min(max(35px, 35 / 1280 * 100vw), 35px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .header-search-form {
    margin-right: min(max(35px / 1.2, 35 / 1.2 / 900 * 100vh), 35px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .header-search-form {
    margin-right: calc(35px * 1.2);
  }
}
.header-right .search-wrap .header-search-form form input {
  padding: 0;
  height: 100%;
  background-color: transparent;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .header-search-form form input {
    padding-bottom: min(max(5px, 5 * 1.5 / 768 * 100vw), 5 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .header-search-form form input {
    padding-bottom: min(max(10px, 10 / 1280 * 100vw), 10px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .header-search-form form input {
    padding-bottom: min(max(10px / 1.2, 10 / 1.2 / 900 * 100vh), 10px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .header-search-form form input {
    padding-bottom: calc(10px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .header-search-form form input {
    padding-inline: min(max(5px, 5 * 1.5 / 768 * 100vw), 5 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .header-search-form form input {
    padding-inline: min(max(10px, 10 / 1280 * 100vw), 10px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .header-search-form form input {
    padding-inline: min(max(10px / 1.2, 10 / 1.2 / 900 * 100vh), 10px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .header-search-form form input {
    padding-inline: calc(10px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .header-right .search-wrap .header-search-form form input {
    min-width: min(max(200px, 200 * 1.5 / 768 * 100vw), 200 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .search-wrap .header-search-form form input {
    min-width: min(max(300px, 300 / 1280 * 100vw), 300px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .search-wrap .header-search-form form input {
    min-width: min(max(300px / 1.2, 300 / 1.2 / 900 * 100vh), 300px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .search-wrap .header-search-form form input {
    min-width: calc(300px * 1.2);
  }
}
.header-right .search-wrap .header-search-form form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.header-right .search-wrap .header-search-form form input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  pointer-events: none;
  color: transparent;
}
.header-right .menu-btn {
  background: transparent;
  border: none;
  position: relative;
  border-block: 1px solid #ffffff;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  z-index: 11;
}
@media only screen and (max-width: 1279px) {
  .header-right .menu-btn {
    width: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .menu-btn {
    width: min(max(29px, 29 / 1280 * 100vw), 29px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .menu-btn {
    width: min(max(29px / 1.2, 29 / 1.2 / 900 * 100vh), 29px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .menu-btn {
    width: calc(29px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .header-right .menu-btn {
    height: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header-right .menu-btn {
    height: min(max(17px, 17 / 1280 * 100vw), 17px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header-right .menu-btn {
    height: min(max(17px / 1.2, 17 / 1.2 / 900 * 100vh), 17px);
  }
}
@media only screen and (min-width: 1921px) {
  .header-right .menu-btn {
    height: calc(17px * 1.2);
  }
}
.header-right .menu-btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  background: #ffffff;
  backface-visibility: hidden;
  left: 0;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.header-right .menu-btn span {
  display: none;
}
.header.stickyHeader {
  background-color: #233768;
}
@media only screen and (max-width: 1279px) {
  .header.stickyHeader {
    padding-block: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .header.stickyHeader {
    padding-block: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .header.stickyHeader {
    padding-block: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (min-width: 1921px) {
  .header.stickyHeader {
    padding-block: calc(18px * 1.2);
  }
}

@media only screen and (max-width: 1279px) {
  .openMenu .header .logo {
    filter: brightness(0%) invert(16%) sepia(78%) saturate(1051%)
      hue-rotate(198deg) brightness(88%) contrast(90%);
  }
}
.openMenu .header-right .menu-btn {
  border-top-color: #000000;
  border-bottom-color: transparent;
  transform: rotate(45deg) translateY(50%);
}
.openMenu .header-right .menu-btn:before {
  transform: translateY(-50%) rotate(-90deg);
  top: 0%;
  background: #000000;
}

@media only screen and (max-width: 767px) {
  body.openSearch .logo {
    opacity: 0;
  }
}
body.openSearch .header-right .search-wrap .header-search-form {
  transform: scaleX(1) translateY(-25%);
}

@media only screen and (max-width: 1279px) {
  .logo {
    width: min(max(130px, 130 * 1.5 / 768 * 100vw), 130 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .logo {
    width: min(max(220px, 220 / 1280 * 100vw), 220px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .logo {
    width: min(max(220px / 1.2, 220 / 1.2 / 900 * 100vh), 220px);
  }
}
@media only screen and (min-width: 1921px) {
  .logo {
    width: calc(220px * 1.2);
  }
}
.logo.dark {
  filter: brightness(0%) invert(16%) sepia(78%) saturate(1051%)
    hue-rotate(198deg) brightness(88%) contrast(90%);
}
.logo img {
  width: 100%;
  height: auto;
  object-fit: contain;
  overflow-clip-margin: content-box;
}

.footer {
  position: relative;
  bottom: 0;
  width: 100vw;
}
.footer-wrap {
  bottom: 0;
  width: 100vw;
  z-index: 0;
}
@media only screen and (max-width: 1279px) {
  .footer .logo {
    width: min(max(140px, 140 * 1.5 / 768 * 100vw), 140 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer .logo {
    width: min(max(190px, 190 / 1280 * 100vw), 190px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer .logo {
    width: min(max(190px / 1.2, 190 / 1.2 / 900 * 100vh), 190px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer .logo {
    width: calc(190px * 1.2);
  }
}
.footer .c-col {
  flex: 0 0 50%;
  max-width: 50%;
}
.footer .c-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .c-col ul li:before {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .footer .c-col ul {
    justify-content: center;
  }
}
.footer-top {
  background-color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .footer-top {
    padding-top: min(max(25px, 25 * 1.5 / 768 * 100vw), 25 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-top {
    padding-top: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-top {
    padding-top: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-top {
    padding-top: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-top {
    padding-bottom: min(max(37px, 37 * 1.5 / 768 * 100vw), 37 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-top {
    padding-bottom: min(max(70px, 70 / 1280 * 100vw), 70px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-top {
    padding-bottom: min(max(70px / 1.2, 70 / 1.2 / 900 * 100vh), 70px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-top {
    padding-bottom: calc(70px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-top {
    display: none;
  }
}
.footer-top .c-row .c-col > ul {
  column-count: 3;
}
.footer-top .c-row .c-col > ul li a {
  font-weight: 800;
  line-height: 1;
}
@media only screen and (max-width: 1279px) {
  .footer-top .c-row .c-col > ul li a {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-top .c-row .c-col > ul li a {
    font-size: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-top .c-row .c-col > ul li a {
    font-size: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-top .c-row .c-col > ul li a {
    font-size: calc(14px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-top .c-row .c-col > ul li ul {
    margin-top: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-top .c-row .c-col > ul li ul {
    margin-top: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-top .c-row .c-col > ul li ul {
    margin-top: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-top .c-row .c-col > ul li ul {
    margin-top: calc(20px * 1.2);
  }
}
.footer-top .c-row .c-col > ul li ul li a {
  font-weight: 400;
}
.footer-top .c-row .c-col > ul li ul li + li {
  margin-top: 0px;
}
@media only screen and (max-width: 1279px) {
  .footer-top .c-row .c-col > ul li + li {
    margin-top: min(max(7px, 7 * 1.5 / 768 * 100vw), 7 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-top .c-row .c-col > ul li + li {
    margin-top: min(max(10px, 10 / 1280 * 100vw), 10px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-top .c-row .c-col > ul li + li {
    margin-top: min(max(10px / 1.2, 10 / 1.2 / 900 * 100vh), 10px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-top .c-row .c-col > ul li + li {
    margin-top: calc(10px * 1.2);
  }
}
.footer-bottom {
  background-color: #233768;
  color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .footer-bottom {
    padding-top: min(max(30px, 30 * 1.5 / 768 * 100vw), 30 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-bottom {
    padding-top: min(max(30px, 30 / 1280 * 100vw), 30px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom {
    padding-top: min(max(30px / 1.2, 30 / 1.2 / 900 * 100vh), 30px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-bottom {
    padding-top: calc(30px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom {
    padding-bottom: min(max(40px, 40 * 1.5 / 768 * 100vw), 40 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-bottom {
    padding-bottom: min(max(40px, 40 / 1280 * 100vw), 40px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom {
    padding-bottom: min(max(40px / 1.2, 40 / 1.2 / 900 * 100vh), 40px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-bottom {
    padding-bottom: calc(40px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom {
    font-size: min(max(12px, 12 * 1.5 / 768 * 100vw), 12 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-bottom {
    font-size: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom {
    font-size: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-bottom {
    font-size: calc(12px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom {
    padding-block: 0;
    background-color: transparent;
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row {
    text-align: center;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
  }
  .footer-bottom .c-row .c-col:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(0px - (100vw - 100%) / 2);
    top: 0;
    height: 100%;
    width: 100vw;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-top: min(max(11px, 11 * 1.5 / 768 * 100vw), 11 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-top: min(max(11px, 11 / 1280 * 100vw), 11px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-top: min(max(11px / 1.2, 11 / 1.2 / 900 * 100vh), 11px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-top: calc(11px * 1.2);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-bottom: min(max(14px, 14 * 1.5 / 768 * 100vw), 14 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-bottom: min(max(14px, 14 / 1280 * 100vw), 14px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-bottom: min(max(14px / 1.2, 14 / 1.2 / 900 * 100vh), 14px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .footer-bottom .c-row .c-col:first-of-type {
    padding-bottom: calc(14px * 1.2);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:first-of-type {
    font-size: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .footer-bottom .c-row .c-col:first-of-type {
    font-size: min(max(18px, 18 / 1280 * 100vw), 18px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col:first-of-type {
    font-size: min(max(18px / 1.2, 18 / 1.2 / 900 * 100vh), 18px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .footer-bottom .c-row .c-col:first-of-type {
    font-size: calc(18px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:first-of-type:before {
    background-color: #233768;
  }
  .footer-bottom .c-row .c-col:first-of-type span {
    display: block;
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-top: min(max(20px, 20 * 1.5 / 768 * 100vw), 20 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-top: min(max(20px, 20 / 1280 * 100vw), 20px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-top: min(max(20px / 1.2, 20 / 1.2 / 900 * 100vh), 20px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-top: calc(20px * 1.2);
  }
}
@media only screen and (max-width: 1279px) and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-bottom: min(max(27px, 27 * 1.5 / 768 * 100vw), 27 * 1.5px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-bottom: min(max(27px, 27 / 1280 * 100vw), 27px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-bottom: min(max(27px / 1.2, 27 / 1.2 / 900 * 100vh), 27px);
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1921px) {
  .footer-bottom .c-row .c-col:last-of-type {
    padding-bottom: calc(27px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col:last-of-type:before {
    background-color: #ffffff;
  }
}
.footer-bottom .c-row .c-col p {
  margin-bottom: 0;
  font-size: inherit;
}
.footer-bottom .c-row .c-col p a:before {
  background: #ffffff;
}
.footer-bottom .c-row .c-col ul {
  font-size: inherit;
  display: flex;
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col ul {
    color: #233768;
  }
}
.footer-bottom .c-row .c-col ul li:not(:last-of-type) {
  border-right: 1px solid;
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    padding-right: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    padding-right: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    padding-right: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    padding-right: calc(12px * 1.2);
  }
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    margin-right: min(max(10px, 10 * 1.5 / 768 * 100vw), 10 * 1.5px);
  }
}
@media only screen and (min-width: 1280px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    margin-right: min(max(12px, 12 / 1280 * 100vw), 12px);
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1679px) and (max-height: 900px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    margin-right: min(max(12px / 1.2, 12 / 1.2 / 900 * 100vh), 12px);
  }
}
@media only screen and (min-width: 1921px) {
  .footer-bottom .c-row .c-col ul li:not(:last-of-type) {
    margin-right: calc(12px * 1.2);
  }
}
.footer-bottom .c-row .c-col ul li a:before {
  background: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .footer-bottom .c-row .c-col ul li a:before {
    background: #233768;
  }
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*----------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text,
.visuallyhidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus,
.visuallyhidden:focus {
  background-color: #000000;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #ffffff;
  display: block;
  font-size: 0.875rem;
  font-weight: 800;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

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

.post-content a,
.simple-content a {
  color: #5273b3;
}

.grecaptcha-badge {
  visibility: hidden !important;
}