@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap');

@font-face {
  font-family: 'AccordWb';
  font-weight: 700;
  src: url('../fonts/AccordBold.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 500;
  src: url('../fonts/AccordMedium.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 400;
  src: url('../fonts/AccordReg.otf');
}

@font-face {
  font-family: 'AccordWb';
  font-weight: 300;
  src: url('../fonts/AccordLight.otf');
}

:root {
  --via-blue: #1fb7e9;
  --via-darkBlue: #2c426b;
  --via-blueGray: #535f80;
  --via-lightBlueGray: #8da2c2;
  --via-textDarkBlue: #2c3e5a;
  --via-paragraphBlue: #536580;
  --via-faintGray: #8da2c2;
  --white: #fff;
  --via-lightGray: #f9fbff;
  --via-lightBlue: #f1f4fa;
  --via-paleBlue: #f2fbff;
  --via-medGray: #d8d8d8;
  --via-font: 'AccordWb','Open Sans', Arial, sans-serif;
  --via-pattern-a: url(../images/pattern-bg-6.svg);
}

html {
  background-color: #2c426b;
}

html,
body {
  font: normal 16px/1.3 'AccordWb','Open Sans', Arial, sans-serif; /*var(--via-font)*/
}

h1 {
  color: #fff; /*var(--white)*/
  font-weight: 700;
  font-size: 2.825em;
  font-size: calc(42px + 12 * ((100vw - 800px) / 480));
  line-height: 1.2;
}
article h1 {
  color: #2c3e5a;
}

h2 {
  color: #2c3e5a; /*var(--via-textDarkBlue)*/
  font-weight: 700;
  font-size: 1.9375em;
  line-height: 1.3;
  letter-spacing: -.012em;
}

h2 sup {
  font-size: .4em;
}

footer h2 {
  color: #fff; /*var(--white)*/
  max-width: 250px;
  margin: 0;
  padding: 0;
}

h3 {
  color: #2c3e5a; /*var(--via-textDarkBlue)*/
  font-weight: 700;/*Open Sans weight = 600 */
  font-size: 1.75em;
  line-height: 1.2;
  margin-top: 0;
}

footer h3 {
  color: #fff; /*var(--white)*/
  font-weight: 700;/*Open Sans weight = 600 */
  font-size: 1.25em;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: uppercase;
}

h4 {
  color: #535f80; /*var(--via-blueGray)*/
  font-weight: 400;
  font-size: 1.25em;
  line-height: 1.5;
}

.p__large {
  color: #535f80; /*var(--via-blueGray)*/
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
}

h5 {
  color: #fff; /*var(--white)*/
  font-weight: 700;
  font-size: 1.1875em;
  line-height: 1.47;
  letter-spacing: 1.03px;
  text-transform: uppercase;
}

h6 {
  color: #8da2c2; /*var(--via-faintGray)*/
  font-weight: 700;
  font-size: .8125em;
  line-height: 1.38;
}

p {
  color: #536580; /*var(--via-paragraphBlue)*/
  font-family: 'Open Sans', Arial, sans-serif; /* Open Sans */
  font-weight: 400;
  font-size: 1em;
  line-height: 1.625;
}

footer p,
footer a,
footer a:visited {
  color: #f1f4fa; /*var(--via-lightBlue)*/
  text-decoration: none;
}

footer ul a:hover,
footer .utility a:hover {
  color: #1eb7e9;
  text-decoration: none;
}

footer .utility a {
  padding: 0 0 0 1.25em;
}

footer .utility,
footer .utility p,
footer .utility a,
footer .utility a:visited {
  color: #fff;
  font-size: .875rem;
}

footer #mc_embed_signup p {
  color: #fff; /*var(--via-faintGray)*/
}

a.cta {
  color: #1fb7e9; /*var(--via-blue)*/
  font-family: 'Open Sans', Arial, sans-serif; /* Open Sans */
  font-weight: 700; /* Open Sans 600 */
  font-size: 1em;
  letter-spacing: 0.7px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
}

a.cta::after {
  content: '';
  background: url(../images/arrow-right-blue.svg) right no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1rem;
  height: .8rem;
  transform: translateX(0);
  transition: transform .2s ease;
}

a.cta:hover::after {
  transform: translateX(4px);
  transition: transform .4s ease;
}


a.cta__gray {
  color: #8da2c2; /*var(--via-faintGray)*/
  font-weight: 700;
  font-size: 1em;
  letter-spacing: 0.7px;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
}

a.cta-button {
  display: inline-block;
  width: 40%;
}

a.cta-button img {
  display: block;
  height: 2.75em;
  transform: scale(1);
  will-change: transform;
  transition: transform .2s ease;
}

a.cta-button__secondary img  {
  display: block;
  height: 2.75em;
  transform: scale(1);
  will-change: transform;
  transition: transform .2s ease;
}

a.cta-button + a.cta-button {
  margin-left: 5%;
}

a.cta-button:hover img {
  transform: scale(1.1);
  will-change: transform;
  transition: transform .2s ease;
}

blockquote {
  color: #2c3e5a; /*var(--via-textDarkBlue)*/
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.46;
}

ul li {
  color: #536580; /*var(--via-paragraphBlue)*/
  font-family: 'Open Sans', Arial, sans-serif; /* Open Sans */
  font-weight: 400;
  font-size: 1em;
  line-height: 1.625;
}

footer .nav__container nav > div {
  margin: 0;
  padding: 0 3em 2em 0;
}

footer .nav__container ul li {
  margin: 0;
  padding: 0 0 1em;
}
.noScroll {
  overflow: hidden;
}

.bg__white {
  background-color: #fff; /*var(--via-blue)*/
}

.bg__blue {
  background-color: #1fb7e9; /*var(--via-blue)*/
}

.bg__blueGray {
  background-color: #535f80; /*var(--via-blueGray)*/
}

.bg__lightGray {
  background-color: #d8d8d8; /*var(--via-medGray)*/
}

.bg__gray {
  background-color: #f9fbff; /*var(--via-lightGray)*/
}

.bg__pattern-a {
  background-image: url(../images/pattern-bg-6.svg);
  background-position: center;
  background-repeat: repeat-x;
  background-size: cover;
}

body {
  font: normal 16px/1 'AccordWb','Open Sans', Arial, sans-serif; /*var(--via-font)*/
  padding: 0;
  margin: 0;
}

header,
header:not(.scrolled) {
  background-color: rgba(255,255,255,0.0);
  position: fixed;
    top: 0;
    left: 0;
  transition: background .2s ease;
  width: 100vw;
  z-index: 999;
}

header.scrolled {
  background-color: rgba(255,255,255,.99);
  transition: background .2s ease;
}

header.scrolled a:not(.button),
header.scrolled li {
  color: #535f80; /*var(--via-blueGray)*/
}

footer {
  background: #2c426b; /*var(--via-darkBlue)*/
  color: #fff; /*var(--white)*/
  padding: 0 3em;
}


a {
  transition: all .2s ease;
}

a:hover {
  transition: all .2s ease;
}

.nav__container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1em 2em;
    max-width: 1150px;
}

