@charset "UTF-8";
/* vatson 31.10.2023 */
/* variables */
/* img in various boxes */
/* fonts */
@import url("excellent-icos.css");
/*
@import url('../fonts/GraphikLCG-Regular-export/GraphikLCG-Regular.css');
@import url('../fonts/GraphikLCG-RegularItalic-export/GraphikLCG-RegularItalic.css');

@import url('../fonts/GraphikLCG-Bold-export/GraphikLCG-Bold.css');
@import url('../fonts/GraphikLCG-BoldItalic-export/GraphikLCG-BoldItalic.css');

@import url('../fonts/GraphikLCG-Light-export/GraphikLCG-Light.css');
@import url('../fonts/GraphikLCG-LightItalic-export/GraphikLCG-LightItalic.css'); 

@import url('../fonts/GraphikLCG-Medium-export/GraphikLCG-Medium.css');
@import url('../fonts/GraphikLCG-MediumItalic-export/GraphikLCG-MediumItalic.css');

@import url('../fonts/FiraSans-Bold-export/FiraSans-Bold.css');
@import url('../fonts/FiraSans-SemiBold-export/FiraSans-SemiBold.css');

@mixin light { font-family: "GraphikLCG-Light", "Arial", "Helvetica", "sans-serif"; }
@mixin regular { font-family: "GraphikLCG-Regular", "Arial", "Helvetica", "sans-serif"; }
@mixin medium { font-family: "GraphikLCG-Medium", "Arial", "Helvetica", "sans-serif"; font-weight: normal; }
@mixin bold { font-family: "GraphikLCG-Bold", "Arial", "Helvetica", "sans-serif"; font-weight: normal; } */
/*
@import url('../fonts/barlow/barlow.css');
@import url('../fonts/roboto_condensed/roboto_condensed.css'); */
.graphikMedium {
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 800; }

.red {
  color: #4D29F1; }

/* mixins */
/* declarations */
html, body {
  background-color: #ffffff;
  height: 100%; }

html {
  font-size: 16px; }

body {
  color: #001E45;
  display: flex;
  flex-direction: column;
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 400;
  /* blogi */ }
  body.single .blogHeaderBox h1, body.single-post .blogHeaderBox h1 {
    font-size: 2rem;
    line-height: 120%; }
  body.single h2, body.single-post h2 {
    font-size: 1.3rem;
    line-height: 140%;
    margin-bottom: 2rem; }
  body.single h3, body.single-post h3 {
    font-size: 1rem;
    font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
    font-weight: 900;
    margin-bottom: 1rem; }

h1, h2, h3, h4 {
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 800; }

strong {
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 900; }

#content {
  flex: 1 0 auto;
  margin-top: 5.5rem;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 2; }
  #content::before {
    content: '';
    width: 100%;
    position: relative;
    pointer-events: none;
    height: 19rem;
    display: flex;
    position: fixed;
    background: red;
    z-index: -1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebf7fb+0,ffffff+100 */
    background: -moz-linear-gradient(top, #e6f4fb 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e6f4fb 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e6f4fb 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.btn {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.clickBox {
  cursor: pointer; }

header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff;
  z-index: 10; }
  header a {
    font-size: 1.25rem;
    line-height: 2rem; }
    header a#logo {
      display: flex;
      width: auto;
      height: 2.5rem;
      flex-shrink: 0; }
  header .btn {
    font-size: 1.25rem;
    line-height: 2rem;
    /* remove outline */ }
    header .btn:focus, header .btn:active:focus, header .btn.active:focus, header .btn.focus, header .btn:active.focus, header .btn.active.focus {
      outline: none;
      box-shadow: none; }
  header div#mainMenu ul {
    display: flex;
    list-style: none;
    align-items: center;
    align-items: stretch;
    margin: 0;
    padding: 0; }
    header div#mainMenu ul li {
      padding: 1.2em 1.3em 1.3em 1.3em;
      display: flex;
      position: relative;
      align-items: center; }
      header div#mainMenu ul li.menuButton {
        padding: 1.2em 0 1.3em 1.3em; }
      header div#mainMenu ul li::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        opacity: 0;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.04);
        z-index: -1;
        -webkit-transition: opacity .25s;
        transition: opacity .25s; }
      header div#mainMenu ul li.current-menu-item, header div#mainMenu ul li.current_page_item, header div#mainMenu ul li.current-menu-ancestor, header div#mainMenu ul li.current-menu-parent, header div#mainMenu ul li.current_page_parent, header div#mainMenu ul li.current_page_ancestor {
        font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
        font-weight: 900; }
      header div#mainMenu ul li:hover::after {
        opacity: 1; }
      header div#mainMenu ul li.menuButton:hover::after {
        opacity: 0; }
      header div#mainMenu ul li a {
        color: #001E45;
        text-decoration: none; }
        header div#mainMenu ul li a.btn {
          font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
          font-weight: 900;
          text-transform: uppercase;
          color: #ffffff; }

.subHeader.darkr ul li {
  padding-left: 0.1rem;
  padding-right: 0.1rem; }
  .subHeader.darkr ul li a {
    background-color: rgba(0, 30, 69, 0.3); }
  .subHeader.darkr ul li:hover a {
    background-color: rgba(0, 30, 69, 0.5) !important; }
