@charset "UTF-8";
/* ------------------------------------------------------------ *\
  Vendor
\* ------------------------------------------------------------ */
/**
 * Swiper 7.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 27, 2021
 */
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:'';-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:10000;-ms-flex-order:9999;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
/* ------------------------------------------------------------ *\
  Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  SCSS Functions
\* ------------------------------------------------------------ */
/* example usage*/
/* ------------------------------------------------------------ *\
  Reset
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Sprite
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
template {
  display: none;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
  max-width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
img,
[style*=background-image] {
  image-rendering: -webkit-optimize-contrast;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}
a[href^=tel],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
/* ------------------------------------------------------------ *\
    Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Base
\* ------------------------------------------------------------ */
html {
  font-size: 62.5%;
}
body {
  min-width: 320px;
  background: #f7f7f7;
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #000;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  body {
    background-color: #fff;
  }
}
a {
  color: inherit;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a[href^=tel] {
  text-decoration: none;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(1.2em / 2);
}
.h1,
h1 {
  font-size: 6.4rem;
  line-height: 1.08;
  font-weight: 500;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .h1,
h1 {
    font-size: 4.2rem;
  }
}
.h2,
h2 {
  font-size: 3.7rem;
  font-weight: 400;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .h2,
h2 {
    font-size: 2.5rem;
  }
}
.h6,
h6 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.17;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: 1.2em;
}
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/* Text Blue */
.text-blue {
  color: #004581;
  font-weight: 700;
}
/* Text Blue Alt */
.text-blue--alt {
  color: #024f9e;
  font-weight: 700;
}
/*  Clear  */
.clear:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both;
}
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*  Notext  */
.notext {
  white-space: nowrap;
  text-indent: 100%;
  text-shadow: none;
  overflow: hidden;
}
.notext-old {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none;
}
/*  Disabled  */
[disabled],
.disabled {
  cursor: default;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }

  .visible-sm-block {
    display: block !important;
  }

  .visible-sm-inline {
    display: inline !important;
  }

  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

  .visible-md-block {
    display: block !important;
  }

  .visible-md-inline {
    display: inline !important;
  }

  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }

  .visible-lg-block {
    display: block !important;
  }

  .visible-lg-inline {
    display: inline !important;
  }

  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