/* DE German nav container fix */

html[lang="de-DE"] footer .nav__container {
  padding: 4em 0 2em;
}

html[lang="de-DE"] .nav__container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 1em 2em;
    max-width: 1180px;
}

.nav__logo {
  display: flex;
  align-items: center;
}

footer .nav__logo {
  margin: 0 2em 1.6em 0;
}

.nav__logo a {
  background: url(../images/via-logo-blue.svg) top center no-repeat;
  background-size: 71px 28px;
  color: transparent !important;
  display: block;
  width: 100px;
  height: 34px;
  overflow: hidden;
  text-indent: -9999px;
}
header.scrolled .nav__logo a {
  background: url(../images/via-logo-blue.svg) center no-repeat;
  background-size: 71px 28px;
}

footer .nav__logo a {
  background: url(../images/via-logo-blue.svg) top center no-repeat;
  background-size: 100px 38px;
  box-sizing: border-box;
  width: 100px;
  height: 38px;
  margin: 0 1em 1em 0;
}

.nav__large {
  display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
}

/* ***************** ALERT BANNER ***************** */
.alert-container {
  font-size: 0.9rem;
  width: 100%;
  padding: 1.5em;
  color: #fff;
  text-align: center;
  background-color: #00AF43;
  font-weight: 700;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.3;
  background-image: linear-gradient(to left, #00B09B, #00AF43);
  box-sizing: border-box;
}

#alert-banner {
  box-sizing: border-box;

}

#alert-banner a {
	color: #fff;
}

/* ***************** END ALERT BANNER ***************** */

/* ***************** Language toggle ***************** */

header.scrolled #wpml__lang {
  display: none;
}

.lang__container {
  background-color: rgba(45, 45, 45, 0.23);

}

.lang__container {
  box-shadow: 2px 10px 34px -16px rgba(0, 0, 0,.5);
  border-bottom: 1px solid rgba(45, 45, 45,.2);
}

.nav__lang {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  padding: 0.4em 2em 0.4em 2em;
  max-width: 1150px;
  margin: 0 auto;
  
}

.nav__toggle {
  padding: 0;
  margin: 0;

}

.wpml-ls-legacy-dropdown-click, 
div[class*="wpml-ls-legacy-dropdown"]
{
  width: 8.25em !important;
}



.nav__toggle ul li a {
  font-size: .875rem;
  font-weight: 600;
  display: block;
  color: #ffffff;
  background-color: transparent;
  opacity: 1;
  text-decoration: none;
  border: none;
  
 }


span.wpml-ls-native {
  padding-left: 1.3rem;
}


.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before,
div[class*="wpml-ls-legacy-dropdown"] a.wpml-ls-item-toggle::before {
  content: '';
  width: .975rem;
  height: .975rem;
  vertical-align: middle;
  display: inline-block;
  background: url(../images/Globe.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute ;
  
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after 
div[class*="wpml-ls-legacy-dropdown"] a.wpml-ls-item-toggle:after {
  content: '';
  vertical-align: middle;
  display: inline-block;
  border: .35em solid transparent;
  border-top: .5em solid;
  position: absolute;
  right: 10px;
  top: calc(50% - .175em);
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, 
div[class*="wpml-ls-legacy-dropdown"] a.wpml-ls-item-toggle {
  padding: unset !important;
  padding: .7rem 1rem !important;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
div[class*="wpml-ls-legacy-dropdown"] .wpml-ls-sub-menu a {
  color: #ffffff;
}

a.wpml-ls-item-toggle:hover {
  color: #ffffff !important;
}

.wpml-ls-sub-menu {
  padding: .7rem 1rem !important;
}

.js-wpml-ls-item-toggle {
  border-radius: 4px;
}

.wpml-ls-legacy-dropdown-click a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a {
  color: #ffffff !important;
  opacity: .7;
  background-color: transparent;
}

div[class*="wpml-ls-legacy-dropdown"] a:hover, div[class*="wpml-ls-legacy-dropdown"] a:focus, div[class*="wpml-ls-legacy-dropdown"] .wpml-ls-current-language:hover>a {
  color: #ffffff !important;
  opacity: .7;
  background-color: transparent;
}

a.wpml-ls-link {
  padding: unset;
}

ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu,
ul.wpml-ls-sub-menu.wpml-ls-sub-menu {
  background-color: #ffffff;
  border-radius: 4px;
}

ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu:hover,
ul.wpml-ls-sub-menu.wpml-ls-sub-menu:hover {
  background-color: #ffffff;
  border-radius: 4px;
}

ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu a,
ul.wpml-ls-sub-menu.wpml-ls-sub-menu a {
  color: #2C426B !important;
}

ul.wpml-ls-sub-menu.wpml-ls-sub-menu a {
  transition: all .1s ease;
}

ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu a:hover,
ul.wpml-ls-sub-menu.wpml-ls-sub-menu a:hover {
  color: #2C426B !important;
  opacity: .7;
}



/* ****** toggle end ****************************************************** */

.nav__container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav__large ul li {
  color: #fff; /*var(--white)*/
  display: inline-block;
}

.nav__large ul li:first-of-type {
  margin-left: .75em;
}

.nav__large ul li a {
  font-size: .875rem;
  font-weight: 600;
  color: #fff; /*var(--white)*/
  display: block;
  opacity: 1;
  padding: 0 1.33vw;
  text-decoration: none;
}

.nav__large ul li a:hover {
  opacity: .7;
}

.nav__large ul li a.button,
a.button {
  background: #1fb7e9; /*var(--via-blue)*/
  border: 2px solid #1fb7e9; /*var(--via-blue)*/
  border-radius: 50px;
  color: #fff; /*var(--via-blue)*/
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.86px;
  opacity: 1;
  padding: .625em 1.5em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.nav__large ul li a.button:hover,
a.button:hover {
  background: #2C3E5A;
  border: 2px solid #2C3E5A;
  color: #fff;
  opacity: 1;
}

.nav__small {
  display: none;
}

section {
  overflow-x: hidden;
  overflow-y: hidden;
}
/** AVIA **/
#wrap_all section {
    overflow-y: unset;
    overflow-x: unset;
}
/** End AVIA **/

.container {
  max-width: 1000px;
  margin: 0 auto;
}

.container.offset {
  max-width: 1146px;
}

.container__left,
.container__right,
footer nav {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container__full {
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}

footer .nav__container,
footer .utility {
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
  padding: 4em 0 2em;
    max-width: 1150px;
}

footer .utility {
  justify-content: space-between;
  padding: 0 0 2em;
}

  footer .nav__container .container__left {
    max-width: 400px;
  }

  footer .nav__container .container__right {
    margin-left: 2.5em;
  }

.offset .row {
  margin-left: 146px;
  position: relative;
}

section.carousel {
  background-position: center 120px;
  overflow-y: visible;
  overflow-x: unset;
  position: relative;
}

.offsetT .row {
  margin-top: -120px;
  margin-left: auto;
  margin-right: auto;
}

.carousel .row {
  flex-direction: column;
  width: 92vw;
  max-width: 845px;
}

.row,
.row__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4em 0;
}

.blog .tiles__container .row__wrap {
  padding: 4em 0 0;
}

.row__wrap {
  flex-wrap: wrap;
}

.row.cols__thirds {
  justify-content: center;
  flex-flow: wrap;
  padding: 8em 0;
}
.row.cols__thirds > * {
  width: 33%;
  text-align: center;
}
.row.cols__fourths {
  justify-content: center;
  flex-flow: wrap;
  padding: 1rem 0 3.25rem 0;
}
.row.cols__fourths > * {
  width: 25%;
  text-align: center;
}
.col-thirds__one {
  width: 33%;
}

.col-thirds__two {
  width: calc(66% - 100px);
}
figure {
  position: relative;
}

figure.full {
  margin: 0;
}

figure.p__2x1 {
  height: 0;
  padding-bottom: 25vw;
}
.full img {
  display: block;
  width: 100%;
}

.flush-right {
  width: 50vw;
  transform: translate(-3vw, 0);
}

main #hero:not(.video)::after {
  content: '';
  background: #686868 url(../images/mobile-hero.jpg) center no-repeat;
  background-size: cover;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  position: absolute;
  z-index: -2;
}

main #hero:not(.video)::before {
  content: '';
  background-image: linear-gradient(180deg, rgba(0,20,81,0.58) 0%, rgba(0,19,77,0.28) 26%, rgba(0,8,40,0.18) 80%);
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 540px;
  z-index: -1;
}

main #hero.video::after {
  content: '';
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  background: #182957 url(../images/video_placeholder.jpg) center no-repeat;
  background-size: cover;
  z-index: -99;
}
main #hero::before {
  content: '';
  opacity: .35;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 700px;
  z-index: -1;
}

main #hero.video::before {
  opacity: .2;
}

main #hero-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100vw;
  height: 100%;
  min-height: 400px;
}

h1 {
  width: fit-content;
  max-width: 88vw;
  margin: 0 0 .25rem;
  text-align: center;
}

.news-header h1 {
  margin: 0 auto .35em;
  text-align: center;
}

.news-header .headline__aside {
  margin: 0 auto;
  text-align: center;
}

.news-header .headline__aside p,
.news-header .headline__aside a {
  color: #fff;
  font-size: 1.125rem;
  opacity: 1;
  text-decoration: none;
  transition: opacity .2s ease;
}

.news-header .headline__aside a:hover,
.news-header .headline__aside a:active {
  opacity: .65;
  transition: opacity .2s ease;
}

.news-header .headline__aside span {
  color: #fff;
  font-size: .75em;
  font-weight: 700;
  text-transform: uppercase;
}

#cycle {
  color: #fff; /*var(--white)*/
  display: flex;
  font-size: inhert;
  height: 80px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
  justify-content: center;

}

.carousel nav {
  box-shadow: 0 0 8px 1px rgba(0,0,0,0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 2em;
  max-width: 640px;
}

.carousel .nav-item {
  background: #f9fbff; /*var(--via-lightGray)*/
  border-left: 1px solid #d8d8d8; /*var(--via-medGray)*/
  border-radius: 0;
  cursor: pointer;
  min-width: 8rem;
  padding: 1.5rem 2rem;
  position: relative;
  text-align: center;
  transition: all .2s ease;
}

.carousel .nav-item svg {
  display: block;
  fill: #8da2c2; /*var(--via-lightBlueGray)*/
  height: 38px;
  width: 38px;
  margin: 0 auto .125em;
  transition: fill .2s ease;
}

.carousel .nav-item:hover svg {
  fill: #535f80; /*var(--via-blueGray)*/
  transition: fill .2s ease;
}

.carousel .nav-item.active svg {
  fill: #1fb7e9; /*var(--via-blue)*/
  transition: fill .2s ease;
}

.carousel .nav-item .nav-text {
  color: #8da2c2; /*var(--via-lightBlueGray)*/
  transition: color .2s ease;
}

.carousel .nav-item:hover .nav-text {
  color: #535f80; /*var(--via-blueGray)*/
  transition: color .2s ease;
}

.carousel .nav-item.active .nav-text,
.carousel-content__text > span {
  color: #1fb7e9; /*var(--via-blue)*/
  transition: color .2s ease;
}

.carousel .nav-item.active {
  padding: 1.5rem 2.25rem;
  transition: all .2s ease;
  z-index: 2;
}

.carousel .nav-item.active::after {
  content: '';
  background: #fff; /*var(--white)*/
  border-radius: 4px;
  box-shadow: 0 0 8px 4px rgba(0,0,0,0.09);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1.01, 1.2);
  transition: all .12s ease;
  z-index: -1;
}

.carousel .nav-item:first-of-type {
  border-left: none;
  border-radius: 4px 0  0 4px;
}

.carousel .nav-item:last-of-type {
  border-radius: 0 4px 4px 0;
}

.carousel .carousel-content {
  width: 100%;
  position: relative;
}

.carousel .carousel-content__container {
  background: #fff; /*var(--white)*/
  border-radius: 4px;
  max-width: 100%;
  height: 100%;
  min-height: 590px;
  overflow: hidden;
}

.carousel .carousel-content__container {
  background: #fff; /*var(--white)*/
  border-radius: 4px;
  max-width: 100%;
  overflow: hidden;
}

.carousel .carousel-content__container.active {
  display: flex;
  justify-content: space-between;
}

.carousel .carousel-content__container.inactive {
  display: none;
}

.carousel .carousel-content__text {
  width: 40%;
  padding: 3.5% 0 3.5% 6.5%;
}

.carousel-content__text > span {
  display: none;
}

.carousel .carousel-content__text ul {
  margin: 0;
  position: relative;
}

.carousel .carousel-content__text ul li {
  position: relative;
}

ul.alt__check {
  list-style: none;
  padding: 0 0 0 2em;
}

ul.alt__check li {
  margin-bottom: .625em;
  position: relative;
}

ul.alt__check li::before {
  content: '';
  background: url(../images/check-fill.svg) bottom no-repeat;
  background-size: contain;
  width: 20px;
  height: 24px;
  position: absolute;
  left: -2em;
  top: 0px; /* Accord -3px */
}

ul.alt__pill {
  list-style: none;
  padding: .5em 0 0;
}

ul.alt__pill li,
ul.alt__check.cycle li {
  margin-bottom: 1em;
  opacity: .5;
  transition: opacity .2s ease;
}

ul.alt__pill li:last-of-type {
    margin-bottom: 0;
}

ul.alt__pill li.active,
ul.alt__check.cycle li.active {
  /*font-weight: 700;*/
  opacity: 1;
  z-index: 1;
  transition: opacity .2s ease;
}

ul.alt__pill + p,
ul.alt__check + p {
  margin-top: 1.5em;
}

.carousel .carousel-content__image {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  width: 55%;
  height: auto;
}

.carousel .carousel-content__image::before {
  background: url(../images/angle.png) top left no-repeat;
  background-size: 20% 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.carousel .carousel-content__image img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.carousel .carousel-content__image img.wt__left {
  position: absolute;
  left: 0;
  transform: translate(0, 0);
}


.carousel .carousel-content__image img.wt__midleft {
  position: absolute;
  left: 25%;
  transform: translate(-25%, 0);
}

.carousel .carousel-content__image img.wt__right {
  position: absolute;
  left: unset;
  right: 0;
  transform: translate(0, 0);
}

.carousel .carousel-content__image img.inactive {
  display: none;
}

.carousel .carousel-content__image img.active {
  display: block;
}

.Typewriter__wrapper {
  animation: fadeIt .5s linear 3s;
}

.animate {
  opacity: 0;
}

.animateTwo {
  opacity: 0;
  }

img.animate {
    position: absolute;
    right: 0;
}

[id*="lottie"] {
  width: 144px;
  height: 144px;
  margin: 0 auto .5em;
  position: relative;
}

#stats {
  background: #fff url(../images/map.svg) center no-repeat;
  background-size: contain;
  text-align: center;
}

#stats .container {
  padding: 8rem;
}

#stats .row {
  color: #2c426b; /*var(--via-darkBlue)*/
  font-size: 1.25rem;
  line-height: 1.33;
}

#stats .number{
  color: #1fb7e9; /*var(--via-blue)*/
  font-size: 2.5rem;
  font-weight: 700;
  display: inline-flex; /* added to adjust symbol center alignment */
}

/* German arrow fix for stat */
#stats .geStat {
    font-size: 1.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
	padding-right: .2rem !important;
}

.animate.trigger[data-animation='transitionUp'] {
  animation-name: transitionUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
.animate.trigger[data-animation='transitionLeft'] {
  animation-name: transitionLeft;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}
.animate.trigger[data-animation='transitionFade'] {
  animation-name: transitionFade;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}

.animateTwo.triggerTwo[data-animation='transitionFade'] {
  animation-name: transitionFade;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}

.animateTwo.triggerTwo[data-animation='transitionUp'] {
  animation-name: transitionUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-iteration-count: 1;
}

.animate + .animate {
  animation-delay: .33s !important;
}

.animate + .animate + .animate {
  animation-delay: .66s !important;
}

.animate + .animate + .animate + .animate {
  animation-delay: 1.1s !important;
}

main #hero {
  height: 540px;
  overflow-y: hidden;
  position: relative;
}

#video-background {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -2;
   pointer-events: none;
   overflow: hidden;
}
#video-background iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/****
PAGINATION
****/
#pagination {
  background: #fff;
  font-size: 1.5em;
  margin: 0 auto;
  padding: 0 0 2em;
  text-align: center;
}
.page-numbers {
  color: #2c426b; /*var(--via-darkBlue)*/
  text-decoration: none;
}

.prev.page-numbers,
.next.page-numbers {
  font-size: 2rem;
}

.prev.page-numbers::after,
.next.page-numbers:after {
  content: '';
  background: url(../images/arrow-right-blue.svg) center no-repeat;
  background-size: contain;
  width: .5em;
  height: .5em;
  display: inline-block;
  opacity: .3;
}
.prev.page-numbers::after {
  transform: rotate(180deg);
}

.prev.page-numbers:hover::after,
.next.page-numbers:hover::after {
opacity: 1;
}
/*
.current.page-numbers {
  color: #1fb7e9;

}*/

.prev.page-numbers + .page-numbers,
.prev.page-numbers + .page-numbers + .page-numbers.dots {
  display: none;
}

.page-numbers.dots {
  content: "of";
}

/* alert banner mobile	 */
	
	#alert-banner {
    
    max-width: 80%;
    margin: 0 auto;
}


/****
MAILCHIMP NEWSLETTER
*****/

#mc_embed_signup {
  margin: 2.25em auto 1em;
  width: 100%;
}

#mc_embed_signup form {
  margin: 0;
  position: relative;
}


#mc_embed_signup form * {
-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#mc_embed_signup p {
  font-size: .825em;
  padding: 0 1.25em;
}

#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="email"]:focus{
  background: #fff;
  border: none !important;
  color: #2c426b !important;
  box-shadow: none;
  font-family: 'AccordWb','Open Sans', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0 0 0 4px;
  width: 90%;
  width: calc(100% - 48px);
}

#mc_embed_signup input[type="email"]::-webkit-input-placeholder,
#mc_embed_signup input[type="email"]::-ms-input-placeholder,
#mc_embed_signup input[type="email"]::-moz-placeholder,
#mc_embed_signup input[type="email"]::placeholder {
  color: #536580;
}

#mc_embed_signup input[type="submit"] {
  background: #1fb7e9 url(../images/email-icon.png) center no-repeat;
  background-size: 24px 24px;
  border: none;
  border-radius: 50px;
  color: transparent !important;
  cursor: pointer;
  overflow: hidden;
  padding: 1em;
  position: absolute;
    right: 4px;
    bottom: calc(.25em + 1px);
  width: 42px;
  height: 42px;
  opacity: 1;
  transition: opacity .2s ease;
}

#mc_embed_signup input[type="submit"]:hover {
  opacity: .6;
  transition: opacity .2s ease;
}

#mc_embed_signup .mc-field-group {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 50px;
  border-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: .25em .25em .25em 1em;
  min-height: calc(42px + .5em);
  width: 100%;
}

#mc_embed_signup .mc-field-group label,
#mc_embed_signup .indicates-required {
  display: none;
}

#empty-content-loader {
  background: #fff;
  overflow: auto;
}



/* Custom Cookie Consent Banner Styling */

.bannerContainer {
  font-family: 'Open Sans', Arial, sans-serif !important;
  background: rgba(44, 66, 107,.9);
  box-sizing:border-box;
  color:#ffffff;
  padding: 30px 25px 0px;
  margin-top: 10px;
  position: fixed;
  bottom: 0em;
  width: 100%;
  z-index: 9999;

}

.bannerWrapper {
  max-width: 1150px;
  margin: auto;
}

.bannerText {
  max-width: 720px;
  text-align: center;
  margin: 0 auto;
  line-height: 1.5em;
}

.banner {
  padding: 20px 25px 30px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.optIn, .optOut {
  font-family: 'Open Sans', Arial, sans-serif !important;
  padding: .75em 1.25em;
  margin-right: .5em;
  background: #1FB7E9;
  line-height: 1.12;
  color: white;
  cursor: pointer;
  border-radius: 50px;
}

.optOut {
	background: #868d9c;
}

.policyLink {
  color: #ffffff;
}

/* Cookie Policy Page */
.page-id-1980 p, ol {
    font-family: 'Open Sans';
    color: #536580;
}

.page-id-1980 .container a {
	color: #009AD9;
}

.page-id-1980 h1 {
	color: #2C426B !important;
	padding-top: 50px !important;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 3.25rem;
  }
}
@media screen and (max-width: 1120px) {

h1 {
  font-size: 2.875em;
  line-height: 1.28;
}

h2 {
  font-size: 2.25em;
  line-height: 1.33;
}

h3 {
  font-size: 1.687em;
  line-height: 1.2;
}

h4,
.p__large {
  font-size: 1.5em;
  line-height: 1.42;
}

h5 {
  font-size: 1.25em;
  line-height: 1.4;
  letter-spacing: 1.03px;
  text-transform: uppercase;
}

h6 {
  font-size: .9375em;
  line-height: 1.33
}

p,
ul li {
  font-size: 1.1875em;
  line-height: 1.526;
}

a.cta,
a.cta__gray {
  font-size: 1.25rem;
  line-height: 1.2;
}
a.cta__gray {
  display: block;
  text-align: left;
}

a.cta::after {
  content: '';
  background: url(../images/arrow-right-blue.svg) right no-repeat;
  background-size: contain;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  transform: translateX(0);
  transition: transform .2s ease;
}

a.cta:hover::after {
  transform: translateX(4px);
  transition: transform .4s ease;
}

a.cta-button {
  display: block;
  width: 100%;
}

a.cta-button img,
a.cta-button__secondary img {
  display: block;
  margin: 0 auto;
  transform: scale(1);
  will-change: transform;
  transition: transform .2s ease;
}

a.cta-button img {
  height: 3em;
}

a.cta-button__secondary img {
  height: 2.5em;
}

a.cta-button + a.cta-button {
  margin: .5em 0 0;
}

a.cta-button:hover img {
  transform: scale(1.1);
  will-change: transform;
  transition: transform .2s ease;
}

blockquote {
  font-size: 1.625em;
  line-height: 1.54;
}

  .nav__large {
    display: none;
  }

  .nav__small {
    display: block;
    z-index: 2;
  }

  .nav__small #menu {
    background: url(../images/menu-white.svg) center no-repeat;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    transition: opacity .2s ease;
  }

  header.scrolled .nav__small #menu {
    background: url(../images/menu-blue.svg) center no-repeat;
  }

  header.scrolled .nav__small #menu.open,
  .nav__small #menu.open {
    background: url(../images/close.svg) center no-repeat;
  }

  header.scrolled .nav__small #menu:hover,
  .nav__small #menu:hover,
  .nav__small #menu.open:hover {
    opacity: .7;
    transition: opacity .2s ease;
  }

  .nav__small #menu::before {
    top: 12px;
  }

  .nav__small #menu::after {
    bottom: 12px;
  }

  .nav__small #menu + .container  {
    display: none;
  }
  .nav__small #menu.open + .container {
    background: #fff; /*var(--white)*/
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    padding: 100px 1rem 0;
    position: absolute;
      left: 0;
      top: 0;
      right: 0;
    z-index: -1;
  }

  .nav__small .nav__links,
  .nav__small .nav__utility {
    padding: 0 0 0 1.5rem;
    width: calc(50% - 2rem)
  }

  .nav__small h3 {
    font-size: .94em;
    color: #535f80; /*var(--via-blueGray)*/
    text-transform: uppercase;
  }


  .nav__large ul li a.button,
  a.button {
    font-size: 1.125em;
  }


  header.scrolled .nav__small li,
  .nav__small li {
    margin: 0 0 1.2em;
  }

  /* Language toggle mobile  */
  .nav__toggle ul li a {
    padding: 2.3vw;
  }

  /* DE German Language toggle mobile  */
  html[lang="de-DE"] .nav__toggle ul li a {
    padding: 2.3vw;
  }
	

/* 	DE German translation mobile menu fix */
	
	html[lang="de-DE"] header.scrolled .nav__small a:not(.button),
  .nav__small li a {
    color: #1fb7e9; /*var(--via-blue)*/
    font-size: .94em !important;
    font-weight: 300;
    line-height: 1.3;
    text-decoration: none;
	overflow-wrap: break-word !important;
  }
	
  header.scrolled .nav__small a:not(.button),
  .nav__small li a {
    color: #1fb7e9; /*var(--via-blue)*/
    font-size: 1.31em;
    font-weight: 300;
    line-height: 1.3;
    text-decoration: none;
  }

  .nav__footer {
    border-top: 1px solid #d8d8d8; /*var(--via-medGray)*/
    display: block;
    margin: 2rem auto 0;
    padding: 2rem 0;
    text-align: center;
    width: 100%;
  }

  .nav__footer .button {
    margin: 0 auto;
  }

  footer {
    padding: 0 2em;
  }

  footer .nav__container,
  .container__left,
  .container__right,
  footer nav {
    flex-wrap: wrap;
    justify-content: flex-start;
	padding: 1em .5em 0;
  }
	

	
  footer .container__left,
  footer .container__right,
  footer .nav__logo,
  footer .utility,
  footer h2,
  footer nav
  {
    width: 100%;
    max-width: unset;
  }

  footer .utility {
    flex-wrap: wrap;
    padding: 1em 0;
  }

  footer .utility [class*="container"] {
    padding-bottom: .5em;
    text-align: center;
    justify-content: center;
  }

  footer h2 {
    margin: .5em 0;
  }

  footer .nav__container nav > div {
    width: calc(50% - 1em);
    padding: 0 2em 2em 0;
  }

  footer .nav__container nav > div:nth-of-type(2n) {
    width: calc(50% - 1em);
    padding: 0 0 2em;
  }

  footer .nav__container nav > div:nth-of-type(3),
  footer .nav__container nav > div:nth-of-type(4) {
    padding-bottom: 0;
  }

  footer .nav__container .container__right {
    margin-left: 0;
  }

  figure.p__2x1 {
    padding-bottom: 50vw;
  }

  footer .utility a {
    padding: 0 .5em 1em;
  }
#cycle {
  font-size: inhert;
  height: 40px;

}
.offset .row {
  margin-left: 0;
}

.col-thirds__one {
  width: unset;
}

.col-thirds__two {
  width: 100%;
}
.row {
  flex-direction: column;
  padding: 0;
}
.flush-right {
  width: 100vw;
  transform: unset;
}
.h-pad,
#stats .container {
  padding: 2em;
}

section.carousel {
  background-position: bottom center;
  overflow: hidden;
  background-size: cover;
}

section.carousel::before {
  /*content: '';*/
  background: #f9fbff;
  width: 150vw;
  height: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-10deg) translate(0%, -72vw);
}

.offsetT .row {
  margin-top: 0;
  padding: 1.5rem 0 2rem;
}

.carousel .row {
  flex-direction: column;
  margin: 0 auto;
  max-width: 92vw;
}

.carousel nav {
  box-shadow: none;
  display: none;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 1.5rem;
  width: 100%;
}

.carousel .nav-item {
  background: none;
  border-left: none;
  border-radius: 0;
  cursor: pointer;
  min-width: unset;
  padding: .5rem;
  position: relative;
  text-align: center;
  transition: all .2s ease;
}

.carousel .nav-item img,
.carousel .nav-item svg {
  display: none;
}

.carousel .nav-item.active {
  padding: .5rem .75rem;
  transition: all .2s ease;
  z-index: 2;
}

.carousel .nav-item.active::after {
  content: '';
  background: #1fb7e9; /*var(--via-blue)*/
  border-radius: 50px;
  box-shadow: 0 0 8px 4px rgba(0,0,0,0.09);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1);
  transition: all .2s ease;
  z-index: -1;
}

.carousel .nav-item.active::after {
  opacity: 1;
  transform: scale(1.18);
  transition: all .2s ease;
}

.carousel .nav-item:first-of-type {
  border-left: none;
  border-radius: 4px 0  0 4px;
}

.carousel .nav-item:last-of-type {
  border-radius: 0 4px 4px 0;
}

.carousel .nav-item.active .nav-text {
    color: #fff;
    font-weight: bold;
    transition: color .2s ease;
}

.carousel .carousel-content {
  position: relative;
}

.carousel .carousel-content__container {
  flex-direction: column;
  max-height: unset;
}

.carousel .carousel-content__container.inactive {
  display: block;
  margin-top: 2em;
}

.carousel .carousel-content__text {
  padding: 4vw 12vw;
  width: calc(100% - 24vw);
}

.carousel-content__text > span {
  display: block;
  font-size: .875em;
  font-weight: 700;
  letter-spacing: .06em;
  margin-top: 2.25em;
  text-transform: uppercase;
}

.carousel-content__text > span + h2 {
  margin-top: .33em;
}

.carousel .carousel-content__image {
  width: 100%;
}

.carousel .carousel-content__image img,
.carousel .carousel-content__image img.wt__left,
.carousel .carousel-content__image img.wt__right {
    width: 100%;
    transform: unset;
    position: relative;
    left: unset;
    right: unset;
}

.carousel .carousel-content__image::before {
  display: none;
}

.Typewriter__wrapper {
  animation: fadeIt .5s linear 3s;
}

.row.cols__fourths > * {
  padding: 0 0 2rem;
  width: 50%;
  text-align: center;
}

}

@media screen and (max-width: 380px) {
  .row.cols__fourths > * {
    width: 100%;
  }
  
  .p__large {
    font-size: 1.4em;
    line-height: 1.45;
  }
}
@media all {
/*
ANIMATIONS
*/
  @keyframes fadeIt {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes transitionUp {
    0% {
      opacity: 0;
      transform: translate(0, 50%);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }


  @keyframes transitionLeft {
    0% {
      opacity: 0;
      transform: translate(50vw, 0);
    }
    100% {
      opacity: 1;
      transform: translate(2.5vw, 0);
    }
  }


  @keyframes transitionFade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}

#default-header {
  overflow: hidden;
  position: relative;
}

#default-header::after {
  content: '';
  background: url(../images/pattern-bg.svg) center no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 500px;
  transform: rotate(180deg) translate(50%, 0);
  z-index: -1;
}

#default-header .container__full {
  padding: 12em 2em 8em;
}

#default-header .container__full.news-header {
  padding: 10em 2em 8em;
}
/****
Articles
****/

#content,
#featured-content {
  background: #fff; /*var(--white)*/
}

.container__full,
.tiles__container {
  margin: 0 auto;
  max-width: 1150px;
  padding: 0 2em;
}

.tiles__container .row__wrap {
  align-items: flex-start;
  justify-content: space-between;
}

.tile {
  border: 1px solid #d8d8d8; /*var(--via-medGray)*/
  border-radius: 4px;
  display: block;
  width: 31%;
  max-width: calc(372px - .75em);
  margin-bottom: 2em;
  overflow: hidden;
  text-decoration: none;
}

.tile .tile__image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 64%;
  width: 100%;
}

.tile p {
  height: 0;
  overflow: hidden;
}

.tile .tile__content {
  background: #fff; /*var(--white)*/
  padding: 2em;
  position: relative;
}

.tile .tile__content h2 {
  font-size: 1.2rem;
  font-weight: 700;/*Open Sans weight = 600 */
}

#featured-content .tile:first-of-type {
  border: none;
  border-radius: unset;
  width: 100%;
  margin-bottom: 4em;
  max-width: unset;
  display: flex;
}

#featured-content .tile:first-of-type .tile__image {
  padding-bottom: 40%;
  height: 0;
  width: 100%;
  max-width: 684px;
}

#featured-content .tile:first-of-type .tile__content {
  padding: 4em;
  max-width: calc(372px + 8em);
}

#featured-content .tile:first-of-type .tile__content h2 {
  font-size: 1.9rem;
  font-weight: 700;/*Open Sans weight = 600 */
}

#featured-content .tile:first-of-type .tile__content p {
  height: auto !important;
  overflow: visible !important;
}

time {
 font-size: .75em;
 font-weight: 700;
 text-transform: uppercase;
}

.tile time,
article time {
  color: #8da2c2; /*var(--via-lightBlueGray)*/
}

.tile:hover {
 border-color: #8da2c2; /*var(--via-lightBlueGray)*/
 transition: all .2s ease;
}

.tile:hover time,
.w__800 time {
  color: #1fb7e9; /*var(--via-blue)*/
  font-size: .75em;
  font-weight: 700;
  text-transform: uppercase;
  transition: all .2s ease;
}

.tile:hover h2 {
  opacity: .85;
  transition: all .2s ease;
}

.w__800 {
  max-width: 800px;
}

.w__800.container {
  padding: 5em 2em;
}

 .w__800 > * {
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 75%;
 }

 .w__800 h2 {
    color: #2c3e5a; /*var(--via-textDarkBlue)*/
    font-weight: 700;/*Open Sans weight = 600 */
    font-size: 2.125em;
    line-height: 1.3;
    margin-bottom: .75em;
 }

 .w__800 p {
   font-size: 1.125rem;
   margin: 2em auto;
 }

 .w__800 h2+.excerpt {
   font-style: italic;
   margin-top: 0;
 }

 .w__800 a {
   color: #1fb7e9; /*var(--via-blue)*/
   opacity: 1;
   text-decoration: underline;
   transition: all .1s ease;
 }

 .w__800 a:hover {
   color: #2c426b; /*var(--via-darkBlue)*/
   opacity: .7;
   transition: all .1s ease;
 }

 .w__800 .tags {
   border-top: 1px solid #d8d8d8; /*var(--via-medGray)*/
   padding: 2em 0 0;
 }

 .w__800 .tags a {
   color: #2c426b; /*var(--via-darkBlue)*/
   font-size: .825em;
   font-weight: 700;
   padding: 0 2em 0 0;
   text-decoration: none;
   text-transform: uppercase;
   transition: all .1s ease;
 }

 .w__800 .tags a:hover {
   color: #1fb7e9; /*var(--via-blue)*/
   text-decoration: underline;
   transition: all .1s ease;
 }

 .w__800 .wp-block-image img,
 .w__800 figure.wp-block-image.is-resized,
 .w__800 .wp-block-image.is-resized img,
 .w__800 .wp-block-image.is-resized figcaption {
   display: block;
   margin: 1.5em auto;
 }

 .w__800 img + p {
   margin: 4em auto 2em;
 }
.post-hero,
.w__800 .post-hero img{
  width: 100%;
  max-width: unset;
}

/***
CUSTOM LANDING PAGE Template
***/

#custom__full {
  background: #fff;
}

#custom__full .width__800 {
  max-width: 800px;
}

#custom__full .width__640 {
  max-width: 640px;
}

#custom__full .width__480 {
  max-width: 480px;
  margin: 0 auto;
}

#custom__full .width__440 {
  max-width: 440px;
  margin: 0 auto;
}

#custom__full .width__400 {
  max-width: 400px;
  margin: 0 auto;
}

#custom__full .width__340 {
  max-width: 340px;
  margin: 0 auto;
}

#custom__full .width__320 {
  max-width: 320px;
  margin: 0 auto;
}

#custom__full .container__full,
#custom__full .container {
  margin: 6rem auto;
}

#custom__full .m0 {
  margin: 0;
}

#custom__full h3 + .container {
  margin: .5rem auto 1rem;
}

#custom__full h3 + .container + .container {
  margin: .5rem auto 1rem;
}

#custom__full h3 {
  margin: 4rem auto 1rem;
}

#custom__full .custom__footer.wp-block-cover {
  min-height: 240px;
}

#custom__full .custom__footer h3 {
  margin: 2rem auto;
}

#custom__full .container + .container {
  margin: 1rem auto 1rem;
}

#custom__full .container.has-2-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

#custom__full [class*="blob"].wp-block-image {
    position: relative;
    z-index: 0;
}

#custom__full [class*="blob"].wp-block-image .bgBlob {
  background: #24b5e7;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: .3;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: -1;
}

#custom__full .blob__green.wp-block-image .bgBlob {
  background: #4cb267;
  opacity: 1;
}

#custom__full .blob__offwhite.wp-block-image .bgBlob {
  background: #f6f7f7;
  opacity: 1;
}

#custom__full [class*="blob"].wp-block-image img {
    transform: scale(.8);
    border-radius: 50%;
    overflow: hidden;
    z-index: 0;
}

#custom__full a.cta-button {
  width: 50%;
  margin: auto;
}

#custom__full a.cta-button img {
  margin: 0 auto;
}

.page-id-2662 > header,
.page-id-2662 > footer {
  display: none;
}

.page-id-2662 > header,
.page-id-2662 > header.scrolled {
  background-color: rgba(255,255,255,.99);
  transition: background .2s ease;
}

.page-id-2662 > header a:not(.button),
.page-id-2662 > header li,
.page-id-2662 > header.scrolled a:not(.button),
.page-id-2662 > header.scrolled li {
  color: #535f80;
}

.page-id-2662 main {
  font-family: 'Montserrat', 'AccordWb','Open Sans', Arial, sans-serif;
}

.page-id-2662 #custom__full .custom-hero {
  background-position: 102% bottom !important;
  background-size: 49vw;
  background-attachment: scroll;
  background-repeat: no-repeat;
  position: relative;
  padding: 3rem 0 5rem;
}

.page-id-2662 #custom__full .custom-hero p {
  margin: 1rem 0 .5rem 0;
}

.page-id-2662 #custom__full .custom-hero p:first-of-type {
  margin: 1rem 0;
}

.page-id-2662 #custom__full .custom-hero a.cta-button img {
  margin: 0 0 .5rem;
}

.page-id-2662 #custom__full .custom-hero .wp-block-cover__inner-container  {
  max-width: 1000px;
}

.page-id-3887 header:not(scrolled) li a:not(.button), header.scrolled li {
    color: #535f80;
}

.page-id-3893 header:not(scrolled) li a:not(.button), header.scrolled li {
    color: #535f80;
}

.page-id-3893 header:not(scrolled) .nav__logo a {
    background: url(../images/viavan-logo-blue.svg) center no-repeat !important;
}

.page-id-3887 header:not(scrolled) .nav__logo a {
    background: url(../images/viavan-logo-blue.svg) center no-repeat !important;
}

.page-id-3893 .nav__logo a {
    background: url(../images/viavan-logo-blue.svg) center no-repeat !important;
}

.page-id-3887 .nav__logo a {
    background: url(../images/viavan-logo-blue.svg) center no-repeat !important;
}

.page-id-3887 b, strong, .entry-content h2, li {
    color: #2c3e5a !important;
}
.page-id-3893 b, strong,.entry-content h2, li {
    color: #2c3e5a !important;
}
.page-id-3893 h1 {
	color: #2c3e5a !important;
}

.page-id-3887 h1 {
	color: #2c3e5a !important;
}

.page-id-3887 h1 {
    word-break: break-word !important;
}

.page-id-3887 main.template-page.content.av-content-full.alpha.units {
	padding-top: 10em !important;
}

.page-id-3893 main.template-page.content.av-content-full.alpha.units {
	padding-top: 10em !important;
}

.page-id-3893 #main, .page-id-3887 #main {
    margin-top: 60px !important;
}

.page-id-3893 .template-page .entry-content-wrapper h1, .page-id-3887 .template-page .entry-content-wrapper h1 {
    max-width: unset !important;
}

@media screen and (max-width: 900px) {
  .tile {
    width: 50%;
  }
}

@media screen and (max-width: 800px) {
	
   #hero .avia_textblock {
     margin: 2em 0 0 0;
  }
	
   #hero-text h1 {
    margin: 1em 0 0 0;
  }
	
  .row__wrap {
    padding: 2em 0;
  }

  .blog .tiles__container {
    padding: 0;
  }

  #content,
  #featured-content {
    padding: 0 2em;
  }

  #default-header .container__full {
    padding: 12em 2em 8em;
    max-width: calc(100% - 4em);
  }

  #default-header .container__full.news-header {
    padding: 10em 2em 8em;
    max-width: calc(100% - 4em);
  }

  .tile {
    border: none;
    border-top: 1px solid #d8d8d8; /*var(--via-medGray)*/
    border-radius: unset;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: unset;
    margin-bottom: unset;
    padding: 2em 0;
    text-decoration: none;
  }

  .tile:hover {
   border-color: #d8d8d8; /*var(--via-medGray)*/
   transition: all .2s ease;
  }

  .tile:first-of-type {
    border-top: none;
  }

  .tile .tile__image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 0;
    padding-bottom: 30%;
    width: 40vw;
  }

  .tile .tile__content {
    padding: 0 0 0 2em;
    width: 70vw;
  }

  .tile .tile__content h2 {
    font-size: 1.2rem;
    font-weight: 700;/*Open Sans weight = 600 */
  }

#featured-content .tile:first-of-type {
  display: flex;
  flex-direction: column;
  padding: 0 0 2em;
}

#featured-content .tile:first-of-type .tile__image {
  padding-bottom: 66%;
  height: 0;
  width: 100%;
  max-width: 684px;
}

#featured-content .tile:first-of-type .tile__content {
  padding: 2.25em 0 0;
  width: 100%;
}

#featured-content .tile:first-of-type .tile__content h2 {
  font-size: 1.9rem;
  font-weight: 700;/*Open Sans weight = 600 */
}

  .w__800.container {
    padding: 3em 1em;
  }
   .w__800 > * {
     max-width: 90%;
   }
  .post-hero,
  .w__800 .post-hero img{
    width: 100%;
    max-width: unset;
  }


  /****
  MAILCHIMP NEWSLETTER
  *****/

  #mc_embed_signup {
    margin: .25em 0 3.5em;
    width: 100%;
  }
  #mc_embed_signup .mc-field-group {
    width: auto;
  }
  #mc_embed_signup p {
    text-align: center;
    padding: 0;
  }

/***
CUSTOM LANDING PAGE Template
***/
  #custom__full .m-width__100 {
    max-width: 100%;
  }

  #custom__full .m-col__rev {
    flex-direction: column-reverse;
  }

  #custom__full .container + .container {
    margin: 0 auto;
  }

  #custom__full h3 + .container + .container {
    margin: .5rem auto 0;
  }
  #custom__full a.cta-button {
    width: 100%;
    margin: 0 auto .75rem;
    text-align: center;
  }

  .page-id-2662 > header .nav__small #menu,
  .page-id-2662 > header.scrolled .nav__small #menu {
    background: url(../images/menu-blue.svg) center no-repeat;
  }

  .page-id-2662 > header .nav__small #menu.open,
  .page-id-2662 > header.scrolled .nav__small #menu.open,
  .nav__small #menu.open {
    background: url(../images/close.svg) center no-repeat;
  }

  .page-id-2662 #custom__full [class*="blob"].wp-block-image {
    margin: 0;
  }

  .page-id-2662 #custom__full .container {
    padding: 1.25em;
  }

  .page-id-2662 #custom__full .custom-hero {
    min-height: unset;
    padding: 3rem 0 11.5rem;
    background-position: center bottom !important;
    background-size: 70vw;
  }

  .page-id-2662 #custom__full .custom-footer {
    margin-top: 11rem;
  }

  #custom__full .custom__footer h3 {
    margin: 3rem auto .5rem;
  }

  #custom__full .custom__footer h3 + .container {
    padding: .5rem 1.25rem
  }

  .page-id-2662 #custom__full .custom-hero p:first-of-type img {
    max-width: 100%;
    width: 100%;
  }

  .page-id-2662 #custom__full .custom-hero p:first-of-type {
    margin: .5rem 0;
  }

  .page-id-2662 #custom__full .custom-hero a.cta-button img {
    height: 2.5em;
    margin: 0 0 .5rem;
  }

  .page-id-2662 #custom__full .custom-footer a.cta-button img {
    height: 2.5em;
  }

}