.subHeader ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  margin-top: -1rem;
  margin-bottom: 1rem; }
  .subHeader ul li {
    margin: 0 0.2rem;
    font-size: 1.25rem; }
    .subHeader ul li a {
      border-radius: 1.5rem;
      padding: 0.5rem 1rem;
      border: solid 1px transparent;
      text-decoration: none;
      color: #001E45;
      white-space: nowrap;
      display: inline-block;
      -webkit-transition: background-color .25s;
      transition: background-color .25s;
      background-color: transparent; }
    .subHeader ul li.current_page_item a, .subHeader ul li.active a {
      background-color: #ffffff;
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 900; }
    .subHeader ul li.current_page_item:hover a, .subHeader ul li.active:hover a {
      background-color: #ffffff; }
    .subHeader ul li:hover a {
      background-color: rgba(0, 30, 69, 0.07); }

footer {
  padding: 3rem 0;
  background-color: #001E45;
  position: relative;
  z-index: 1;
  /* 999 */
  color: #ffffff; }
  footer .social {
    display: flex;
    width: 100% !important; }
    footer .social a {
      margin-right: 0.5rem;
      color: #001E45;
      display: flex;
      width: 2.4rem;
      height: 2.4rem;
      font-size: 1.4rem;
      background: #ffffff;
      border-radius: 1.2rem;
      line-height: 1rem;
      justify-content: center;
      align-items: center; }
  footer a {
    color: #ffffff;
    text-decoration: none; }
    footer a:hover {
      text-decoration: none;
      color: #0092D3; }
  footer div[class^=col] div {
    width: 17%;
    margin-right: 3%; }
    footer div[class^=col] div ul {
      padding: 0 1.5em 0 0;
      margin: 0;
      list-style: none; }
      footer div[class^=col] div ul li {
        padding: 0.3em 0; }
        footer div[class^=col] div ul li h4 {
          font-size: 1rem;
          font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
          font-weight: 900;
          margin: 0; }

.hamburger #nav-icon {
  position: relative;
  z-index: 999; }

/* X button */
#nav-icon {
  position: relative;
  width: 1.2em;
  height: 1.6em;
  /* wat */
  margin-left: 0.7em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  /* open'd */ }
  #nav-icon span {
    display: block;
    z-index: 999;
    padding-top: 3px;
    border-radius: 0.1em;
    width: 100%;
    background: #001E45;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 0.13em 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  #nav-icon:focus span, #nav-icon:hover span {
    background: #001E45; }
  #nav-icon.open span {
    background-color: #ffffff; }
    #nav-icon.open span:first-child {
      margin: 0;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
      #nav-icon.open span:first-child + span {
        width: 0%;
        height: 0%;
        opacity: 0;
        display: none; }
        #nav-icon.open span:first-child + span + span {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          margin-top: -2px; }
    #nav-icon.open span:nth-child(1) {
      margin: 0;
      -webkit-transform: rotate(45deg) translateY(0.05em);
      -moz-transform: rotate(45deg) translateY(0.05em);
      -o-transform: rotate(45deg) translateY(0.05em);
      transform: rotate(45deg) translateY(0.05em); }
    #nav-icon.open span:nth-child(2) {
      width: 0%;
      height: 0%;
      opacity: 0;
      display: none; }
    #nav-icon.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-top: -2px; }