/* ------------------------------------------------------------ *\
  Components
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Article
\* ------------------------------------------------------------ */
.article {
  border-radius: 0.5rem;
}
.article .article__image {
  display: block;
  min-height: 21.7rem;
  position: relative;
  -webkit-transition:opacity 0.4s ease-in-out;
  -o-transition:opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
@media (max-width: 1023px) {
  .article .article__image {
    min-height: 24rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .article .article__image {
    min-height: 21.7rem;
  }
}
.article .article__image:hover {
  opacity: 0.8;
}
.article .article__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem 0.5rem 0 0;
}
.article .article__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.1rem 2.6rem 2.1rem 1.6rem;
  color: #1a1a1a;
  text-decoration: none;
  -webkit-transition:color 0.4s ease-in-out, background-color 0.4s ease-in-out, padding 0.4s ease-in-out;
  -o-transition:color 0.4s ease-in-out, background-color 0.4s ease-in-out, padding 0.4s ease-in-out;
  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out, padding 0.4s ease-in-out;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #f7f7f7;
}
.article .article__btn svg {
  -webkit-transition:fill 0.4s ease-in-out;
  -o-transition:fill 0.4s ease-in-out;
  transition: fill 0.4s ease-in-out;
}
.article .article__btn:hover {
  background-color: #024f9e;
  color: #fff;
  padding-right: 1.6rem;
}
.article .article__btn:hover svg {
  fill: #fff;
}
/* Article Md */
.article--md .article__image {
  min-height: 37.2rem;
}
@media (max-width: 1023px) {
  .article--md .article__image {
    min-height: 26rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .article--md .article__image {
    min-height: 21.5rem;
  }
}
/* Article Alt */
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .article--alt {
    margin-top: 2.1rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .article--alt .article__image {
    min-height: 22.8rem;
  }
}
/* ------------------------------------------------------------ *\
  Articles
\* ------------------------------------------------------------ */
.articles .articles__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.6rem;
}
.articles .articles__item {
  max-width: 25%;
  width: 100%;
  padding: 0 1.6rem;
}
@media (max-width: 1023px) {
  .articles .articles__item {
    max-width: 50%;
    margin-bottom: 2.2rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .articles .articles__item {
    max-width: 100%;
  }
}
.articles .articles__item--1of2 {
  max-width: 50%;
  width: 100%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .articles .articles__item--1of2 {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
  Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/*  Btn block  */
.btn--block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
/* Btn Arrow */
.btn--arrow {
  background-color: #004581;
  color: #fff;
  padding: 2.1rem 0;
  min-width: 37.8rem;
  border-radius: 0.5rem;
  position: relative;
  -webkit-transition:background-color 0.4s ease-in-out;
  -o-transition:background-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out;
}
.btn--arrow:hover {
  background-color: #024f9e;
}
@media (max-width: 1023px) {
  .btn--arrow {
    min-width: auto;
    display: block;
  }
}
@media (max-width: 374px) {
  .btn--arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1rem;
  }
}
.btn--arrow svg {
  fill: #fff;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 374px) {
  .btn--arrow svg {
    right: 1rem;
  }
}
/* ------------------------------------------------------------ *\
  Checkbox
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Fields
\* ------------------------------------------------------------ */
/*  Field textarea  */
/* ------------------------------------------------------------ *\
  Footer
\* ------------------------------------------------------------ */
.footer {
  padding: 3rem 0 7.1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer {
    padding: 0.5rem 0 5rem;
  }
}
.footer .footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 23rem;
    margin: 0 auto;
  }
}
.footer .footer__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding-left: 0;
  }
}
.footer .footer__content a {
  -webkit-transition:opacity 0.4s ease-in-out;
  -o-transition:opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.footer .footer__content a:hover {
  opacity: 0.9;
}
.footer .footer__copyright {
  margin-left: 3rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__copyright {
    margin-left: 0;
    margin-top: 2.8rem;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .footer .footer__nav {
    margin-top: 4.6rem;
  }
}
.footer .footer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .footer__nav li + li {
  margin-left: 3.8rem;
}
.footer .footer__nav a {
  text-decoration: none;
  -webkit-transition:color 0.4s ease-in-out;
  -o-transition:color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.footer .footer__nav a:hover {
  color: #024f9e;
}
/* ------------------------------------------------------------ *\
  Grid
\* ------------------------------------------------------------ */
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  /*  Grid col 1of2  */
  /*  Grid col 1of3  */
}
.grid .grid__col {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.grid .grid__col--1of2 {
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.grid .grid__col--1of3 {
  max-width: calc(100% / 3);
  -webkit-box-flex:0;
      -ms-flex-positive:0;
          flex-grow:0;
  -ms-flex-negative:0;
      flex-shrink:0;
  -ms-flex-preferred-size:calc(100% / 3);
      flex-basis:calc(100% / 3);
}
/* ------------------------------------------------------------ *\
  Header
\* ------------------------------------------------------------ */
.header {
  font-size: 1.8rem;
  padding: 3rem 0 2.4rem;
  background-color: #fff;
}
.header .header__shell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.8rem;
  padding-right: 3.6rem;
}
@media (max-width: 1023px) {
  .header .header__shell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
}
.header .header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* ------------------------------------------------------------ *\
  Hero
\* ------------------------------------------------------------ */
.hero {
  margin-bottom: -9.3rem;
}
@media (max-width: 1023px) {
  .hero {
    margin-bottom: -7.3rem;
    position: relative;
  }
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .hero {
    margin-bottom: -4.4rem;
  }
}
.hero .hero__footer {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  position: relative;
  z-index: 5;
}
@media (max-width: 1023px) {
  .hero .hero__footer {
    -webkit-transform: translateY(-6.5rem);
        -ms-transform: translateY(-6.5rem);
            transform: translateY(-6.5rem);
  }
}
/* ------------------------------------------------------------ *\
  Icons
\* ------------------------------------------------------------ */
.ico-arrow svg {
  width: 2rem;
  height: 1.6rem;
}
.ico-facebook svg {
  width: 4.3rem;
  height: 4.3rem;
}
/* ------------------------------------------------------------ *\
   
\* ------------------------------------------------------------ */
.logo {
  width: 29.5rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .logo {
    max-width: 29.1rem;
  }
}
/* ------------------------------------------------------------ *\
  Main
\* ------------------------------------------------------------ */
.main {
  background-color: #fff;
  max-width: 123.8rem;
  margin: 0 auto;
}
/* ------------------------------------------------------------ *\
  Nav Secondary
\* ------------------------------------------------------------ */
.nav-secondary {
  font-size: 1.8rem;
  padding: 3.6rem 5.4rem 3.6rem 4.6rem;
  background-color: #f7f7f7;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow-y: hidden;
}
@media (max-width: 1023px) {
  .nav-secondary {
    padding: 2.4rem 2.4rem 2rem;
  }
}
.nav-secondary ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.nav-secondary li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  text-align: center;
}
.nav-secondary li + li:before {
  content: "";
  width: 0.1rem;
  height: 5.8rem;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1199px) {
  .nav-secondary li + li:before {
    display: none;
  }
}
.nav-secondary a {
  text-decoration: none;
  -webkit-transition:color 0.4s ease-in-out;
  -o-transition:color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.nav-secondary a:hover {
  color: #004581;
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu {
    z-index: 6;
    padding: 3.6rem 0.6rem;
    opacity: 0;
    -webkit-transition:opacity 0.4s linear, bottom 0.4s linear;
    -o-transition:opacity 0.4s linear, bottom 0.4s linear;
    transition: opacity 0.4s linear, bottom 0.4s linear;
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
  }
}
.nav-secondary .nav__main {
  display: none;
}
@media (max-width: 1023px) {
  .nav-secondary .nav__main {
    display: block;
  }
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu.is-active {
    position: static;
    display: block;
    opacity: 1;
    bottom: 0;
    pointer-events: all;
  }
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
  }
}
.nav-secondary .nav__menu li {
  position: relative;
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu li {
    padding: 1rem 0 0.8rem;
  }
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu li + li {
    border-top: 0.1rem solid #e5e5e5;
  }
}
@media (max-width: 1023px) {
  .nav-secondary .nav__menu li:after {
    position: absolute;
    content: url("../images/temp/chevron-right.svg");
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 1023px) {
  .nav-secondary .nav__main {
    margin-bottom: 4rem;
  }
}
/* ------------------------------------------------------------ *\
  Nav Trigger
\* ------------------------------------------------------------ */
.nav-trigger {
  position: relative;
  height: 2.2rem;
  width: 100%;
  padding-left: 5.2rem;
  display: none;
  color: #1d1d1d;
  z-index: 7;
}
@media (max-width: 1023px) {
  .nav-trigger {
    display: inline-block;
  }
}
.nav-trigger:after {
  content: "Menü öffnen";
  display: inline-block;
  font-size: 1.8rem;
  vertical-align: middle;
  color: #1d1d1d;
}
.nav-trigger span,
.nav-trigger span:before,
.nav-trigger span:after {
  content: "";
  height: 0.2rem;
  width: 3.2rem;
  background-color: #004581;
  position: absolute;
  left: 0;
  display: block;
}
.nav-trigger span:before {
  top: -1rem;
}
.nav-trigger span {
  top: 1.2rem;
}
.nav-trigger span:after {
  top: 1rem;
}
.nav-trigger.is-active:after {
  content: "schließen";
}
.nav-trigger.is-active span {
  background-color: transparent;
  margin-top: -0.3rem;
}
.nav-trigger.is-active span:before {
  top: 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav-trigger.is-active span:after {
  top: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* ------------------------------------------------------------ *\
  Nav
\* ------------------------------------------------------------ */
.nav {
  margin-right: 4.4rem;
}
.nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav li + li {
  margin-left: 4.8rem;
}
.nav a {
  text-decoration: none;
  -webkit-transition:color 0.4s ease-in-out;
  -o-transition:color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.nav a:hover {
  color: #004581;
}
/* ------------------------------------------------------------ *\
  Phone
\* ------------------------------------------------------------ */
.phone {
  display: inline-block;
  -webkit-transition:color 0.4s ease-in-out;
  -o-transition:color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.phone:hover {
  cursor: pointer;
  color: #024f9e;
}
@media (max-width: 1023px) {
  .phone {
    width: 100%;
    padding-top: 1rem;
    border-top: 0.1rem solid #e5e5e5;
  }
}
/* ------------------------------------------------------------ *\
  Radio
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Section
\* ------------------------------------------------------------ */
.section {
  padding: 7rem 0 1.4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section {
    padding: 1.2rem 0 1rem;
  }
}
.section h2 {
  color: #1a1a1a;
}
.section .section__head {
  line-height: 1.28;
  margin-bottom: 3.9rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head {
    font-size: 1.7rem;
    line-height: 1.35;
    margin-bottom: 3.2rem;
  }
}
.section .section__head h2 {
  margin-bottom: 2.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__head h2 {
    max-width: 24.3rem;
    margin-bottom: 2.8rem;
  }
}
.section .section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 9rem;
}
.section .section__image {
  width: 48.57%;
  position: relative;
  min-height: 54.2rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__image {
    width: 100%;
    min-height: 21.5rem;
  }
}
.section .section__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem 0.5rem 0 0;
}
.section .section__content {
  width: 45.8%;
  padding-right: 2rem;
  padding-top: 5.4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content {
    width: 100%;
    padding-right: 0;
    padding-top: 3.2rem;
  }
}
.section .section__content h2 {
  max-width: 31.5rem;
  margin-bottom: 3.1rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content h2 {
    max-width: 21.5rem;
  }
}
.section .section__content p {
  line-height: 1.28;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__content p {
    margin-bottom: 1.8rem;
  }
}
.section .section__actions {
  margin-top: 4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section .section__actions {
    margin-top: 0;
  }
}
/* Section Alt */
.section--alt {
  padding-bottom: 5.6rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section--alt {
    padding-top: 0;
    padding-bottom: 6.2rem;
  }
}
.section--alt .section__head {
  max-width: 55.7rem;
}
.section--alt .section__actions {
  text-align: center;
  margin-top: 6.4rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .section--alt .section__actions {
    margin-top: 1.6rem;
  }
}
/* ------------------------------------------------------------ *\
  Select
\* ------------------------------------------------------------ */
.select select::-ms-expand {
  display: none;
}
/* ------------------------------------------------------------ *\
  Shell
\* ------------------------------------------------------------ */
.shell {
  max-width: calc( 123.8rem + 1.5rem * 2 );
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin: auto;
  width: 100%;
}
/* Shell small */
.shell--small {
  max-width: calc( 111.6rem + 1.5rem * 2);
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .shell--small {
    padding: 0 3.4rem;
  }
}
/* Shell Fluid */
.shell--fluid {
  max-width: none;
}
/* ------------------------------------------------------------ *\
  Slider
\* ------------------------------------------------------------ */
.slider {
  position: relative;
}
.slider .slider__shell {
  position: relative;
  top: 0;
  min-height: 40.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__shell {
    min-height: 35.5rem;
  }
}
.slider .slider__slide {
  position: relative;
  min-height: 40.7rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__slide {
    min-height: 35.5rem;
  }
}
.slider .slider__slide img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  
}
.slider .slider__slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.3);
}
.slider .slider__slide h1 {
  position: absolute;
  left: 4%;
  top: 21%;
  z-index: 3;
  color: #fff;
  max-width: 46rem;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__slide h1 {
    max-width: none;
    left: 4.6%;
    top: 25%;
  }
}
.slider .slider__actions {
  position: absolute;
  z-index: 3;
  top: 34.5%;
  right: 0;
  left: 0;
  text-align: right;
  padding-right: 0.8rem;
}
.slider .slider__actions svg {
  fill: #fff;
  width: 5.5rem;
  height: 4rem;
}
.slider .slider__prev {
  margin-right: 2.8rem;
}
.slider .slider__prev svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slider .slider__prev svg,
.slider .slider__next svg {
  -webkit-transition:fill 0.4s ease-in-out;
  -o-transition:fill 0.4s ease-in-out;
  transition: fill 0.4s ease-in-out;
}
.slider .slider__prev:hover svg,
.slider .slider__next:hover svg {
  fill: #d9d9d9;
}
.slider .slider__paging {
  position: absolute;
  bottom: 30.5%;
  left: 50%;
  z-index: 3;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .slider .slider__paging {
    bottom: 26.5%;
  }
}
/* ------------------------------------------------------------ *\
  Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100vh;
}
/* ------------------------------------------------------------ *\
  Overwrites
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
  Swiper
\* ------------------------------------------------------------ */
.swiper .swiper-pagination-bullets {
  height: 1.7rem;
}
.swiper .swiper-pagination-bullet {
  display: inline-block;
  width: 1.7rem;
  height: 1.7rem;
  border: 0.1rem solid #fff;
  border-radius: 50%;
  position: relative;
}
.swiper .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 1.3rem;
}
.swiper .swiper-pagination-bullet-active:after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-58%, -55%);
      -ms-transform: translate(-58%, -55%);
          transform: translate(-58%, -55%);
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
  .swiper .swiper-pagination-bullet-active:after {
    -webkit-transform: translate(-47%, -55%);
        -ms-transform: translate(-47%, -55%);
            transform: translate(-47%, -55%);
  }
}
@media (max-width: 374px) {
  .swiper .swiper-pagination-bullet-active:after {
    -webkit-transform: translate(-56%, -55%);
        -ms-transform: translate(-56%, -55%);
            transform: translate(-56%, -55%);
  }
}