/* side menu */
nav.header__side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 30, 69, 0.95);
  color: #fff;
  z-index: 50;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, -webkit-transform .5s;
  transition: transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s, -webkit-transform .5s;
  padding: 20px;
  font-size: 1.25rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 2em; }
  nav.header__side-menu.open {
    transform: translateX(0); }
  nav.header__side-menu ul.header__side-menu-links {
    list-style: none;
    padding: 2em 0 0 0; }
    nav.header__side-menu ul.header__side-menu-links li {
      margin-top: 0.3em;
      margin-bottom: 0.3em; }
      nav.header__side-menu ul.header__side-menu-links li a {
        color: #ffffff;
        text-decoration: none; }
        nav.header__side-menu ul.header__side-menu-links li a:hover {
          color: #0092D3;
          text-decoration: none; }
  nav.header__side-menu ul.header__lang-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; }
    nav.header__side-menu ul.header__lang-menu li {
      text-transform: uppercase;
      border: solid 1px #ffffff;
      width: 2.8rem;
      height: 2.8rem;
      overflow: hidden;
      border-radius: 1.4rem;
      position: relative;
      margin-right: 0.3rem; }
      nav.header__side-menu ul.header__lang-menu li.active {
        background-color: #ffffff; }
        nav.header__side-menu ul.header__lang-menu li.active a {
          color: #001E45; }
      nav.header__side-menu ul.header__lang-menu li a {
        display: flex;
        color: #ffffff;
        justify-content: center;
        align-items: center;
        line-height: 1rem;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        letter-spacing: -0.05rem;
        font-size: 1rem; }

.whiteText {
  color: #ffffff; }
  .whiteText a {
    color: #ffffff; }
    .whiteText a:not(.btn) {
      text-decoration: underline; }
  .whiteText .subHeader ul li a {
    color: #ffffff;
    text-decoration: none; }
  .whiteText .subHeader ul li.current-menu-item a, .whiteText .subHeader ul li.current_page_item a, .whiteText .subHeader ul li.current-menu-ancestor a, .whiteText .subHeader ul li.current-menu-parent a, .whiteText .subHeader ul li.current_page_parent a, .whiteText .subHeader ul li.current_page_ancestor a {
    color: #001E45; }
  .whiteText .subHeader ul li.current-menu-item:hover a, .whiteText .subHeader ul li.current_page_item:hover a, .whiteText .subHeader ul li.current-menu-ancestor:hover a, .whiteText .subHeader ul li.current-menu-parent:hover a, .whiteText .subHeader ul li.current_page_parent:hover a, .whiteText .subHeader ul li.current_page_ancestor:hover a {
    background-color: #ffffff; }
  .whiteText .subHeader ul li:hover a {
    background-color: rgba(0, 30, 69, 0.25); }

.pinkBg {
  background-color: rgba(77, 41, 241, 0.12); }

.skyBg {
  background-color: #e6f4fb; }

/* fadey fade */
.darkImage {
  position: relative; }
  .darkImage * {
    position: relative;
    z-index: 1; }
  .darkImage::before {
    z-index: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 30, 69, 0.3); }

section.block {
  width: 100%;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  section.block.newsLetter {
    margin-bottom: -2.5rem;
    background-color: #e6f4fb; }
  section.block.hero {
    position: relative;
    font-size: 1.125rem;
    min-height: 20rem; }
    section.block.hero.noBackground {
      min-height: auto; }
    section.block.hero div[class^='container'] {
      position: relative;
      z-index: 1; }
  section.block .overTop {
    line-height: 1.5rem;
    font-size: 1.125rem;
    position: relative;
    /* could be carousel – show only the 1st */ }
    section.block .overTop.pinkGradBgReverse {
      background-color: #e6f4fb;
      background: -moz-linear-gradient(180deg, rgba(77, 41, 241, 0) 30%, rgba(77, 41, 241, 0.13) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(180deg, rgba(77, 41, 241, 0) 30%, rgba(77, 41, 241, 0.13) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(180deg, rgba(77, 41, 241, 0) 30%, rgba(77, 41, 241, 0.13) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
    section.block .overTop.skyBg .slideLabels div.slideLabel.active {
      border-color: #0092D3; }
    section.block .overTop .slide,
    section.block .overTop .box {
      display: none; }
      section.block .overTop .slide:first-child,
      section.block .overTop .box:first-child {
        display: flex;
        flex-direction: column; }
    section.block .overTop div[class^='col'] {
      position: relative; }
    section.block .overTop .indicators {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: auto;
      margin: 0;
      justify-content: flex-end;
      min-height: 4rem;
      align-items: center;
      right: 0;
      padding-right: 2rem;
      padding-left: 2rem; }
      section.block .overTop .indicators button {
        box-sizing: content-box;
        flex: 0 1 auto;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        transition: opacity .6s ease;
        width: 0.8rem;
        height: 0.8rem;
        border: solid 1px transparent;
        border-radius: 0.5rem;
        opacity: 0.5; }
        section.block .overTop .indicators button.active {
          opacity: 1; }
    section.block .overTop ul li {
      list-style: none;
      position: relative;
      padding-left: 1.2rem; }
      section.block .overTop ul li::before {
        content: '✓';
        color: #4D29F1;
        position: absolute;
        left: 0;
        top: 0; }
    section.block .overTop ol {
      counter-reset: item;
      padding-left: 1rem; }
      section.block .overTop ol li {
        list-style: none;
        position: relative;
        padding-left: 2rem; }
        section.block .overTop ol li::before {
          text-align: right;
          content: counter(item) ". ";
          counter-increment: item;
          color: #4D29F1;
          width: 1.7rem;
          position: absolute;
          left: 0;
          top: 0; }
    section.block .overTop .carousel {
      margin-top: -1.5rem; }
      section.block .overTop .carousel .carousel-inner {
        margin-bottom: -1.5rem;
        height: 100%; }
      section.block .overTop .carousel.lifted {
        padding-bottom: 3rem; }
        section.block .overTop .carousel.lifted .carousel-control-prev,
        section.block .overTop .carousel.lifted .carousel-control-next {
          padding-bottom: 3rem; }
        section.block .overTop .carousel.lifted .carousel-inner .box.overTop {
          margin-top: 0; }
        section.block .overTop .carousel.lifted .carousel-inner .box.darkBox {
          height: auto; }
    section.block .overTop h1, section.block .overTop h2, section.block .overTop h3 {
      font-size: 1.5625rem;
      line-height: 2rem; }
    section.block .overTop a:not(.btn) {
      color: #001E45; }
    section.block .overTop img,
    section.block .overTop .imgBox {
      margin-top: -1.5rem;
      min-height: calc(100% + 3rem); }
      section.block .overTop img.lifted,
      section.block .overTop .imgBox.lifted {
        width: 100%;
        height: auto;
        margin-bottom: 1.5rem;
        /*
        height: calc(100%);*/ }
  section.block h1 span, section.block h2 span {
    color: #4D29F1; }
  section.block h1 {
    font-size: 3.75rem;
    line-height: 4rem; }
    section.block h1.smaller {
      font-size: 2.375rem; }
  section.block .checkbox {
    position: relative;
    margin-bottom: 1em; }
    section.block .checkbox label {
      position: relative;
      padding-left: 3rem;
      font-size: 0.8125rem;
      min-height: 2rem;
      display: flex;
      align-items: center; }
      section.block .checkbox label::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        width: 2rem;
        height: 2rem;
        border-radius: 1rem;
        border: solid 1px rgba(0, 30, 69, 0.3); }
    section.block .checkbox input[type='checkbox'] {
      display: none; }
      section.block .checkbox input[type='checkbox']::after {
        content: ''; }
      section.block .checkbox input[type='checkbox']:checked + label::before {
        border: solid 1px #001E45; }
      section.block .checkbox input[type='checkbox']:checked + label::after {
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1em;
        position: absolute;
        left: 0;
        top: 0;
        width: 2rem;
        height: 2rem;
        font-family: 'excellent';
        content: '\e805'; }
  section.block .response_msg {
    width: 100%;
    padding: 3rem 2rem 4rem 2rem;
    text-align: center;
    display: none; }
    section.block .response_msg.error h2,
    section.block .response_msg.error .h2 {
      color: #4D29F1; }
    section.block .response_msg .h2,
    section.block .response_msg h2 {
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800;
      color: #0092D3;
      font-size: 3rem; }
    section.block .response_msg p {
      line-height: 1.7em; }
  section.block form.roundFields {
    position: relative; }
    section.block form.roundFields .form-control {
      padding: 1rem 2rem;
      border-radius: 3rem;
      border-color: rgba(0, 30, 69, 0.3);
      background-color: #fff;
      margin-bottom: 1em; }
      section.block form.roundFields .form-control::-webkit-input-placeholder {
        color: rgba(0, 30, 69, 0.7) !important; }
      section.block form.roundFields .form-control:-moz-placeholder {
        color: rgba(0, 30, 69, 0.7) !important; }
      section.block form.roundFields .form-control::-moz-placeholder {
        color: rgba(0, 30, 69, 0.7) !important; }
      section.block form.roundFields .form-control:-ms-input-placeholder {
        color: rgba(0, 30, 69, 0.7) !important; }
    section.block form.roundFields .fancyradio {
      display: flex;
      padding: 0.5rem; }
      section.block form.roundFields .fancyradio input[type='radio'] {
        display: none; }
        section.block form.roundFields .fancyradio input[type='radio'] + label {
          flex-grow: 1;
          text-align: center;
          padding: 0.5rem;
          border-radius: 1.5rem;
          cursor: pointer; }
        section.block form.roundFields .fancyradio input[type='radio']:checked + label {
          background: rgba(77, 41, 241, 0.2); }
    section.block form.roundFields .cta-form__head {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      text-align: center; }
      section.block form.roundFields .cta-form__head .cta-form__head-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 20px;
        margin-bottom: 20px; }
  section.block form.searchForm {
    position: relative; }
    section.block form.searchForm input[type='text'] {
      padding-right: 3rem; }
    section.block form.searchForm button[type='submit'] {
      position: absolute;
      border: none;
      background-color: transparent;
      height: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
      color: #001E45;
      right: 0;
      top: 0; }

.slideLabels {
  display: flex;
  flex-direction: column; }
  .slideLabels div.slideLabel {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: solid 0 #ffffff;
    border-radius: 0.2rem;
    border-left-width: 0.3rem;
    padding: 0.5rem 0rem 0.5rem 2rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem; }
    .slideLabels div.slideLabel.active {
      border-color: #4D29F1; }
    .slideLabels div.slideLabel h3 {
      font-size: 1.5625rem;
      line-height: 2rem;
      margin: 0;
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800; }
    .slideLabels div.slideLabel a {
      color: #001E45;
      font-size: 1.125rem; }

.event {
  position: relative;
  padding-left: 4rem;
  margin-bottom: 2rem; }
  .event:last-child {
    margin-bottom: 0; }
  .event a {
    text-decoration: underline;
    color: #001E45; }
  .event p {
    margin: 0; }
  .event .icoBox,
  .event .dateBox {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column; }
  .event .icoBox {
    line-height: 1rem;
    font-size: 2.4rem; }

.dateBox {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.6rem;
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 900;
  line-height: 1em;
  text-align: center;
  min-width: 3rem; }
  .dateBox .month {
    background-color: #4D29F1;
    color: #ffffff;
    padding: 0.15rem 0.3rem;
    text-transform: uppercase;
    font-size: 0.6875rem; }
  .dateBox .date {
    background-color: #ffffff;
    font-size: 1.4rem;
    padding: 0.3em; }

.dateBoxDetailed {
  display: flex;
  align-items: flex-start; }
  .dateBoxDetailed .timeDay {
    margin: 0 1rem; }
    .dateBoxDetailed .timeDay div {
      white-space: nowrap; }

/* hero carousels */
.pixCarousel .carousel-indicators {
  top: 0;
  bottom: auto;
  right: 0;
  margin: 0;
  justify-content: flex-end;
  min-height: 4rem;
  align-items: center;
  margin-right: 1.2rem;
  margin-left: 1.2rem; }
  .pixCarousel .carousel-indicators button {
    width: 0.8rem;
    height: 0.8rem;
    border: solid 1px transparent;
    border-radius: 0.5rem; }
.pixCarousel .carousel-inner {
  border-radius: 1.5rem;
  box-shadow: 0.2rem 0.2rem 0.3rem rgba(0, 30, 69, 0.3);
  overflow: hidden; }
  .pixCarousel .carousel-inner .carousel-item {
    background-color: #fff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100%; }
    .pixCarousel .carousel-inner .carousel-item div.title {
      color: #ffffff;
      font-size: 1.28381rem;
      font-weight: 400;
      line-height: 1.64331rem;
      padding: 1rem 1.2rem;
      position: absolute;
      left: 0;
      top: 0;
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800; }
    .pixCarousel .carousel-inner .carousel-item div.imgTitle {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      padding: 0.8rem 1rem 0.8rem 1.2rem;
      flex-wrap: nowrap;
      background: #4D29F1;
      color: #ffffff;
      border-radius: 0 1.5rem;
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800; }
    .pixCarousel .carousel-inner .carousel-item div.author {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      padding: 0.8rem 1rem 0.8rem 0.8rem;
      flex-wrap: nowrap;
      background: rgba(0, 30, 69, 0.4);
      color: #ffffff;
      border-radius: 0 1.5rem; }
      .pixCarousel .carousel-inner .carousel-item div.author .img {
        height: 2em;
        width: 2em;
        border-radius: 1em;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat; }
      .pixCarousel .carousel-inner .carousel-item div.author p {
        margin: 0 0 0 0.5rem; }

#heroCarouselOne {
  position: absolute;
  width: 40%;
  z-index: 2;
  left: 4.5rem;
  top: 0; }
  #heroCarouselOne .carousel-item {
    min-height: 26rem; }
  #heroCarouselOne .carousel-indicators {
    top: 0;
    bottom: auto;
    right: 0;
    margin: 0;
    justify-content: flex-end;
    min-height: 4rem;
    align-items: center;
    margin-right: 1.2rem;
    margin-left: 1.2rem; }
    #heroCarouselOne .carousel-indicators button {
      width: 0.8rem;
      height: 0.8rem;
      border: solid 1px transparent;
      border-radius: 0.5rem; }

#heroCarouselTwo {
  position: relative;
  z-index: 1;
  margin-left: 5%;
  margin-right: 3rem; }
  #heroCarouselTwo .carousel-control-prev,
  #heroCarouselTwo .carousel-control-next {
    width: 1.5rem;
    color: #001E45; }
  #heroCarouselTwo .carousel-control-prev {
    left: -5%; }
  #heroCarouselTwo .carousel-control-next {
    right: -3rem; }
  #heroCarouselTwo .carousel-indicators {
    right: 0;
    top: 0;
    bottom: auto;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none; }
  #heroCarouselTwo .carousel-inner::before {
    content: '';
    background: linear-gradient(26deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0.02) 100%);
    position: absolute;
    border-radius: 1.5rem;
    left: 10%;
    right: 0;
    top: 2rem;
    width: 90%;
    bottom: 1.5rem; }
  #heroCarouselTwo .carousel-inner .carousel-item {
    min-height: 30rem;
    position: relative; }
    #heroCarouselTwo .carousel-inner .carousel-item:not(.active) a.btn-section {
      display: none; }
    #heroCarouselTwo .carousel-inner .carousel-item .blob {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
      /* background: linear-gradient(26deg, rgba(0, 146, 211, 0.10) 0%, rgba(0, 146, 211, 0.02) 100%); 
      border-radius: 1.5rem;
      margin: 2rem 3rem 2rem 15%;
      bottom: 0;
      right: 0;
      top: 0;
      left: 0;*/
      padding: 4rem 3rem 4rem 48%;
      height: 95%; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob .bannerBody {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-grow: 2; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob h2 {
        margin-bottom: 1.5rem; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob img.sbLogo {
        width: auto;
        height: 4rem; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob div.bannerBody {
        flex-grow: 2;
        display: flex;
        flex-direction: column;
        justify-content: center; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob a.btn-section {
        position: absolute;
        bottom: -1.4rem;
        left: 48%; }

.logoLand {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-position: right calc(0.375em + 0.7rem) center; }

.was-validated .form-control:valid,
.form-control.is-valid {
  background-position: right calc(0.375em + 0.7rem) center; }

.was-validated :valid ~ .valid-feedback,
.was-validated :invalid ~ .invalid-feedback {
  padding-left: 2rem;
  font-size: 0.8rem;
  margin-top: -0.7rem;
  margin-bottom: 0.7rem; }

.skyGradient {
  background: -moz-linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.masonry div[class^='col'] .box {
  margin-bottom: 1.5rem; }
  .masonry div[class^='col'] .box h4 {
    text-transform: uppercase;
    font-size: 1.25rem;
    line-height: 1.5rem; }
  .masonry div[class^='col'] .box h2 {
    font-size: 1.5625rem; }

.box {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  padding: 2rem 2.5rem;
  border-radius: 1.5rem;
  overflow: hidden; }
  .box a:not(.btn) {
    color: #001E45; }
  .box .btn {
    align-self: flex-start; }
  .box .img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 60%;
    padding-left: 100%; }
    .box .img.square {
      padding-bottom: 100%; }
    .box .img.rounded {
      border-radius: 1rem !important; }
  .box .priceRow {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .box .priceRow h3, .box .priceRow h4 {
      margin-bottom: 0; }
  .box.mapBox .mapArea {
    width: 100%;
    height: 16rem;
    border-radius: 1rem; }
  .box.shadowBox {
    box-shadow: 0.2rem 0.2rem 0.3rem rgba(0, 30, 69, 0.3); }
  .box.withIcon {
    position: relative; }
    .box.withIcon h3, .box.withIcon h4 {
      padding-right: 3rem; }
    .box.withIcon img.ico {
      position: absolute;
      right: 1.5rem;
      top: 1.5rem;
      width: 2.5rem;
      height: auto; }
  .box.smallCorners {
    border-radius: 1rem; }
  .box.overTop {
    margin-top: -4.5rem;
    align-self: flex-start;
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    padding: 2rem 3rem !important;
    width: 75%; }
  .box.blogHeaderBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    min-height: 24rem;
    color: #ffffff; }
  .box.blogBox {
    padding: 0; }
    .box.blogBox .post-cover {
      width: 100%;
      position: relative;
      display: block;
      padding-bottom: 75%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-radius: 1.5rem; }
  .box.videoBox {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.04);
    cursor: pointer; }
    .box.videoBox.lifted {
      margin-top: -1.5rem;
      height: calc(100%) !important; }
    .box.videoBox .desc {
      color: #0092D3;
      padding: 2rem; }
      .box.videoBox .desc h2, .box.videoBox .desc h3, .box.videoBox .desc h4 {
        line-height: 2rem;
        font-size: 1.5625rem;
        text-transform: none; }
    .box.videoBox .video-comp-cover {
      width: 100%;
      position: relative;
      display: block;
      padding-bottom: 56.23431%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: auto; }
      .box.videoBox .video-comp-cover::before {
        content: '';
        background: url(../img/img-play.svg) no-repeat 0 0;
        background-size: contain;
        height: 8rem;
        width: 8rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -4rem;
        margin-left: -4rem;
        transition: transform 100ms ease-in-out; }
      .box.videoBox .video-comp-cover:hover::before {
        transform: scale(1.1); }
  .box.pinkBox {
    background-color: rgba(77, 41, 241, 0.12); }
    .box.pinkBox a span[class^=icon-thumb] {
      color: #0092D3; }
      .box.pinkBox a span[class^=icon-thumb]:hover {
        color: #4D29F1; }
  .box.whiteBox {
    background-color: #ffffff; }
  .box.grayBox {
    background-color: rgba(0, 0, 0, 0.04);
    flex: 1 0 0;
    align-self: stretch;
    flex-direction: column; }
    .box.grayBox h2, .box.grayBox h3 {
      text-transform: uppercase;
      font-size: 1.25rem; }
  .box.darkBox {
    background-color: #001E45;
    color: #ffffff;
    padding: 1rem;
    flex-direction: column;
    height: 100%; }
  .box.searchBox {
    flex: 1 0 0;
    align-self: stretch;
    flex-direction: column;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    height: 100%; }
    .box.searchBox .form-group .form-control {
      padding: 1rem 2rem 1rem 3.5rem;
      border-radius: 3rem;
      border-color: rgba(0, 30, 69, 0.3);
      background-color: #fff;
      position: relative;
      z-index: 1; }
      .box.searchBox .form-group .form-control::-webkit-input-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.searchBox .form-group .form-control:-moz-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.searchBox .form-group .form-control::-moz-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.searchBox .form-group .form-control:-ms-input-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
    .box.searchBox .form-group::before {
      font-family: 'excellent';
      content: '\e803';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 3rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      color: #001E45;
      z-index: 2;
      font-size: 1.5rem; }
  .box.imgBox {
    flex: 1 0 0;
    align-self: stretch;
    flex-direction: column;
    height: 100%;
    box-shadow: 0.2rem 0.2rem 0.3rem rgba(0, 30, 69, 0.3);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    max-height: 22rem; }
    .box.imgBox.lifted {
      margin-top: -1.5rem;
      height: calc(100%) !important; }
    .box.imgBox h2, .box.imgBox h3 {
      text-transform: uppercase;
      font-size: 1.25rem; }
    .box.imgBox * {
      position: relative;
      z-index: 2; }
    .box.imgBox .imgTitle {
      position: absolute;
      left: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      padding: 0.8rem 1rem 0.8rem 1.2rem;
      flex-wrap: nowrap;
      background: #4D29F1;
      color: #ffffff;
      border-radius: 0 1.5rem;
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800; }
    .box.imgBox .form-group .form-control {
      padding: 1rem 2rem 1rem 3.5rem;
      border-radius: 3rem;
      border-color: rgba(0, 30, 69, 0.3);
      background-color: #fff;
      position: relative;
      z-index: 1; }
      .box.imgBox .form-group .form-control::-webkit-input-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.imgBox .form-group .form-control:-moz-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.imgBox .form-group .form-control::-moz-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
      .box.imgBox .form-group .form-control:-ms-input-placeholder {
        color: rgba(0, 30, 69, 0.3) !important; }
    .box.imgBox .form-group::before {
      font-family: 'excellent';
      content: '\e803';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 3rem;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      color: #001E45;
      z-index: 2;
      font-size: 1.5rem; }
  .box.gradBoxPink, .box.gradBoxBlue {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem;
    height: 100%;
    flex-direction: column; }
    .box.gradBoxPink > img, .box.gradBoxBlue > img {
      max-height: 6.25rem;
      width: auto; }
      .box.gradBoxPink > img.large, .box.gradBoxBlue > img.large {
        max-height: 12.5rem; }
  .box.gradBoxPink {
    background: -moz-linear-gradient(191deg, rgba(77, 41, 241, 0.13) 0%, rgba(77, 41, 241, 0) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(191deg, rgba(77, 41, 241, 0.13) 0%, rgba(77, 41, 241, 0) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(191deg, rgba(77, 41, 241, 0.13) 0%, rgba(77, 41, 241, 0) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .box.gradBoxBlue {
    background: -moz-linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(191deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .box.skyBox {
    background: #e6f4fb;
    padding: 1rem;
    font-size: 1rem;
    height: 100%; }
  .box.logoBox {
    flex-grow: 0;
    /* 1: stretch */
    justify-content: center;
    align-items: center;
    position: relative;
    height: auto;
    width: 18%;
    padding-left: 15%;
    padding-bottom: 15%;
    margin: 0.8%; }
    .box.logoBox div {
      display: flex;
      flex-direction: column;
      position: absolute;
      padding: 2rem;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-weight: bold; }
      .box.logoBox div a {
        flex-grow: 1;
        display: flex;
        align-items: center; }
      .box.logoBox div img {
        max-width: 15rem;
        max-height: 6rem;
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        margin: auto; }
    .box.logoBox p, .box.logoBox h4, .box.logoBox h5 {
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800;
      margin: 1rem 0 0 0;
      font-size: 1.125rem;
      line-height: 1.5rem;
      text-transform: uppercase; }
  .box ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .box ul li {
      position: relative;
      padding-left: 1.2rem; }
      .box ul li.active {
        color: #4D29F1; }
        .box ul li.active a {
          color: #4D29F1; }
          .box ul li.active a:hover {
            color: #4D29F1; }
      .box ul li::before {
        content: '\e806';
        position: absolute;
        left: 0;
        top: 0.2rem;
        color: #0092D3;
        font-family: 'excellent';
        font-size: 0.75rem; }
      .box ul li a {
        text-decoration: none;
        color: #001E45; }
        .box ul li a:hover {
          text-decoration: underline;
          color: #0092D3; }
  .box h3, .box h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    /* text-transform: uppercase; */ }
  .box p:last-child {
    margin-bottom: 0; }

.author {
  display: flex;
  align-items: center; }
  .author .author-img {
    padding: 3rem 3rem 0 0;
    border-radius: 1.5rem;
    margin-right: 1rem;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .author .author-details {
    display: flex;
    flex-direction: column; }
    .author .author-details .author-name {
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800; }

.buttonField .btn {
  margin: 0 0.25rem 0.5rem 0; }

.headerComment {
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 800;
  font-size: 1.125rem; }
  .headerComment a {
    color: #001E45;
    text-decoration: none; }

/* horizontal scrolling? Hmmm.... */
.horizontal-scrollable.centered .row {
  display: flex;
  justify-content: center; }
.horizontal-scrollable .row {
  overflow-x: auto;
  flex-wrap: wrap; }

/* 5 columns in 12-grid? Hmmm.... */
.grid5 {
  width: 20%; }

/* reveal */
.revealWrapper .revealBox {
  position: relative;
  position: relative;
  overflow: hidden;
  max-height: 22rem;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
  border-radius: 0 0 1.25rem 1.25rem; }
  .revealWrapper .revealBox.moreVisible {
    max-height: 40rem; }
  .revealWrapper .revealBox::before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 7em;
    pointer-events: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+75 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 85%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 2; }
.revealWrapper .revealer span.icon-down-open {
  display: inline-block; }
.revealWrapper.open .revealBox {
  max-height: 1600rem; }
  .revealWrapper.open .revealBox::before {
    display: none; }
.revealWrapper.open .revealer span.icon-down-open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#choosePackage .redButton {
  font-size: 1.3em; }
#choosePackage div.offer .titleBox {
  background: #ffffff;
  margin: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.04);
  padding: 1.6em 1em;
  text-align: center;
  display: block;
  border-radius: 1.5rem 1.5rem 0 0;
  min-height: 4rem; }
  #choosePackage div.offer .titleBox h2 {
    letter-spacing: -0.05rem;
    font-size: 1.5rem;
    font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
    font-weight: 900;
    margin: 0; }
    #choosePackage div.offer .titleBox h2 span {
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 200;
      font-size: 0.7em;
      color: #001E45; }
#choosePackage h4 {
  font-size: 1.5em;
  background-color: rgba(0, 0, 0, 0.04);
  margin: 0;
  padding: 1em 0.2em;
  font-size: 1.8em;
  text-align: center;
  font-weight: 900; }
  #choosePackage h4 span {
    font-weight: 200; }
#choosePackage .priceBox {
  background: #ffffff;
  border: solid 2px #f1f1f1;
  border-top-width: 0;
  padding: 2em 1.6em 0 1.6em;
  margin-bottom: 1.5em;
  position: relative;
  flex-grow: 2;
  border-radius: 0 0 1.5rem 1.5rem; }
  #choosePackage .priceBox .in {
    flex-grow: 2; }
  #choosePackage .priceBox .footer {
    background: inherit;
    color: #001E45;
    position: relative;
    padding: 1.5rem 2rem; }
    #choosePackage .priceBox .footer a {
      color: #001E45; }
    #choosePackage .priceBox .footer h5 {
      margin: 0 auto 1.4em auto;
      font-size: 1.8em; }
    #choosePackage .priceBox .footer h3 {
      font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
      font-weight: 800;
      text-transform: none; }
    #choosePackage .priceBox .footer .wireframe_tooltip {
      font-size: 0.9em;
      margin-top: 0; }
    #choosePackage .priceBox .footer .price {
      margin: 0 auto 0 auto; }
  #choosePackage .priceBox.box ul li {
    padding-left: 1.1rem;
    font-size: 1rem; }
    #choosePackage .priceBox.box ul li::before {
      font-size: 0.6rem; }
#choosePackage .note {
  border-radius: 1em 1em 0 0;
  text-align: center;
  padding: 0.6em 0 0.6em 0;
  font-weight: bold;
  color: #ffffff; }
#choosePackage .price {
  font-size: 2.4em;
  font-weight: bold;
  margin-bottom: 0; }
  #choosePackage .price sup {
    font-size: 0.5em;
    line-height: 1em;
    top: -0.7em; }
#choosePackage .important .priceBox {
  border-color: #4D29F1; }
#choosePackage .important .titleBox {
  border: solid 0px #4D29F1;
  border-right-width: 2px;
  border-left-width: 2px;
  border-radius: 0 !important; }
#choosePackage .important h4 {
  border: solid 0px #4D29F1;
  border-right-width: 2px;
  border-left-width: 2px; }
#choosePackage .important .note {
  background-color: #4D29F1; }

.date {
  font-family: "Barlow Semi Condensed", "Roboto Condensed", "Arial", "Helvetica", "sans-serif";
  font-weight: 800; }

.tooltip .tooltip-inner {
  box-shadow: 3px 3px 3px rgba(0, 30, 69, 0.3);
  border: solid 1px #001E45;
  text-align: left;
  padding: 1rem; }
  .tooltip .tooltip-inner ul {
    padding-left: 0; }
    .tooltip .tooltip-inner ul li {
      list-style: none;
      position: relative;
      padding-left: 1.2rem; }
      .tooltip .tooltip-inner ul li::before {
        content: '✓';
        color: #4D29F1;
        position: absolute;
        left: 0;
        top: 0; }
.tooltip .tooltip-arrow::after {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: -3px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #ffffff;
  z-index: 999; }

img.rounded {
  border-radius: 1rem !important; }

.pagination > li {
  margin: 0 0.6rem; }
  .pagination > li > a, .pagination > li > span {
    display: flex;
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 1.1rem !important;
    border: solid 1px transparent;
    background-color: rgba(0, 0, 0, 0.04); }
  .pagination > li.arrow a {
    font-size: 1.5rem;
    color: #001E45; }
  .pagination > li.active a.page-link {
    color: #001E45;
    border: solid 1px rgba(0, 0, 0, 0.04);
    background-color: #ffffff; }

p.large {
  font-size: 1.125rem; }

.imageScroll {
  position: relative;
  /* Firefox */
  scrollbar-width: auto;
  scrollbar-color: #4D29F1 #e6f4fb;
  /* #cceaf6 */
  /* Chrome, Edge, and Safari */ }
  .imageScroll::-webkit-scrollbar {
    width: 16px; }
  .imageScroll::-webkit-scrollbar-track {
    background: #cceaf6; }
  .imageScroll::-webkit-scrollbar-thumb {
    background-color: #4D29F1;
    border-radius: 12px;
    border: 0px solid #e6f4fb; }
  .imageScroll img {
    width: 100%;
    height: auto; }

.alert.alert-danger {
  color: #ffffff;
  background: #4D29F1;
  border-width: 0;
  border-radius: 0; }
  .alert.alert-danger .btn-close {
    color: #ffffff;
    fill: #ffffff;
    background: none;
    padding-right: 1.2rem; }

/* xxl */
@media (min-width: 1470px) {
  /* side menu */
  nav.header__side-menu {
    width: calc((100% - 1470px)/2 + 400px);
    min-width: 600px; } }
/* xl */
@media (min-width: 1246px) and (max-width: 1469px) {
  /* side menu */
  nav.header__side-menu {
    width: calc((100% - 1246px)/2 + 200px);
    min-width: 400px; }

  #heroCarouselOne {
    width: 38%; } }
/* lg */
@media (min-width: 992px) and (max-width: 1245px) {
  html {
    font-size: 1.3vmax; }

  /* side menu */
  nav.header__side-menu {
    width: calc((100% - 992px)/2 + 300px);
    min-width: 400px; }

  #heroCarouselOne {
    width: 38%; } }
/* md */
@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 1.4vmax; }

  header {
    padding-top: 1em;
    padding-bottom: 1em; }

  /* side menu */
  nav.header__side-menu {
    width: 30%;
    min-width: 320px; }

  footer {
    padding-bottom: 1em; }
    footer div[class^=col] {
      flex-wrap: wrap; }
      footer div[class^=col] div {
        width: 30%;
        padding-bottom: 2em; }

  #heroCarouselOne {
    width: 35%; }

  /* 5 columns in 12-grid? Hmmm.... */
  .grid5 {
    width: 33%; }

  .horizontal-scrollable .grid5 {
    width: 37%; }

  .subHeader {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    height: 4rem;
    margin-top: -1rem; }
    .subHeader ul {
      margin-top: 0;
      padding-bottom: 1rem; }
      .subHeader ul li {
        margin: 0; }
        .subHeader ul li:first-child {
          margin-left: 1rem; } }
/* sm */
@media (max-width: 767px) {
  html {
    font-size: 16px; }

  .skyGradient h1 {
    font-size: 2.25rem;
    line-height: 2.5rem; }

  #content {
    margin-top: 5rem;
    margin-bottom: 1.5rem; }

  header a#logo {
    height: 2rem; }

  footer {
    padding-bottom: 1em; }
    footer div[class^=col] {
      flex-wrap: wrap; }
      footer div[class^=col] div {
        width: 47%;
        padding-bottom: 2em; }
        footer div[class^=col] div:last-child {
          width: 100%; }
    footer .text-nowrap {
      white-space: normal !important; }

  section.block {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
    section.block h1 {
      font-size: 2.25rem;
      line-height: 2.5rem; }
      section.block h1.smaller {
        font-size: 2rem; }
    section.block .checkbox label {
      font-size: 0.8rem; }
    section.block .overTop {
      font-size: 1rem; }
      section.block .overTop .imgBox.lifted {
        margin-bottom: -0.5rem;
        padding-bottom: 60%; }
      section.block .overTop img.lifted {
        margin-bottom: -0.5rem; }
      section.block .overTop h3 {
        font-size: 1rem !important;
        line-height: 1.5rem; }
      section.block .overTop .carousel .carousel-inner {
        min-height: 70vw; }

  .carousel.pixCarousel .carousel-inner {
    height: 60vw; }
  .carousel.carouselPair.master {
    padding-bottom: 0 !important;
    margin-bottom: 1.5rem; }
    .carousel.carouselPair.master .carousel-control-prev,
    .carousel.carouselPair.master .carousel-control-next {
      justify-content: center;
      display: flex;
      width: 2rem;
      opacity: 1; }
      .carousel.carouselPair.master .carousel-control-prev span,
      .carousel.carouselPair.master .carousel-control-next span {
        background: #ffffff;
        display: flex;
        height: 2rem;
        width: 2rem;
        border-radius: 1rem;
        align-items: center;
        justify-content: center;
        color: #001E45;
        opacity: 1; }
    .carousel.carouselPair.master .carousel-control-next {
      right: -.5rem; }
    .carousel.carouselPair.master .carousel-control-prev {
      left: -.5rem; }
    .carousel.carouselPair.master .carousel-inner {
      border-radius: 1.5rem 1.5rem 0 0;
      margin-bottom: 0 !important;
      box-shadow: none; }
      .carousel.carouselPair.master .carousel-inner div.imgTitle {
        border-radius: 0 1.5rem 0 0; }
  .carousel.carouselPair.servant .carousel-inner {
    margin-bottom: 0 !important; }
    .carousel.carouselPair.servant .carousel-inner .carousel-item {
      padding: 1.5rem 0 0 0 !important; }
      .carousel.carouselPair.servant .carousel-inner .carousel-item .darkBox {
        width: 100%;
        border-radius: 0 0 1.5rem 1.5rem;
        margin-bottom: 1.5rem;
        margin-top: -1.5rem !important; }

  #heroCarouselOne {
    width: auto;
    position: absolute;
    width: 80%;
    left: 10%;
    top: 1rem; }
    #heroCarouselOne .carousel-inner .carousel-item {
      min-height: 15rem; }
    #heroCarouselOne .carousel-control-prev,
    #heroCarouselOne .carousel-control-next {
      justify-content: center;
      display: flex;
      width: 2rem;
      opacity: 1; }
      #heroCarouselOne .carousel-control-prev span,
      #heroCarouselOne .carousel-control-next span {
        background: #ffffff;
        display: flex;
        height: 2rem;
        width: 2rem;
        border-radius: 1rem;
        align-items: center;
        justify-content: center;
        color: #001E45;
        opacity: 1; }
    #heroCarouselOne .carousel-control-next {
      right: -1rem; }
    #heroCarouselOne .carousel-control-prev {
      left: -1rem; }

  #heroCarouselTwo {
    background: linear-gradient(26deg, rgba(0, 146, 211, 0.1) 0%, rgba(0, 146, 211, 0.02) 100%);
    margin: auto;
    margin-top: -1rem;
    position: relative;
    border-radius: 1.8rem;
    padding-top: 18rem;
    height: auto; }
    #heroCarouselTwo .carousel-inner::before {
      display: none; }
    #heroCarouselTwo .carousel-inner .carousel-item {
      min-height: 32rem; }
      #heroCarouselTwo .carousel-inner .carousel-item .blob {
        padding: 1.5rem;
        position: relative;
        min-height: auto;
        height: auto;
        min-height: 32rem; }
        #heroCarouselTwo .carousel-inner .carousel-item .blob img {
          max-width: 100%; }
        #heroCarouselTwo .carousel-inner .carousel-item .blob div.bannerBody {
          justify-content: flex-start; }
        #heroCarouselTwo .carousel-inner .carousel-item .blob a.btn-section {
          position: relative;
          bottom: auto;
          left: auto;
          margin: auto; }

  .logoLand .logoBox {
    padding-left: 37%;
    padding-bottom: 41%;
    margin: 1%; }
    .logoLand .logoBox div {
      padding: 1.5rem; }
      .logoLand .logoBox div img {
        max-width: 15rem;
        max-height: 6rem; }
      .logoLand .logoBox div p {
        font-size: 1rem;
        line-height: 1.3rem; }

  .subHeader.col-12,
  .subHeader {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    height: 5rem;
    /*
    width: calc(100% + 1rem);
    border: solid 1px green;
    margin-right: -0.5rem;
    margin-left: -0.5rem;*/ }
    .subHeader.col-12 ul,
    .subHeader ul {
      margin-top: 0;
      padding-bottom: 1rem; }
      .subHeader.col-12 ul li,
      .subHeader ul li {
        margin: 0;
        font-size: 1rem; }
        .subHeader.col-12 ul li:first-child,
        .subHeader ul li:first-child {
          margin-left: 1rem; }
        .subHeader.col-12 ul li:last-child,
        .subHeader ul li:last-child {
          margin-right: 1rem; }

  .box {
    border-radius: 0.9rem;
    padding: 1.5rem; }
    .box h4 {
      font-size: 1rem; }
    .box.blogHeaderBox {
      padding: 1rem; }
    .box.videoBox .video-comp-cover::before {
      height: 4rem;
      width: 4rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -2rem;
      margin-left: -2rem; }
    .box.imgBox {
      /* padding-bottom: 50vw; */
      max-height: 22rem; }
      .box.imgBox .imgTitle {
        border-radius: 0 0.9rem; }
    .box.withIcon h3, .box.withIcon h4 {
      margin-top: 0.3rem;
      padding-right: 2rem; }
    .box.withIcon img.ico {
      position: absolute;
      right: 1rem;
      top: 1rem;
      width: 1.3rem;
      height: auto; }
    .box .priceRow h3 {
      font-size: 1rem;
      line-height: 1.5rem; }
    .box p,
    .box ul li {
      font-size: 0.9rem; }

  .masonry div[class^='col'] .box {
    padding: 1rem; }
    .masonry div[class^='col'] .box ul li {
      font-size: 0.75rem;
      padding-left: 0.7rem; }
      .masonry div[class^='col'] .box ul li::before {
        font-size: 0.55rem; }
    .masonry div[class^='col'] .box h4 {
      font-size: 0.9rem;
      line-height: 0.9rem; }
  .masonry.full {
    position: relative;
    left: auto;
    top: auto; }
    .masonry.full div[class^='col'] {
      position: relative !important;
      left: auto !important;
      top: auto !important;
      width: 100%; }
      .masonry.full div[class^='col'] .box {
        margin-bottom: 1rem; }

  /* horizontal scrolling? Hmmm.... */
  .horizontal-scrollable .row {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 1.5rem !important; }
    .horizontal-scrollable .row .col-12 {
      width: 90%; }
    .horizontal-scrollable .row .col-6 {
      width: 60%; }

  /* 5 columns in 12-grid? Hmmm.... */
  .grid5 {
    width: 50%; }

  /* horizontal scrolling? Hmmm.... */
  .horizontal-scrollable.centered .row {
    justify-content: flex-start; }
  .horizontal-scrollable .grid5 {
    width: 57%; }
  .horizontal-scrollable .row {
    flex-wrap: nowrap; }

  #nav-icon span {
    padding-top: 2px; }

  /* reveal: disable */
  .revealWrapper .revealBox:not(.moreVisible) {
    max-height: none;
    /* exceptions for horizontal-scrollable! */ }
    .revealWrapper .revealBox:not(.moreVisible) + .row {
      /* this */ }
      .revealWrapper .revealBox:not(.moreVisible) + .row .revealer {
        display: none; }
    .revealWrapper .revealBox:not(.moreVisible).horizontal-scrollable {
      overflow: visible; }
      .revealWrapper .revealBox:not(.moreVisible).horizontal-scrollable::before {
        display: none; }
      .revealWrapper .revealBox:not(.moreVisible).horizontal-scrollable .revealer {
        display: none;
        /* that */ }
    .revealWrapper .revealBox:not(.moreVisible).open .revealBox {
      max-height: none; }

  #choosePackage .offer:not(.important) .note {
    display: none; }

  .dateBoxDetailed {
    margin-top: 1rem;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse; }
    .dateBoxDetailed .timeDay {
      font-size: 0.875rem; }
      .dateBoxDetailed .timeDay div {
        white-space: nowrap; }

  div[class^='container'] {
                         /*
	padding-left: 1.2rem;
	padding-right: 1.2rem;*/ }

  .pagination > li {
    margin: 0 0.4rem; }

  header .hamburger.btn-light {
    background-color: rgba(0, 0, 0, 0.04);
    color: #001E45;
    font-size: 1rem; }
    header .hamburger.btn-light #nav-icon {
      margin-left: 0.4em;
      height: 1.9em; }

  .slideLabels div.slideLabel a {
    font-size: 0.75rem; }

  .imageScroll {
    padding-right: 0;
    padding-left: 0;
    overflow-x: auto;
    flex-wrap: wrap; }
    .imageScroll img {
      width: 240vw;
      height: auto;
      -webkit-touch-callout: none;
      /* iOS Safari */
      -webkit-user-select: none;
      /* Safari */
      -khtml-user-select: none;
      /* Konqueror HTML */
      -moz-user-select: none;
      /* Old versions of Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } }