/*
 *  Defining includes
 */
/*
 * Calculation of the image scaling depending on col width:
 * The front and back image has two thirds of the col width and will
 * multiplied with .82 to take 82% of the col height.
 */
.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both; }
  .animated.infinite {
    animation-iteration-count: infinite; }

.fade-in {
  animation-name: fade-in; }

.fade-out {
  animation-name: fade-out; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@font-face {
  font-family: '57-condensed';
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-57-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-57-condensed.woff") format("woff"); }

@font-face {
  font-family: '77-black-condensed';
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-77-black-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-77-black-condensed.woff") format("woff"); }

@font-face {
  font-family: '87-extra-black-condensed';
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-87-extra-black-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-87-extra-black-condensed.woff") format("woff"); }

/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container, .marketing-box:not(.marketing-box--fullwidth) {
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 1024px) {
    .container, .marketing-box:not(.marketing-box--fullwidth) {
      max-width: 1224px; } }

.container-fluid, .container-lg {
  width: 100%;
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 1024px) {
  .container, .marketing-box:not(.marketing-box--fullwidth), .container-sm, .container-ms, .container-md, .container-lg {
    max-width: 1224px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -6px;
  margin-left: -6px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-ms,
.col-ms-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 6px;
  padding-left: 6px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%; }

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 480px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 650px) {
  .col-ms {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-ms-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-ms-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-ms-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-ms-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-ms-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-ms-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-ms-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-ms-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-ms-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-ms-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-ms-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-ms-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-ms-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-ms-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-ms-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-ms-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-ms-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-ms-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-ms-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-ms-first {
    order: -1; }
  .order-ms-last {
    order: 13; }
  .order-ms-0 {
    order: 0; }
  .order-ms-1 {
    order: 1; }
  .order-ms-2 {
    order: 2; }
  .order-ms-3 {
    order: 3; }
  .order-ms-4 {
    order: 4; }
  .order-ms-5 {
    order: 5; }
  .order-ms-6 {
    order: 6; }
  .order-ms-7 {
    order: 7; }
  .order-ms-8 {
    order: 8; }
  .order-ms-9 {
    order: 9; }
  .order-ms-10 {
    order: 10; }
  .order-ms-11 {
    order: 11; }
  .order-ms-12 {
    order: 12; }
  .offset-ms-0 {
    margin-left: 0; }
  .offset-ms-1 {
    margin-left: 8.33333%; }
  .offset-ms-2 {
    margin-left: 16.66667%; }
  .offset-ms-3 {
    margin-left: 25%; }
  .offset-ms-4 {
    margin-left: 33.33333%; }
  .offset-ms-5 {
    margin-left: 41.66667%; }
  .offset-ms-6 {
    margin-left: 50%; }
  .offset-ms-7 {
    margin-left: 58.33333%; }
  .offset-ms-8 {
    margin-left: 66.66667%; }
  .offset-ms-9 {
    margin-left: 75%; }
  .offset-ms-10 {
    margin-left: 83.33333%; }
  .offset-ms-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1500px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    order: -1; }
  .order-xxl-last {
    order: 13; }
  .order-xxl-0 {
    order: 0; }
  .order-xxl-1 {
    order: 1; }
  .order-xxl-2 {
    order: 2; }
  .order-xxl-3 {
    order: 3; }
  .order-xxl-4 {
    order: 4; }
  .order-xxl-5 {
    order: 5; }
  .order-xxl-6 {
    order: 6; }
  .order-xxl-7 {
    order: 7; }
  .order-xxl-8 {
    order: 8; }
  .order-xxl-9 {
    order: 9; }
  .order-xxl-10 {
    order: 10; }
  .order-xxl-11 {
    order: 11; }
  .order-xxl-12 {
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 480px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 650px) {
  .d-ms-none {
    display: none !important; }
  .d-ms-inline {
    display: inline !important; }
  .d-ms-inline-block {
    display: inline-block !important; }
  .d-ms-block {
    display: block !important; }
  .d-ms-table {
    display: table !important; }
  .d-ms-table-row {
    display: table-row !important; }
  .d-ms-table-cell {
    display: table-cell !important; }
  .d-ms-flex {
    display: flex !important; }
  .d-ms-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1024px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1500px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: flex !important; }
  .d-xxl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 480px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 650px) {
  .flex-ms-row {
    flex-direction: row !important; }
  .flex-ms-column {
    flex-direction: column !important; }
  .flex-ms-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-ms-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-ms-wrap {
    flex-wrap: wrap !important; }
  .flex-ms-nowrap {
    flex-wrap: nowrap !important; }
  .flex-ms-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-ms-fill {
    flex: 1 1 auto !important; }
  .flex-ms-grow-0 {
    flex-grow: 0 !important; }
  .flex-ms-grow-1 {
    flex-grow: 1 !important; }
  .flex-ms-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-ms-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-ms-start {
    justify-content: flex-start !important; }
  .justify-content-ms-end {
    justify-content: flex-end !important; }
  .justify-content-ms-center {
    justify-content: center !important; }
  .justify-content-ms-between {
    justify-content: space-between !important; }
  .justify-content-ms-around {
    justify-content: space-around !important; }
  .align-items-ms-start {
    align-items: flex-start !important; }
  .align-items-ms-end {
    align-items: flex-end !important; }
  .align-items-ms-center {
    align-items: center !important; }
  .align-items-ms-baseline {
    align-items: baseline !important; }
  .align-items-ms-stretch {
    align-items: stretch !important; }
  .align-content-ms-start {
    align-content: flex-start !important; }
  .align-content-ms-end {
    align-content: flex-end !important; }
  .align-content-ms-center {
    align-content: center !important; }
  .align-content-ms-between {
    align-content: space-between !important; }
  .align-content-ms-around {
    align-content: space-around !important; }
  .align-content-ms-stretch {
    align-content: stretch !important; }
  .align-self-ms-auto {
    align-self: auto !important; }
  .align-self-ms-start {
    align-self: flex-start !important; }
  .align-self-ms-end {
    align-self: flex-end !important; }
  .align-self-ms-center {
    align-self: center !important; }
  .align-self-ms-baseline {
    align-self: baseline !important; }
  .align-self-ms-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

@media (min-width: 1500px) {
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; } }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.75rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.75rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.75rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.75rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.75rem !important; }

.m-2 {
  margin: 1.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 1.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 1.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 1.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 1.5rem !important; }

.m-3 {
  margin: 2.25rem !important; }

.mt-3,
.my-3 {
  margin-top: 2.25rem !important; }

.mr-3,
.mx-3 {
  margin-right: 2.25rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 2.25rem !important; }

.ml-3,
.mx-3 {
  margin-left: 2.25rem !important; }

.m-4 {
  margin: 3rem !important; }

.mt-4,
.my-4 {
  margin-top: 3rem !important; }

.mr-4,
.mx-4 {
  margin-right: 3rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 3rem !important; }

.ml-4,
.mx-4 {
  margin-left: 3rem !important; }

.m-5 {
  margin: 3.75rem !important; }

.mt-5,
.my-5 {
  margin-top: 3.75rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3.75rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3.75rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3.75rem !important; }

.m-6 {
  margin: 4.5rem !important; }

.mt-6,
.my-6 {
  margin-top: 4.5rem !important; }

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important; }

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important; }

.m-7 {
  margin: 5.25rem !important; }

.mt-7,
.my-7 {
  margin-top: 5.25rem !important; }

.mr-7,
.mx-7 {
  margin-right: 5.25rem !important; }

.mb-7,
.my-7 {
  margin-bottom: 5.25rem !important; }

.ml-7,
.mx-7 {
  margin-left: 5.25rem !important; }

.m-8 {
  margin: 6rem !important; }

.mt-8,
.my-8 {
  margin-top: 6rem !important; }

.mr-8,
.mx-8 {
  margin-right: 6rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 6rem !important; }

.ml-8,
.mx-8 {
  margin-left: 6rem !important; }

.m-9 {
  margin: 6.75rem !important; }

.mt-9,
.my-9 {
  margin-top: 6.75rem !important; }

.mr-9,
.mx-9 {
  margin-right: 6.75rem !important; }

.mb-9,
.my-9 {
  margin-bottom: 6.75rem !important; }

.ml-9,
.mx-9 {
  margin-left: 6.75rem !important; }

.m-10 {
  margin: 7.5rem !important; }

.mt-10,
.my-10 {
  margin-top: 7.5rem !important; }

.mr-10,
.mx-10 {
  margin-right: 7.5rem !important; }

.mb-10,
.my-10 {
  margin-bottom: 7.5rem !important; }

.ml-10,
.mx-10 {
  margin-left: 7.5rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.75rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.75rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.75rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.75rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.75rem !important; }

.p-2 {
  padding: 1.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 1.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 1.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 1.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 1.5rem !important; }

.p-3 {
  padding: 2.25rem !important; }

.pt-3,
.py-3 {
  padding-top: 2.25rem !important; }

.pr-3,
.px-3 {
  padding-right: 2.25rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 2.25rem !important; }

.pl-3,
.px-3 {
  padding-left: 2.25rem !important; }

.p-4 {
  padding: 3rem !important; }

.pt-4,
.py-4 {
  padding-top: 3rem !important; }

.pr-4,
.px-4 {
  padding-right: 3rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 3rem !important; }

.pl-4,
.px-4 {
  padding-left: 3rem !important; }

.p-5 {
  padding: 3.75rem !important; }

.pt-5,
.py-5 {
  padding-top: 3.75rem !important; }

.pr-5,
.px-5 {
  padding-right: 3.75rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3.75rem !important; }

.pl-5,
.px-5 {
  padding-left: 3.75rem !important; }

.p-6 {
  padding: 4.5rem !important; }

.pt-6,
.py-6 {
  padding-top: 4.5rem !important; }

.pr-6,
.px-6 {
  padding-right: 4.5rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important; }

.pl-6,
.px-6 {
  padding-left: 4.5rem !important; }

.p-7 {
  padding: 5.25rem !important; }

.pt-7,
.py-7 {
  padding-top: 5.25rem !important; }

.pr-7,
.px-7 {
  padding-right: 5.25rem !important; }

.pb-7,
.py-7 {
  padding-bottom: 5.25rem !important; }

.pl-7,
.px-7 {
  padding-left: 5.25rem !important; }

.p-8 {
  padding: 6rem !important; }

.pt-8,
.py-8 {
  padding-top: 6rem !important; }

.pr-8,
.px-8 {
  padding-right: 6rem !important; }

.pb-8,
.py-8 {
  padding-bottom: 6rem !important; }

.pl-8,
.px-8 {
  padding-left: 6rem !important; }

.p-9 {
  padding: 6.75rem !important; }

.pt-9,
.py-9 {
  padding-top: 6.75rem !important; }

.pr-9,
.px-9 {
  padding-right: 6.75rem !important; }

.pb-9,
.py-9 {
  padding-bottom: 6.75rem !important; }

.pl-9,
.px-9 {
  padding-left: 6.75rem !important; }

.p-10 {
  padding: 7.5rem !important; }

.pt-10,
.py-10 {
  padding-top: 7.5rem !important; }

.pr-10,
.px-10 {
  padding-right: 7.5rem !important; }

.pb-10,
.py-10 {
  padding-bottom: 7.5rem !important; }

.pl-10,
.px-10 {
  padding-left: 7.5rem !important; }

.m-n1 {
  margin: -0.75rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.75rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.75rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.75rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.75rem !important; }

.m-n2 {
  margin: -1.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -1.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -1.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -1.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -1.5rem !important; }

.m-n3 {
  margin: -2.25rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -2.25rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -2.25rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -2.25rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -2.25rem !important; }

.m-n4 {
  margin: -3rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -3rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -3rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -3rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -3rem !important; }

.m-n5 {
  margin: -3.75rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3.75rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3.75rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3.75rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3.75rem !important; }

.m-n6 {
  margin: -4.5rem !important; }

.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important; }

.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important; }

.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important; }

.m-n7 {
  margin: -5.25rem !important; }

.mt-n7,
.my-n7 {
  margin-top: -5.25rem !important; }

.mr-n7,
.mx-n7 {
  margin-right: -5.25rem !important; }

.mb-n7,
.my-n7 {
  margin-bottom: -5.25rem !important; }

.ml-n7,
.mx-n7 {
  margin-left: -5.25rem !important; }

.m-n8 {
  margin: -6rem !important; }

.mt-n8,
.my-n8 {
  margin-top: -6rem !important; }

.mr-n8,
.mx-n8 {
  margin-right: -6rem !important; }

.mb-n8,
.my-n8 {
  margin-bottom: -6rem !important; }

.ml-n8,
.mx-n8 {
  margin-left: -6rem !important; }

.m-n9 {
  margin: -6.75rem !important; }

.mt-n9,
.my-n9 {
  margin-top: -6.75rem !important; }

.mr-n9,
.mx-n9 {
  margin-right: -6.75rem !important; }

.mb-n9,
.my-n9 {
  margin-bottom: -6.75rem !important; }

.ml-n9,
.mx-n9 {
  margin-left: -6.75rem !important; }

.m-n10 {
  margin: -7.5rem !important; }

.mt-n10,
.my-n10 {
  margin-top: -7.5rem !important; }

.mr-n10,
.mx-n10 {
  margin-right: -7.5rem !important; }

.mb-n10,
.my-n10 {
  margin-bottom: -7.5rem !important; }

.ml-n10,
.mx-n10 {
  margin-left: -7.5rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.75rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.75rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.75rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.75rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.75rem !important; }
  .m-sm-2 {
    margin: 1.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 1.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 1.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 1.5rem !important; }
  .m-sm-3 {
    margin: 2.25rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 2.25rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 2.25rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 2.25rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 2.25rem !important; }
  .m-sm-4 {
    margin: 3rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 3rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 3rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 3rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 3rem !important; }
  .m-sm-5 {
    margin: 3.75rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3.75rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3.75rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3.75rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3.75rem !important; }
  .m-sm-6 {
    margin: 4.5rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important; }
  .m-sm-7 {
    margin: 5.25rem !important; }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5.25rem !important; }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 5.25rem !important; }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5.25rem !important; }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 5.25rem !important; }
  .m-sm-8 {
    margin: 6rem !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 6rem !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 6rem !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 6rem !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 6rem !important; }
  .m-sm-9 {
    margin: 6.75rem !important; }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 6.75rem !important; }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 6.75rem !important; }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 6.75rem !important; }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 6.75rem !important; }
  .m-sm-10 {
    margin: 7.5rem !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 7.5rem !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 7.5rem !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 7.5rem !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 7.5rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.75rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.75rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.75rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.75rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.75rem !important; }
  .p-sm-2 {
    padding: 1.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 1.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 1.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 1.5rem !important; }
  .p-sm-3 {
    padding: 2.25rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 2.25rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 2.25rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 2.25rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 2.25rem !important; }
  .p-sm-4 {
    padding: 3rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 3rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 3rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 3rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 3rem !important; }
  .p-sm-5 {
    padding: 3.75rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3.75rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3.75rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3.75rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3.75rem !important; }
  .p-sm-6 {
    padding: 4.5rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important; }
  .p-sm-7 {
    padding: 5.25rem !important; }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5.25rem !important; }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 5.25rem !important; }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5.25rem !important; }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 5.25rem !important; }
  .p-sm-8 {
    padding: 6rem !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 6rem !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 6rem !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 6rem !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 6rem !important; }
  .p-sm-9 {
    padding: 6.75rem !important; }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 6.75rem !important; }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 6.75rem !important; }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 6.75rem !important; }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 6.75rem !important; }
  .p-sm-10 {
    padding: 7.5rem !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 7.5rem !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 7.5rem !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 7.5rem !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 7.5rem !important; }
  .m-sm-n1 {
    margin: -0.75rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.75rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.75rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.75rem !important; }
  .m-sm-n2 {
    margin: -1.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -1.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -1.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -1.5rem !important; }
  .m-sm-n3 {
    margin: -2.25rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -2.25rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -2.25rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -2.25rem !important; }
  .m-sm-n4 {
    margin: -3rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -3rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -3rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -3rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -3rem !important; }
  .m-sm-n5 {
    margin: -3.75rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3.75rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3.75rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3.75rem !important; }
  .m-sm-n6 {
    margin: -4.5rem !important; }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4.5rem !important; }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4.5rem !important; }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4.5rem !important; }
  .m-sm-n7 {
    margin: -5.25rem !important; }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -5.25rem !important; }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -5.25rem !important; }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -5.25rem !important; }
  .m-sm-n8 {
    margin: -6rem !important; }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -6rem !important; }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -6rem !important; }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -6rem !important; }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -6rem !important; }
  .m-sm-n9 {
    margin: -6.75rem !important; }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -6.75rem !important; }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -6.75rem !important; }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -6.75rem !important; }
  .m-sm-n10 {
    margin: -7.5rem !important; }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -7.5rem !important; }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -7.5rem !important; }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -7.5rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 650px) {
  .m-ms-0 {
    margin: 0 !important; }
  .mt-ms-0,
  .my-ms-0 {
    margin-top: 0 !important; }
  .mr-ms-0,
  .mx-ms-0 {
    margin-right: 0 !important; }
  .mb-ms-0,
  .my-ms-0 {
    margin-bottom: 0 !important; }
  .ml-ms-0,
  .mx-ms-0 {
    margin-left: 0 !important; }
  .m-ms-1 {
    margin: 0.75rem !important; }
  .mt-ms-1,
  .my-ms-1 {
    margin-top: 0.75rem !important; }
  .mr-ms-1,
  .mx-ms-1 {
    margin-right: 0.75rem !important; }
  .mb-ms-1,
  .my-ms-1 {
    margin-bottom: 0.75rem !important; }
  .ml-ms-1,
  .mx-ms-1 {
    margin-left: 0.75rem !important; }
  .m-ms-2 {
    margin: 1.5rem !important; }
  .mt-ms-2,
  .my-ms-2 {
    margin-top: 1.5rem !important; }
  .mr-ms-2,
  .mx-ms-2 {
    margin-right: 1.5rem !important; }
  .mb-ms-2,
  .my-ms-2 {
    margin-bottom: 1.5rem !important; }
  .ml-ms-2,
  .mx-ms-2 {
    margin-left: 1.5rem !important; }
  .m-ms-3 {
    margin: 2.25rem !important; }
  .mt-ms-3,
  .my-ms-3 {
    margin-top: 2.25rem !important; }
  .mr-ms-3,
  .mx-ms-3 {
    margin-right: 2.25rem !important; }
  .mb-ms-3,
  .my-ms-3 {
    margin-bottom: 2.25rem !important; }
  .ml-ms-3,
  .mx-ms-3 {
    margin-left: 2.25rem !important; }
  .m-ms-4 {
    margin: 3rem !important; }
  .mt-ms-4,
  .my-ms-4 {
    margin-top: 3rem !important; }
  .mr-ms-4,
  .mx-ms-4 {
    margin-right: 3rem !important; }
  .mb-ms-4,
  .my-ms-4 {
    margin-bottom: 3rem !important; }
  .ml-ms-4,
  .mx-ms-4 {
    margin-left: 3rem !important; }
  .m-ms-5 {
    margin: 3.75rem !important; }
  .mt-ms-5,
  .my-ms-5 {
    margin-top: 3.75rem !important; }
  .mr-ms-5,
  .mx-ms-5 {
    margin-right: 3.75rem !important; }
  .mb-ms-5,
  .my-ms-5 {
    margin-bottom: 3.75rem !important; }
  .ml-ms-5,
  .mx-ms-5 {
    margin-left: 3.75rem !important; }
  .m-ms-6 {
    margin: 4.5rem !important; }
  .mt-ms-6,
  .my-ms-6 {
    margin-top: 4.5rem !important; }
  .mr-ms-6,
  .mx-ms-6 {
    margin-right: 4.5rem !important; }
  .mb-ms-6,
  .my-ms-6 {
    margin-bottom: 4.5rem !important; }
  .ml-ms-6,
  .mx-ms-6 {
    margin-left: 4.5rem !important; }
  .m-ms-7 {
    margin: 5.25rem !important; }
  .mt-ms-7,
  .my-ms-7 {
    margin-top: 5.25rem !important; }
  .mr-ms-7,
  .mx-ms-7 {
    margin-right: 5.25rem !important; }
  .mb-ms-7,
  .my-ms-7 {
    margin-bottom: 5.25rem !important; }
  .ml-ms-7,
  .mx-ms-7 {
    margin-left: 5.25rem !important; }
  .m-ms-8 {
    margin: 6rem !important; }
  .mt-ms-8,
  .my-ms-8 {
    margin-top: 6rem !important; }
  .mr-ms-8,
  .mx-ms-8 {
    margin-right: 6rem !important; }
  .mb-ms-8,
  .my-ms-8 {
    margin-bottom: 6rem !important; }
  .ml-ms-8,
  .mx-ms-8 {
    margin-left: 6rem !important; }
  .m-ms-9 {
    margin: 6.75rem !important; }
  .mt-ms-9,
  .my-ms-9 {
    margin-top: 6.75rem !important; }
  .mr-ms-9,
  .mx-ms-9 {
    margin-right: 6.75rem !important; }
  .mb-ms-9,
  .my-ms-9 {
    margin-bottom: 6.75rem !important; }
  .ml-ms-9,
  .mx-ms-9 {
    margin-left: 6.75rem !important; }
  .m-ms-10 {
    margin: 7.5rem !important; }
  .mt-ms-10,
  .my-ms-10 {
    margin-top: 7.5rem !important; }
  .mr-ms-10,
  .mx-ms-10 {
    margin-right: 7.5rem !important; }
  .mb-ms-10,
  .my-ms-10 {
    margin-bottom: 7.5rem !important; }
  .ml-ms-10,
  .mx-ms-10 {
    margin-left: 7.5rem !important; }
  .p-ms-0 {
    padding: 0 !important; }
  .pt-ms-0,
  .py-ms-0 {
    padding-top: 0 !important; }
  .pr-ms-0,
  .px-ms-0 {
    padding-right: 0 !important; }
  .pb-ms-0,
  .py-ms-0 {
    padding-bottom: 0 !important; }
  .pl-ms-0,
  .px-ms-0 {
    padding-left: 0 !important; }
  .p-ms-1 {
    padding: 0.75rem !important; }
  .pt-ms-1,
  .py-ms-1 {
    padding-top: 0.75rem !important; }
  .pr-ms-1,
  .px-ms-1 {
    padding-right: 0.75rem !important; }
  .pb-ms-1,
  .py-ms-1 {
    padding-bottom: 0.75rem !important; }
  .pl-ms-1,
  .px-ms-1 {
    padding-left: 0.75rem !important; }
  .p-ms-2 {
    padding: 1.5rem !important; }
  .pt-ms-2,
  .py-ms-2 {
    padding-top: 1.5rem !important; }
  .pr-ms-2,
  .px-ms-2 {
    padding-right: 1.5rem !important; }
  .pb-ms-2,
  .py-ms-2 {
    padding-bottom: 1.5rem !important; }
  .pl-ms-2,
  .px-ms-2 {
    padding-left: 1.5rem !important; }
  .p-ms-3 {
    padding: 2.25rem !important; }
  .pt-ms-3,
  .py-ms-3 {
    padding-top: 2.25rem !important; }
  .pr-ms-3,
  .px-ms-3 {
    padding-right: 2.25rem !important; }
  .pb-ms-3,
  .py-ms-3 {
    padding-bottom: 2.25rem !important; }
  .pl-ms-3,
  .px-ms-3 {
    padding-left: 2.25rem !important; }
  .p-ms-4 {
    padding: 3rem !important; }
  .pt-ms-4,
  .py-ms-4 {
    padding-top: 3rem !important; }
  .pr-ms-4,
  .px-ms-4 {
    padding-right: 3rem !important; }
  .pb-ms-4,
  .py-ms-4 {
    padding-bottom: 3rem !important; }
  .pl-ms-4,
  .px-ms-4 {
    padding-left: 3rem !important; }
  .p-ms-5 {
    padding: 3.75rem !important; }
  .pt-ms-5,
  .py-ms-5 {
    padding-top: 3.75rem !important; }
  .pr-ms-5,
  .px-ms-5 {
    padding-right: 3.75rem !important; }
  .pb-ms-5,
  .py-ms-5 {
    padding-bottom: 3.75rem !important; }
  .pl-ms-5,
  .px-ms-5 {
    padding-left: 3.75rem !important; }
  .p-ms-6 {
    padding: 4.5rem !important; }
  .pt-ms-6,
  .py-ms-6 {
    padding-top: 4.5rem !important; }
  .pr-ms-6,
  .px-ms-6 {
    padding-right: 4.5rem !important; }
  .pb-ms-6,
  .py-ms-6 {
    padding-bottom: 4.5rem !important; }
  .pl-ms-6,
  .px-ms-6 {
    padding-left: 4.5rem !important; }
  .p-ms-7 {
    padding: 5.25rem !important; }
  .pt-ms-7,
  .py-ms-7 {
    padding-top: 5.25rem !important; }
  .pr-ms-7,
  .px-ms-7 {
    padding-right: 5.25rem !important; }
  .pb-ms-7,
  .py-ms-7 {
    padding-bottom: 5.25rem !important; }
  .pl-ms-7,
  .px-ms-7 {
    padding-left: 5.25rem !important; }
  .p-ms-8 {
    padding: 6rem !important; }
  .pt-ms-8,
  .py-ms-8 {
    padding-top: 6rem !important; }
  .pr-ms-8,
  .px-ms-8 {
    padding-right: 6rem !important; }
  .pb-ms-8,
  .py-ms-8 {
    padding-bottom: 6rem !important; }
  .pl-ms-8,
  .px-ms-8 {
    padding-left: 6rem !important; }
  .p-ms-9 {
    padding: 6.75rem !important; }
  .pt-ms-9,
  .py-ms-9 {
    padding-top: 6.75rem !important; }
  .pr-ms-9,
  .px-ms-9 {
    padding-right: 6.75rem !important; }
  .pb-ms-9,
  .py-ms-9 {
    padding-bottom: 6.75rem !important; }
  .pl-ms-9,
  .px-ms-9 {
    padding-left: 6.75rem !important; }
  .p-ms-10 {
    padding: 7.5rem !important; }
  .pt-ms-10,
  .py-ms-10 {
    padding-top: 7.5rem !important; }
  .pr-ms-10,
  .px-ms-10 {
    padding-right: 7.5rem !important; }
  .pb-ms-10,
  .py-ms-10 {
    padding-bottom: 7.5rem !important; }
  .pl-ms-10,
  .px-ms-10 {
    padding-left: 7.5rem !important; }
  .m-ms-n1 {
    margin: -0.75rem !important; }
  .mt-ms-n1,
  .my-ms-n1 {
    margin-top: -0.75rem !important; }
  .mr-ms-n1,
  .mx-ms-n1 {
    margin-right: -0.75rem !important; }
  .mb-ms-n1,
  .my-ms-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-ms-n1,
  .mx-ms-n1 {
    margin-left: -0.75rem !important; }
  .m-ms-n2 {
    margin: -1.5rem !important; }
  .mt-ms-n2,
  .my-ms-n2 {
    margin-top: -1.5rem !important; }
  .mr-ms-n2,
  .mx-ms-n2 {
    margin-right: -1.5rem !important; }
  .mb-ms-n2,
  .my-ms-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-ms-n2,
  .mx-ms-n2 {
    margin-left: -1.5rem !important; }
  .m-ms-n3 {
    margin: -2.25rem !important; }
  .mt-ms-n3,
  .my-ms-n3 {
    margin-top: -2.25rem !important; }
  .mr-ms-n3,
  .mx-ms-n3 {
    margin-right: -2.25rem !important; }
  .mb-ms-n3,
  .my-ms-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-ms-n3,
  .mx-ms-n3 {
    margin-left: -2.25rem !important; }
  .m-ms-n4 {
    margin: -3rem !important; }
  .mt-ms-n4,
  .my-ms-n4 {
    margin-top: -3rem !important; }
  .mr-ms-n4,
  .mx-ms-n4 {
    margin-right: -3rem !important; }
  .mb-ms-n4,
  .my-ms-n4 {
    margin-bottom: -3rem !important; }
  .ml-ms-n4,
  .mx-ms-n4 {
    margin-left: -3rem !important; }
  .m-ms-n5 {
    margin: -3.75rem !important; }
  .mt-ms-n5,
  .my-ms-n5 {
    margin-top: -3.75rem !important; }
  .mr-ms-n5,
  .mx-ms-n5 {
    margin-right: -3.75rem !important; }
  .mb-ms-n5,
  .my-ms-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-ms-n5,
  .mx-ms-n5 {
    margin-left: -3.75rem !important; }
  .m-ms-n6 {
    margin: -4.5rem !important; }
  .mt-ms-n6,
  .my-ms-n6 {
    margin-top: -4.5rem !important; }
  .mr-ms-n6,
  .mx-ms-n6 {
    margin-right: -4.5rem !important; }
  .mb-ms-n6,
  .my-ms-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-ms-n6,
  .mx-ms-n6 {
    margin-left: -4.5rem !important; }
  .m-ms-n7 {
    margin: -5.25rem !important; }
  .mt-ms-n7,
  .my-ms-n7 {
    margin-top: -5.25rem !important; }
  .mr-ms-n7,
  .mx-ms-n7 {
    margin-right: -5.25rem !important; }
  .mb-ms-n7,
  .my-ms-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-ms-n7,
  .mx-ms-n7 {
    margin-left: -5.25rem !important; }
  .m-ms-n8 {
    margin: -6rem !important; }
  .mt-ms-n8,
  .my-ms-n8 {
    margin-top: -6rem !important; }
  .mr-ms-n8,
  .mx-ms-n8 {
    margin-right: -6rem !important; }
  .mb-ms-n8,
  .my-ms-n8 {
    margin-bottom: -6rem !important; }
  .ml-ms-n8,
  .mx-ms-n8 {
    margin-left: -6rem !important; }
  .m-ms-n9 {
    margin: -6.75rem !important; }
  .mt-ms-n9,
  .my-ms-n9 {
    margin-top: -6.75rem !important; }
  .mr-ms-n9,
  .mx-ms-n9 {
    margin-right: -6.75rem !important; }
  .mb-ms-n9,
  .my-ms-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-ms-n9,
  .mx-ms-n9 {
    margin-left: -6.75rem !important; }
  .m-ms-n10 {
    margin: -7.5rem !important; }
  .mt-ms-n10,
  .my-ms-n10 {
    margin-top: -7.5rem !important; }
  .mr-ms-n10,
  .mx-ms-n10 {
    margin-right: -7.5rem !important; }
  .mb-ms-n10,
  .my-ms-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-ms-n10,
  .mx-ms-n10 {
    margin-left: -7.5rem !important; }
  .m-ms-auto {
    margin: auto !important; }
  .mt-ms-auto,
  .my-ms-auto {
    margin-top: auto !important; }
  .mr-ms-auto,
  .mx-ms-auto {
    margin-right: auto !important; }
  .mb-ms-auto,
  .my-ms-auto {
    margin-bottom: auto !important; }
  .ml-ms-auto,
  .mx-ms-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.75rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.75rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.75rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.75rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.75rem !important; }
  .m-md-2 {
    margin: 1.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 1.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 1.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 1.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 1.5rem !important; }
  .m-md-3 {
    margin: 2.25rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 2.25rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 2.25rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 2.25rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 2.25rem !important; }
  .m-md-4 {
    margin: 3rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 3rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 3rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 3rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 3rem !important; }
  .m-md-5 {
    margin: 3.75rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3.75rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3.75rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3.75rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3.75rem !important; }
  .m-md-6 {
    margin: 4.5rem !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important; }
  .m-md-7 {
    margin: 5.25rem !important; }
  .mt-md-7,
  .my-md-7 {
    margin-top: 5.25rem !important; }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 5.25rem !important; }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5.25rem !important; }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 5.25rem !important; }
  .m-md-8 {
    margin: 6rem !important; }
  .mt-md-8,
  .my-md-8 {
    margin-top: 6rem !important; }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 6rem !important; }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 6rem !important; }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 6rem !important; }
  .m-md-9 {
    margin: 6.75rem !important; }
  .mt-md-9,
  .my-md-9 {
    margin-top: 6.75rem !important; }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 6.75rem !important; }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 6.75rem !important; }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 6.75rem !important; }
  .m-md-10 {
    margin: 7.5rem !important; }
  .mt-md-10,
  .my-md-10 {
    margin-top: 7.5rem !important; }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 7.5rem !important; }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 7.5rem !important; }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 7.5rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.75rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.75rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.75rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.75rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.75rem !important; }
  .p-md-2 {
    padding: 1.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 1.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 1.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 1.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 1.5rem !important; }
  .p-md-3 {
    padding: 2.25rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 2.25rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 2.25rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 2.25rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 2.25rem !important; }
  .p-md-4 {
    padding: 3rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 3rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 3rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 3rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 3rem !important; }
  .p-md-5 {
    padding: 3.75rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3.75rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3.75rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3.75rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3.75rem !important; }
  .p-md-6 {
    padding: 4.5rem !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important; }
  .p-md-7 {
    padding: 5.25rem !important; }
  .pt-md-7,
  .py-md-7 {
    padding-top: 5.25rem !important; }
  .pr-md-7,
  .px-md-7 {
    padding-right: 5.25rem !important; }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5.25rem !important; }
  .pl-md-7,
  .px-md-7 {
    padding-left: 5.25rem !important; }
  .p-md-8 {
    padding: 6rem !important; }
  .pt-md-8,
  .py-md-8 {
    padding-top: 6rem !important; }
  .pr-md-8,
  .px-md-8 {
    padding-right: 6rem !important; }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 6rem !important; }
  .pl-md-8,
  .px-md-8 {
    padding-left: 6rem !important; }
  .p-md-9 {
    padding: 6.75rem !important; }
  .pt-md-9,
  .py-md-9 {
    padding-top: 6.75rem !important; }
  .pr-md-9,
  .px-md-9 {
    padding-right: 6.75rem !important; }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 6.75rem !important; }
  .pl-md-9,
  .px-md-9 {
    padding-left: 6.75rem !important; }
  .p-md-10 {
    padding: 7.5rem !important; }
  .pt-md-10,
  .py-md-10 {
    padding-top: 7.5rem !important; }
  .pr-md-10,
  .px-md-10 {
    padding-right: 7.5rem !important; }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 7.5rem !important; }
  .pl-md-10,
  .px-md-10 {
    padding-left: 7.5rem !important; }
  .m-md-n1 {
    margin: -0.75rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.75rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.75rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.75rem !important; }
  .m-md-n2 {
    margin: -1.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -1.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -1.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -1.5rem !important; }
  .m-md-n3 {
    margin: -2.25rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -2.25rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -2.25rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -2.25rem !important; }
  .m-md-n4 {
    margin: -3rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -3rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -3rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -3rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -3rem !important; }
  .m-md-n5 {
    margin: -3.75rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3.75rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3.75rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3.75rem !important; }
  .m-md-n6 {
    margin: -4.5rem !important; }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4.5rem !important; }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4.5rem !important; }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4.5rem !important; }
  .m-md-n7 {
    margin: -5.25rem !important; }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -5.25rem !important; }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -5.25rem !important; }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -5.25rem !important; }
  .m-md-n8 {
    margin: -6rem !important; }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -6rem !important; }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -6rem !important; }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -6rem !important; }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -6rem !important; }
  .m-md-n9 {
    margin: -6.75rem !important; }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -6.75rem !important; }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -6.75rem !important; }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -6.75rem !important; }
  .m-md-n10 {
    margin: -7.5rem !important; }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -7.5rem !important; }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -7.5rem !important; }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -7.5rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.75rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.75rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.75rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.75rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.75rem !important; }
  .m-lg-2 {
    margin: 1.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 1.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 1.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 1.5rem !important; }
  .m-lg-3 {
    margin: 2.25rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 2.25rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 2.25rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 2.25rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 2.25rem !important; }
  .m-lg-4 {
    margin: 3rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 3rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 3rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 3rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 3rem !important; }
  .m-lg-5 {
    margin: 3.75rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3.75rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3.75rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3.75rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3.75rem !important; }
  .m-lg-6 {
    margin: 4.5rem !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important; }
  .m-lg-7 {
    margin: 5.25rem !important; }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5.25rem !important; }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 5.25rem !important; }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5.25rem !important; }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 5.25rem !important; }
  .m-lg-8 {
    margin: 6rem !important; }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 6rem !important; }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 6rem !important; }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 6rem !important; }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 6rem !important; }
  .m-lg-9 {
    margin: 6.75rem !important; }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 6.75rem !important; }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 6.75rem !important; }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 6.75rem !important; }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 6.75rem !important; }
  .m-lg-10 {
    margin: 7.5rem !important; }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 7.5rem !important; }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 7.5rem !important; }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 7.5rem !important; }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 7.5rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.75rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.75rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.75rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.75rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.75rem !important; }
  .p-lg-2 {
    padding: 1.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 1.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 1.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 1.5rem !important; }
  .p-lg-3 {
    padding: 2.25rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 2.25rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 2.25rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 2.25rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 2.25rem !important; }
  .p-lg-4 {
    padding: 3rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 3rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 3rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 3rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 3rem !important; }
  .p-lg-5 {
    padding: 3.75rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3.75rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3.75rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3.75rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3.75rem !important; }
  .p-lg-6 {
    padding: 4.5rem !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important; }
  .p-lg-7 {
    padding: 5.25rem !important; }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5.25rem !important; }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 5.25rem !important; }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5.25rem !important; }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 5.25rem !important; }
  .p-lg-8 {
    padding: 6rem !important; }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 6rem !important; }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 6rem !important; }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 6rem !important; }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 6rem !important; }
  .p-lg-9 {
    padding: 6.75rem !important; }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 6.75rem !important; }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 6.75rem !important; }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 6.75rem !important; }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 6.75rem !important; }
  .p-lg-10 {
    padding: 7.5rem !important; }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 7.5rem !important; }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 7.5rem !important; }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 7.5rem !important; }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 7.5rem !important; }
  .m-lg-n1 {
    margin: -0.75rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.75rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.75rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.75rem !important; }
  .m-lg-n2 {
    margin: -1.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -1.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -1.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -1.5rem !important; }
  .m-lg-n3 {
    margin: -2.25rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -2.25rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -2.25rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -2.25rem !important; }
  .m-lg-n4 {
    margin: -3rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -3rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -3rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -3rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -3rem !important; }
  .m-lg-n5 {
    margin: -3.75rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3.75rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3.75rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3.75rem !important; }
  .m-lg-n6 {
    margin: -4.5rem !important; }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4.5rem !important; }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4.5rem !important; }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4.5rem !important; }
  .m-lg-n7 {
    margin: -5.25rem !important; }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -5.25rem !important; }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -5.25rem !important; }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -5.25rem !important; }
  .m-lg-n8 {
    margin: -6rem !important; }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -6rem !important; }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -6rem !important; }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -6rem !important; }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -6rem !important; }
  .m-lg-n9 {
    margin: -6.75rem !important; }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -6.75rem !important; }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -6.75rem !important; }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -6.75rem !important; }
  .m-lg-n10 {
    margin: -7.5rem !important; }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -7.5rem !important; }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -7.5rem !important; }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -7.5rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.75rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.75rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.75rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.75rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.75rem !important; }
  .m-xl-2 {
    margin: 1.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 1.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 1.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 1.5rem !important; }
  .m-xl-3 {
    margin: 2.25rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 2.25rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 2.25rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 2.25rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 2.25rem !important; }
  .m-xl-4 {
    margin: 3rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 3rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 3rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 3rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 3rem !important; }
  .m-xl-5 {
    margin: 3.75rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3.75rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3.75rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3.75rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3.75rem !important; }
  .m-xl-6 {
    margin: 4.5rem !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important; }
  .m-xl-7 {
    margin: 5.25rem !important; }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 5.25rem !important; }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 5.25rem !important; }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 5.25rem !important; }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 5.25rem !important; }
  .m-xl-8 {
    margin: 6rem !important; }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 6rem !important; }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 6rem !important; }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 6rem !important; }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 6rem !important; }
  .m-xl-9 {
    margin: 6.75rem !important; }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 6.75rem !important; }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 6.75rem !important; }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 6.75rem !important; }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 6.75rem !important; }
  .m-xl-10 {
    margin: 7.5rem !important; }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 7.5rem !important; }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 7.5rem !important; }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 7.5rem !important; }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 7.5rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.75rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.75rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.75rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.75rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.75rem !important; }
  .p-xl-2 {
    padding: 1.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 1.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 1.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 1.5rem !important; }
  .p-xl-3 {
    padding: 2.25rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 2.25rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 2.25rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 2.25rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 2.25rem !important; }
  .p-xl-4 {
    padding: 3rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 3rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 3rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 3rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 3rem !important; }
  .p-xl-5 {
    padding: 3.75rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3.75rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3.75rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3.75rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3.75rem !important; }
  .p-xl-6 {
    padding: 4.5rem !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important; }
  .p-xl-7 {
    padding: 5.25rem !important; }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 5.25rem !important; }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 5.25rem !important; }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 5.25rem !important; }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 5.25rem !important; }
  .p-xl-8 {
    padding: 6rem !important; }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 6rem !important; }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 6rem !important; }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 6rem !important; }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 6rem !important; }
  .p-xl-9 {
    padding: 6.75rem !important; }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 6.75rem !important; }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 6.75rem !important; }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 6.75rem !important; }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 6.75rem !important; }
  .p-xl-10 {
    padding: 7.5rem !important; }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 7.5rem !important; }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 7.5rem !important; }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 7.5rem !important; }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 7.5rem !important; }
  .m-xl-n1 {
    margin: -0.75rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.75rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.75rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.75rem !important; }
  .m-xl-n2 {
    margin: -1.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -1.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -1.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -1.5rem !important; }
  .m-xl-n3 {
    margin: -2.25rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -2.25rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -2.25rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -2.25rem !important; }
  .m-xl-n4 {
    margin: -3rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -3rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -3rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -3rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -3rem !important; }
  .m-xl-n5 {
    margin: -3.75rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3.75rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3.75rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3.75rem !important; }
  .m-xl-n6 {
    margin: -4.5rem !important; }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4.5rem !important; }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4.5rem !important; }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4.5rem !important; }
  .m-xl-n7 {
    margin: -5.25rem !important; }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -5.25rem !important; }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -5.25rem !important; }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -5.25rem !important; }
  .m-xl-n8 {
    margin: -6rem !important; }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -6rem !important; }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -6rem !important; }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -6rem !important; }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -6rem !important; }
  .m-xl-n9 {
    margin: -6.75rem !important; }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -6.75rem !important; }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -6.75rem !important; }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -6.75rem !important; }
  .m-xl-n10 {
    margin: -7.5rem !important; }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -7.5rem !important; }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -7.5rem !important; }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -7.5rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1500px) {
  .m-xxl-0 {
    margin: 0 !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important; }
  .m-xxl-1 {
    margin: 0.75rem !important; }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.75rem !important; }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.75rem !important; }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.75rem !important; }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.75rem !important; }
  .m-xxl-2 {
    margin: 1.5rem !important; }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 1.5rem !important; }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 1.5rem !important; }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 1.5rem !important; }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 1.5rem !important; }
  .m-xxl-3 {
    margin: 2.25rem !important; }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 2.25rem !important; }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 2.25rem !important; }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 2.25rem !important; }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 2.25rem !important; }
  .m-xxl-4 {
    margin: 3rem !important; }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 3rem !important; }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 3rem !important; }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 3rem !important; }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 3rem !important; }
  .m-xxl-5 {
    margin: 3.75rem !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3.75rem !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3.75rem !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3.75rem !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3.75rem !important; }
  .m-xxl-6 {
    margin: 4.5rem !important; }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: 4.5rem !important; }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: 4.5rem !important; }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: 4.5rem !important; }
  .m-xxl-7 {
    margin: 5.25rem !important; }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: 5.25rem !important; }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: 5.25rem !important; }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: 5.25rem !important; }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: 5.25rem !important; }
  .m-xxl-8 {
    margin: 6rem !important; }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: 6rem !important; }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: 6rem !important; }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: 6rem !important; }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: 6rem !important; }
  .m-xxl-9 {
    margin: 6.75rem !important; }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: 6.75rem !important; }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: 6.75rem !important; }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: 6.75rem !important; }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: 6.75rem !important; }
  .m-xxl-10 {
    margin: 7.5rem !important; }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 7.5rem !important; }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 7.5rem !important; }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 7.5rem !important; }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 7.5rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important; }
  .p-xxl-1 {
    padding: 0.75rem !important; }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.75rem !important; }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.75rem !important; }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.75rem !important; }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.75rem !important; }
  .p-xxl-2 {
    padding: 1.5rem !important; }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 1.5rem !important; }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 1.5rem !important; }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 1.5rem !important; }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 1.5rem !important; }
  .p-xxl-3 {
    padding: 2.25rem !important; }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 2.25rem !important; }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 2.25rem !important; }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 2.25rem !important; }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 2.25rem !important; }
  .p-xxl-4 {
    padding: 3rem !important; }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 3rem !important; }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 3rem !important; }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 3rem !important; }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 3rem !important; }
  .p-xxl-5 {
    padding: 3.75rem !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3.75rem !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3.75rem !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3.75rem !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3.75rem !important; }
  .p-xxl-6 {
    padding: 4.5rem !important; }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: 4.5rem !important; }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: 4.5rem !important; }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: 4.5rem !important; }
  .p-xxl-7 {
    padding: 5.25rem !important; }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: 5.25rem !important; }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: 5.25rem !important; }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: 5.25rem !important; }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: 5.25rem !important; }
  .p-xxl-8 {
    padding: 6rem !important; }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: 6rem !important; }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: 6rem !important; }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: 6rem !important; }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: 6rem !important; }
  .p-xxl-9 {
    padding: 6.75rem !important; }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: 6.75rem !important; }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: 6.75rem !important; }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: 6.75rem !important; }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: 6.75rem !important; }
  .p-xxl-10 {
    padding: 7.5rem !important; }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 7.5rem !important; }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 7.5rem !important; }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 7.5rem !important; }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 7.5rem !important; }
  .m-xxl-n1 {
    margin: -0.75rem !important; }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.75rem !important; }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.75rem !important; }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.75rem !important; }
  .m-xxl-n2 {
    margin: -1.5rem !important; }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -1.5rem !important; }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -1.5rem !important; }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -1.5rem !important; }
  .m-xxl-n3 {
    margin: -2.25rem !important; }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -2.25rem !important; }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -2.25rem !important; }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -2.25rem !important; }
  .m-xxl-n4 {
    margin: -3rem !important; }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -3rem !important; }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -3rem !important; }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -3rem !important; }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -3rem !important; }
  .m-xxl-n5 {
    margin: -3.75rem !important; }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3.75rem !important; }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3.75rem !important; }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3.75rem !important; }
  .m-xxl-n6 {
    margin: -4.5rem !important; }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: -4.5rem !important; }
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: -4.5rem !important; }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: -4.5rem !important; }
  .m-xxl-n7 {
    margin: -5.25rem !important; }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: -5.25rem !important; }
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: -5.25rem !important; }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: -5.25rem !important; }
  .m-xxl-n8 {
    margin: -6rem !important; }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: -6rem !important; }
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: -6rem !important; }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: -6rem !important; }
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: -6rem !important; }
  .m-xxl-n9 {
    margin: -6.75rem !important; }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: -6.75rem !important; }
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: -6.75rem !important; }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: -6.75rem !important; }
  .m-xxl-n10 {
    margin: -7.5rem !important; }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: -7.5rem !important; }
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: -7.5rem !important; }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: -7.5rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

/*!
 * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  margin: 0;
  font-family: "57-condensed", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #3c3c3c;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.375rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #003d8f;
  text-decoration: underline;
  background-color: transparent; }
  a:hover {
    color: #001c43;
    text-decoration: underline; }

a:not([href]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):hover {
    color: inherit;
    text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.btn {
  display: inline-block;
  font-weight: 400;
  color: #3c3c3c;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 1.375rem;
  font-size: 1.125rem;
  line-height: 1.25rem;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #3c3c3c;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(243, 225, 30, 0.25); }
  .btn.disabled, .btn:disabled, .infobox--inactive .btn, .tariffbox--inactive .btn {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }

.btn-primary {
  color: #212529;
  background-color: #f3e11e;
  border-color: #f3e11e; }
  .btn-primary:hover {
    color: #212529;
    background-color: #dfcd0c;
    border-color: #d3c20b; }
  .btn-primary:focus, .btn-primary.focus {
    color: #212529;
    background-color: #dfcd0c;
    border-color: #d3c20b;
    box-shadow: 0 0 0 0.2rem rgba(212, 197, 32, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #212529;
    background-color: #f3e11e;
    border-color: #f3e11e; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #d3c20b;
    border-color: #c7b70b; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(212, 197, 32, 0.5); }

.btn-secondary, .btn--tunnel {
  color: #fff;
  background-color: #003d8f;
  border-color: #003d8f; }
  .btn-secondary:hover, .btn--tunnel:hover {
    color: #fff;
    background-color: #002d69;
    border-color: #00275c; }
  .btn-secondary:focus, .btn--tunnel:focus, .btn-secondary.focus, .focus.btn--tunnel {
    color: #fff;
    background-color: #002d69;
    border-color: #00275c;
    box-shadow: 0 0 0 0.2rem rgba(38, 90, 160, 0.5); }
  .btn-secondary.disabled, .disabled.btn--tunnel, .btn-secondary:disabled, .btn--tunnel:disabled {
    color: #fff;
    background-color: #003d8f;
    border-color: #003d8f; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn--tunnel:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn--tunnel:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle,
  .show > .dropdown-toggle.btn--tunnel {
    color: #fff;
    background-color: #00275c;
    border-color: #00224f; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn--tunnel:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn--tunnel:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus,
    .show > .dropdown-toggle.btn--tunnel:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 90, 160, 0.5); }

.btn-success {
  color: #fff;
  background-color: #57ab27;
  border-color: #57ab27; }
  .btn-success:hover {
    color: #fff;
    background-color: #478c20;
    border-color: #42811e; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #478c20;
    border-color: #42811e;
    box-shadow: 0 0 0 0.2rem rgba(112, 184, 71, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #57ab27;
    border-color: #57ab27; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #42811e;
    border-color: #3d771b; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(112, 184, 71, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #212529;
  background-color: #f0b602;
  border-color: #f0b602; }
  .btn-warning:hover {
    color: #212529;
    background-color: #ca9902;
    border-color: #bd9002; }
  .btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #ca9902;
    border-color: #bd9002;
    box-shadow: 0 0 0 0.2rem rgba(209, 160, 8, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #bd9002;
    border-color: #b18601; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(209, 160, 8, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #212529;
  background-color: #f4f4f4;
  border-color: #f4f4f4; }
  .btn-light:hover {
    color: #212529;
    background-color: #e1e1e1;
    border-color: #dbdbdb; }
  .btn-light:focus, .btn-light.focus {
    color: #212529;
    background-color: #e1e1e1;
    border-color: #dbdbdb;
    box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #d4d4d4; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #3c3c3c;
  border-color: #3c3c3c; }
  .btn-dark:hover {
    color: #fff;
    background-color: #292929;
    border-color: #232323; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #292929;
    border-color: #232323;
    box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #3c3c3c; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #232323;
    border-color: #1c1c1c; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(89, 89, 89, 0.5); }

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff; }
  .btn-white:hover {
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6; }
  .btn-white:focus, .btn-white.focus {
    color: #212529;
    background-color: #ececec;
    border-color: #e6e6e6;
    box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
  .btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
  .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf; }
    .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-white.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }

.btn-primary-dark {
  color: #212529;
  background-color: #f0b602;
  border-color: #f0b602; }
  .btn-primary-dark:hover {
    color: #212529;
    background-color: #ca9902;
    border-color: #bd9002; }
  .btn-primary-dark:focus, .btn-primary-dark.focus {
    color: #212529;
    background-color: #ca9902;
    border-color: #bd9002;
    box-shadow: 0 0 0 0.2rem rgba(209, 160, 8, 0.5); }
  .btn-primary-dark.disabled, .btn-primary-dark:disabled {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
  .btn-primary-dark:not(:disabled):not(.disabled):active, .btn-primary-dark:not(:disabled):not(.disabled).active,
  .show > .btn-primary-dark.dropdown-toggle {
    color: #fff;
    background-color: #bd9002;
    border-color: #b18601; }
    .btn-primary-dark:not(:disabled):not(.disabled):active:focus, .btn-primary-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(209, 160, 8, 0.5); }

.btn-gray-100 {
  color: #212529;
  background-color: #f4f4f4;
  border-color: #f4f4f4; }
  .btn-gray-100:hover {
    color: #212529;
    background-color: #e1e1e1;
    border-color: #dbdbdb; }
  .btn-gray-100:focus, .btn-gray-100.focus {
    color: #212529;
    background-color: #e1e1e1;
    border-color: #dbdbdb;
    box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }
  .btn-gray-100.disabled, .btn-gray-100:disabled {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
  .btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active,
  .show > .btn-gray-100.dropdown-toggle {
    color: #212529;
    background-color: #dbdbdb;
    border-color: #d4d4d4; }
    .btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-100.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }

.btn-gray-200 {
  color: #212529;
  background-color: #e5e5e5;
  border-color: #e5e5e5; }
  .btn-gray-200:hover {
    color: #212529;
    background-color: #d2d2d2;
    border-color: #cccccc; }
  .btn-gray-200:focus, .btn-gray-200.focus {
    color: #212529;
    background-color: #d2d2d2;
    border-color: #cccccc;
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 201, 0.5); }
  .btn-gray-200.disabled, .btn-gray-200:disabled {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #e5e5e5; }
  .btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active,
  .show > .btn-gray-200.dropdown-toggle {
    color: #212529;
    background-color: #cccccc;
    border-color: #c5c5c5; }
    .btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-200.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(200, 200, 201, 0.5); }

.btn-gray-300 {
  color: #212529;
  background-color: #bebebe;
  border-color: #bebebe; }
  .btn-gray-300:hover {
    color: #212529;
    background-color: #ababab;
    border-color: #a5a5a5; }
  .btn-gray-300:focus, .btn-gray-300.focus {
    color: #212529;
    background-color: #ababab;
    border-color: #a5a5a5;
    box-shadow: 0 0 0 0.2rem rgba(166, 167, 168, 0.5); }
  .btn-gray-300.disabled, .btn-gray-300:disabled {
    color: #212529;
    background-color: #bebebe;
    border-color: #bebebe; }
  .btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active,
  .show > .btn-gray-300.dropdown-toggle {
    color: #212529;
    background-color: #a5a5a5;
    border-color: #9e9e9e; }
    .btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-300.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(166, 167, 168, 0.5); }

.btn-gray-400 {
  color: #212529;
  background-color: #999999;
  border-color: #999999; }
  .btn-gray-400:hover {
    color: #fff;
    background-color: #868686;
    border-color: gray; }
  .btn-gray-400:focus, .btn-gray-400.focus {
    color: #fff;
    background-color: #868686;
    border-color: gray;
    box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5); }
  .btn-gray-400.disabled, .btn-gray-400:disabled {
    color: #212529;
    background-color: #999999;
    border-color: #999999; }
  .btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active,
  .show > .btn-gray-400.dropdown-toggle {
    color: #fff;
    background-color: gray;
    border-color: #797979; }
    .btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-400.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5); }

.btn-gray-500 {
  color: #212529;
  background-color: #cccccc;
  border-color: #cccccc; }
  .btn-gray-500:hover {
    color: #212529;
    background-color: #b9b9b9;
    border-color: #b3b3b3; }
  .btn-gray-500:focus, .btn-gray-500.focus {
    color: #212529;
    background-color: #b9b9b9;
    border-color: #b3b3b3;
    box-shadow: 0 0 0 0.2rem rgba(178, 179, 180, 0.5); }
  .btn-gray-500.disabled, .btn-gray-500:disabled {
    color: #212529;
    background-color: #cccccc;
    border-color: #cccccc; }
  .btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active,
  .show > .btn-gray-500.dropdown-toggle {
    color: #212529;
    background-color: #b3b3b3;
    border-color: #acacac; }
    .btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-500.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(178, 179, 180, 0.5); }

.btn-secondary-100 {
  color: #212529;
  background-color: #e0e9f2;
  border-color: #e0e9f2; }
  .btn-secondary-100:hover {
    color: #212529;
    background-color: #c5d6e7;
    border-color: #bcd0e3; }
  .btn-secondary-100:focus, .btn-secondary-100.focus {
    color: #212529;
    background-color: #c5d6e7;
    border-color: #bcd0e3;
    box-shadow: 0 0 0 0.2rem rgba(195, 204, 212, 0.5); }
  .btn-secondary-100.disabled, .btn-secondary-100:disabled {
    color: #212529;
    background-color: #e0e9f2;
    border-color: #e0e9f2; }
  .btn-secondary-100:not(:disabled):not(.disabled):active, .btn-secondary-100:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-100.dropdown-toggle {
    color: #212529;
    background-color: #bcd0e3;
    border-color: #b3c9df; }
    .btn-secondary-100:not(:disabled):not(.disabled):active:focus, .btn-secondary-100:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-100.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(195, 204, 212, 0.5); }

.btn-secondary-200 {
  color: #212529;
  background-color: #99b6d5;
  border-color: #99b6d5; }
  .btn-secondary-200:hover {
    color: #212529;
    background-color: #7ea3ca;
    border-color: #759cc6; }
  .btn-secondary-200:focus, .btn-secondary-200.focus {
    color: #212529;
    background-color: #7ea3ca;
    border-color: #759cc6;
    box-shadow: 0 0 0 0.2rem rgba(135, 160, 187, 0.5); }
  .btn-secondary-200.disabled, .btn-secondary-200:disabled {
    color: #212529;
    background-color: #99b6d5;
    border-color: #99b6d5; }
  .btn-secondary-200:not(:disabled):not(.disabled):active, .btn-secondary-200:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-200.dropdown-toggle {
    color: #fff;
    background-color: #759cc6;
    border-color: #6c96c2; }
    .btn-secondary-200:not(:disabled):not(.disabled):active:focus, .btn-secondary-200:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-200.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(135, 160, 187, 0.5); }

.btn-secondary-300 {
  color: #fff;
  background-color: #6e91ba;
  border-color: #6e91ba; }
  .btn-secondary-300:hover {
    color: #fff;
    background-color: #547dae;
    border-color: #4f77a6; }
  .btn-secondary-300:focus, .btn-secondary-300.focus {
    color: #fff;
    background-color: #547dae;
    border-color: #4f77a6;
    box-shadow: 0 0 0 0.2rem rgba(132, 162, 196, 0.5); }
  .btn-secondary-300.disabled, .btn-secondary-300:disabled {
    color: #fff;
    background-color: #6e91ba;
    border-color: #6e91ba; }
  .btn-secondary-300:not(:disabled):not(.disabled):active, .btn-secondary-300:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-300.dropdown-toggle {
    color: #fff;
    background-color: #4f77a6;
    border-color: #4b719d; }
    .btn-secondary-300:not(:disabled):not(.disabled):active:focus, .btn-secondary-300:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-300.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(132, 162, 196, 0.5); }

.btn-secondary-400 {
  color: #fff;
  background-color: #3d70b7;
  border-color: #3d70b7; }
  .btn-secondary-400:hover {
    color: #fff;
    background-color: #335e9a;
    border-color: #305991; }
  .btn-secondary-400:focus, .btn-secondary-400.focus {
    color: #fff;
    background-color: #335e9a;
    border-color: #305991;
    box-shadow: 0 0 0 0.2rem rgba(90, 133, 194, 0.5); }
  .btn-secondary-400.disabled, .btn-secondary-400:disabled {
    color: #fff;
    background-color: #3d70b7;
    border-color: #3d70b7; }
  .btn-secondary-400:not(:disabled):not(.disabled):active, .btn-secondary-400:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-400.dropdown-toggle {
    color: #fff;
    background-color: #305991;
    border-color: #2d5387; }
    .btn-secondary-400:not(:disabled):not(.disabled):active:focus, .btn-secondary-400:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-400.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(90, 133, 194, 0.5); }

.btn-secondary-500 {
  color: #fff;
  background-color: #134d9b;
  border-color: #134d9b; }
  .btn-secondary-500:hover {
    color: #fff;
    background-color: #0f3c79;
    border-color: #0d366e; }
  .btn-secondary-500:focus, .btn-secondary-500.focus {
    color: #fff;
    background-color: #0f3c79;
    border-color: #0d366e;
    box-shadow: 0 0 0 0.2rem rgba(54, 104, 170, 0.5); }
  .btn-secondary-500.disabled, .btn-secondary-500:disabled {
    color: #fff;
    background-color: #134d9b;
    border-color: #134d9b; }
  .btn-secondary-500:not(:disabled):not(.disabled):active, .btn-secondary-500:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-500.dropdown-toggle {
    color: #fff;
    background-color: #0d366e;
    border-color: #0c3162; }
    .btn-secondary-500:not(:disabled):not(.disabled):active:focus, .btn-secondary-500:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-500.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(54, 104, 170, 0.5); }

.btn-secondary-600 {
  color: #fff;
  background-color: #00327f;
  border-color: #00327f; }
  .btn-secondary-600:hover {
    color: #fff;
    background-color: #002359;
    border-color: #001e4c; }
  .btn-secondary-600:focus, .btn-secondary-600.focus {
    color: #fff;
    background-color: #002359;
    border-color: #001e4c;
    box-shadow: 0 0 0 0.2rem rgba(38, 81, 146, 0.5); }
  .btn-secondary-600.disabled, .btn-secondary-600:disabled {
    color: #fff;
    background-color: #00327f;
    border-color: #00327f; }
  .btn-secondary-600:not(:disabled):not(.disabled):active, .btn-secondary-600:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-600.dropdown-toggle {
    color: #fff;
    background-color: #001e4c;
    border-color: #00193f; }
    .btn-secondary-600:not(:disabled):not(.disabled):active:focus, .btn-secondary-600:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-600.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 81, 146, 0.5); }

.btn-black {
  color: #fff;
  background-color: #000000;
  border-color: #000000; }
  .btn-black:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-black:focus, .btn-black.focus {
    color: #fff;
    background-color: black;
    border-color: black;
    box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); }
  .btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
  .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
  .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-black.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); }

.btn-error {
  color: #fff;
  background-color: #d60600;
  border-color: #d60600; }
  .btn-error:hover {
    color: #fff;
    background-color: #b00500;
    border-color: #a30500; }
  .btn-error:focus, .btn-error.focus {
    color: #fff;
    background-color: #b00500;
    border-color: #a30500;
    box-shadow: 0 0 0 0.2rem rgba(220, 43, 38, 0.5); }
  .btn-error.disabled, .btn-error:disabled {
    color: #fff;
    background-color: #d60600;
    border-color: #d60600; }
  .btn-error:not(:disabled):not(.disabled):active, .btn-error:not(:disabled):not(.disabled).active,
  .show > .btn-error.dropdown-toggle {
    color: #fff;
    background-color: #a30500;
    border-color: #960400; }
    .btn-error:not(:disabled):not(.disabled):active:focus, .btn-error:not(:disabled):not(.disabled).active:focus,
    .show > .btn-error.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 43, 38, 0.5); }

.btn-outline-primary {
  color: #f3e11e;
  border-color: #f3e11e; }
  .btn-outline-primary:hover {
    color: #212529;
    background-color: #f3e11e;
    border-color: #f3e11e; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(243, 225, 30, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #f3e11e;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #f3e11e;
    border-color: #f3e11e; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(243, 225, 30, 0.5); }

.btn-outline-secondary {
  color: #003d8f;
  border-color: #003d8f; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #003d8f;
    border-color: #003d8f; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 61, 143, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #003d8f;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #003d8f;
    border-color: #003d8f; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 61, 143, 0.5); }

.btn-outline-success {
  color: #57ab27;
  border-color: #57ab27; }
  .btn-outline-success:hover {
    color: #fff;
    background-color: #57ab27;
    border-color: #57ab27; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #57ab27;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #57ab27;
    border-color: #57ab27; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.5); }

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }

.btn-outline-warning {
  color: #f0b602;
  border-color: #f0b602; }
  .btn-outline-warning:hover {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 182, 2, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f0b602;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 182, 2, 0.5); }

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-outline-light {
  color: #f4f4f4;
  border-color: #f4f4f4; }
  .btn-outline-light:hover {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f4f4f4;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }

.btn-outline-dark {
  color: #3c3c3c;
  border-color: #3c3c3c; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #3c3c3c; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #3c3c3c;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #3c3c3c; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(60, 60, 60, 0.5); }

.btn-outline-white {
  color: #fff;
  border-color: #fff; }
  .btn-outline-white:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
  .btn-outline-white:focus, .btn-outline-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-outline-white.disabled, .btn-outline-white:disabled {
    color: #fff;
    background-color: transparent; }
  .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,
  .show > .btn-outline-white.dropdown-toggle {
    color: #212529;
    background-color: #fff;
    border-color: #fff; }
    .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-white.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

.btn-outline-primary-dark {
  color: #f0b602;
  border-color: #f0b602; }
  .btn-outline-primary-dark:hover {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
  .btn-outline-primary-dark:focus, .btn-outline-primary-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 182, 2, 0.5); }
  .btn-outline-primary-dark.disabled, .btn-outline-primary-dark:disabled {
    color: #f0b602;
    background-color: transparent; }
  .btn-outline-primary-dark:not(:disabled):not(.disabled):active, .btn-outline-primary-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary-dark.dropdown-toggle {
    color: #212529;
    background-color: #f0b602;
    border-color: #f0b602; }
    .btn-outline-primary-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(240, 182, 2, 0.5); }

.btn-outline-gray-100 {
  color: #f4f4f4;
  border-color: #f4f4f4; }
  .btn-outline-gray-100:hover {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
  .btn-outline-gray-100:focus, .btn-outline-gray-100.focus {
    box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }
  .btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled {
    color: #f4f4f4;
    background-color: transparent; }
  .btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gray-100.dropdown-toggle {
    color: #212529;
    background-color: #f4f4f4;
    border-color: #f4f4f4; }
    .btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray-100.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(244, 244, 244, 0.5); }

.btn-outline-gray-200 {
  color: #e5e5e5;
  border-color: #e5e5e5; }
  .btn-outline-gray-200:hover {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #e5e5e5; }
  .btn-outline-gray-200:focus, .btn-outline-gray-200.focus {
    box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); }
  .btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled {
    color: #e5e5e5;
    background-color: transparent; }
  .btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gray-200.dropdown-toggle {
    color: #212529;
    background-color: #e5e5e5;
    border-color: #e5e5e5; }
    .btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray-200.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(229, 229, 229, 0.5); }

.btn-outline-gray-300 {
  color: #bebebe;
  border-color: #bebebe; }
  .btn-outline-gray-300:hover {
    color: #212529;
    background-color: #bebebe;
    border-color: #bebebe; }
  .btn-outline-gray-300:focus, .btn-outline-gray-300.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5); }
  .btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled {
    color: #bebebe;
    background-color: transparent; }
  .btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gray-300.dropdown-toggle {
    color: #212529;
    background-color: #bebebe;
    border-color: #bebebe; }
    .btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray-300.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(190, 190, 190, 0.5); }

.btn-outline-gray-400 {
  color: #999999;
  border-color: #999999; }
  .btn-outline-gray-400:hover {
    color: #212529;
    background-color: #999999;
    border-color: #999999; }
  .btn-outline-gray-400:focus, .btn-outline-gray-400.focus {
    box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); }
  .btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled {
    color: #999999;
    background-color: transparent; }
  .btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gray-400.dropdown-toggle {
    color: #212529;
    background-color: #999999;
    border-color: #999999; }
    .btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray-400.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5); }

.btn-outline-gray-500 {
  color: #cccccc;
  border-color: #cccccc; }
  .btn-outline-gray-500:hover {
    color: #212529;
    background-color: #cccccc;
    border-color: #cccccc; }
  .btn-outline-gray-500:focus, .btn-outline-gray-500.focus {
    box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5); }
  .btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled {
    color: #cccccc;
    background-color: transparent; }
  .btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gray-500.dropdown-toggle {
    color: #212529;
    background-color: #cccccc;
    border-color: #cccccc; }
    .btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gray-500.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(204, 204, 204, 0.5); }

.btn-outline-secondary-100 {
  color: #e0e9f2;
  border-color: #e0e9f2; }
  .btn-outline-secondary-100:hover {
    color: #212529;
    background-color: #e0e9f2;
    border-color: #e0e9f2; }
  .btn-outline-secondary-100:focus, .btn-outline-secondary-100.focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 233, 242, 0.5); }
  .btn-outline-secondary-100.disabled, .btn-outline-secondary-100:disabled {
    color: #e0e9f2;
    background-color: transparent; }
  .btn-outline-secondary-100:not(:disabled):not(.disabled):active, .btn-outline-secondary-100:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-100.dropdown-toggle {
    color: #212529;
    background-color: #e0e9f2;
    border-color: #e0e9f2; }
    .btn-outline-secondary-100:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-100:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-100.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(224, 233, 242, 0.5); }

.btn-outline-secondary-200 {
  color: #99b6d5;
  border-color: #99b6d5; }
  .btn-outline-secondary-200:hover {
    color: #212529;
    background-color: #99b6d5;
    border-color: #99b6d5; }
  .btn-outline-secondary-200:focus, .btn-outline-secondary-200.focus {
    box-shadow: 0 0 0 0.2rem rgba(153, 182, 213, 0.5); }
  .btn-outline-secondary-200.disabled, .btn-outline-secondary-200:disabled {
    color: #99b6d5;
    background-color: transparent; }
  .btn-outline-secondary-200:not(:disabled):not(.disabled):active, .btn-outline-secondary-200:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-200.dropdown-toggle {
    color: #212529;
    background-color: #99b6d5;
    border-color: #99b6d5; }
    .btn-outline-secondary-200:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-200:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-200.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(153, 182, 213, 0.5); }

.btn-outline-secondary-300 {
  color: #6e91ba;
  border-color: #6e91ba; }
  .btn-outline-secondary-300:hover {
    color: #fff;
    background-color: #6e91ba;
    border-color: #6e91ba; }
  .btn-outline-secondary-300:focus, .btn-outline-secondary-300.focus {
    box-shadow: 0 0 0 0.2rem rgba(110, 145, 186, 0.5); }
  .btn-outline-secondary-300.disabled, .btn-outline-secondary-300:disabled {
    color: #6e91ba;
    background-color: transparent; }
  .btn-outline-secondary-300:not(:disabled):not(.disabled):active, .btn-outline-secondary-300:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-300.dropdown-toggle {
    color: #fff;
    background-color: #6e91ba;
    border-color: #6e91ba; }
    .btn-outline-secondary-300:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-300:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-300.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(110, 145, 186, 0.5); }

.btn-outline-secondary-400 {
  color: #3d70b7;
  border-color: #3d70b7; }
  .btn-outline-secondary-400:hover {
    color: #fff;
    background-color: #3d70b7;
    border-color: #3d70b7; }
  .btn-outline-secondary-400:focus, .btn-outline-secondary-400.focus {
    box-shadow: 0 0 0 0.2rem rgba(61, 112, 183, 0.5); }
  .btn-outline-secondary-400.disabled, .btn-outline-secondary-400:disabled {
    color: #3d70b7;
    background-color: transparent; }
  .btn-outline-secondary-400:not(:disabled):not(.disabled):active, .btn-outline-secondary-400:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-400.dropdown-toggle {
    color: #fff;
    background-color: #3d70b7;
    border-color: #3d70b7; }
    .btn-outline-secondary-400:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-400:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-400.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(61, 112, 183, 0.5); }

.btn-outline-secondary-500 {
  color: #134d9b;
  border-color: #134d9b; }
  .btn-outline-secondary-500:hover {
    color: #fff;
    background-color: #134d9b;
    border-color: #134d9b; }
  .btn-outline-secondary-500:focus, .btn-outline-secondary-500.focus {
    box-shadow: 0 0 0 0.2rem rgba(19, 77, 155, 0.5); }
  .btn-outline-secondary-500.disabled, .btn-outline-secondary-500:disabled {
    color: #134d9b;
    background-color: transparent; }
  .btn-outline-secondary-500:not(:disabled):not(.disabled):active, .btn-outline-secondary-500:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-500.dropdown-toggle {
    color: #fff;
    background-color: #134d9b;
    border-color: #134d9b; }
    .btn-outline-secondary-500:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-500:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-500.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(19, 77, 155, 0.5); }

.btn-outline-secondary-600 {
  color: #00327f;
  border-color: #00327f; }
  .btn-outline-secondary-600:hover {
    color: #fff;
    background-color: #00327f;
    border-color: #00327f; }
  .btn-outline-secondary-600:focus, .btn-outline-secondary-600.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 50, 127, 0.5); }
  .btn-outline-secondary-600.disabled, .btn-outline-secondary-600:disabled {
    color: #00327f;
    background-color: transparent; }
  .btn-outline-secondary-600:not(:disabled):not(.disabled):active, .btn-outline-secondary-600:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-600.dropdown-toggle {
    color: #fff;
    background-color: #00327f;
    border-color: #00327f; }
    .btn-outline-secondary-600:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-600:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-600.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 50, 127, 0.5); }

.btn-outline-black {
  color: #000000;
  border-color: #000000; }
  .btn-outline-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
  .btn-outline-black:focus, .btn-outline-black.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }
  .btn-outline-black.disabled, .btn-outline-black:disabled {
    color: #000000;
    background-color: transparent; }
  .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active,
  .show > .btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
    .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-black.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }

.btn-outline-error {
  color: #d60600;
  border-color: #d60600; }
  .btn-outline-error:hover {
    color: #fff;
    background-color: #d60600;
    border-color: #d60600; }
  .btn-outline-error:focus, .btn-outline-error.focus {
    box-shadow: 0 0 0 0.2rem rgba(214, 6, 0, 0.5); }
  .btn-outline-error.disabled, .btn-outline-error:disabled {
    color: #d60600;
    background-color: transparent; }
  .btn-outline-error:not(:disabled):not(.disabled):active, .btn-outline-error:not(:disabled):not(.disabled).active,
  .show > .btn-outline-error.dropdown-toggle {
    color: #fff;
    background-color: #d60600;
    border-color: #d60600; }
    .btn-outline-error:not(:disabled):not(.disabled):active:focus, .btn-outline-error:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-error.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(214, 6, 0, 0.5); }

.btn-link {
  font-weight: 400;
  color: #003d8f;
  text-decoration: underline; }
  .btn-link:hover {
    color: #001c43;
    text-decoration: underline; }
  .btn-link:focus, .btn-link.focus {
    text-decoration: underline; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.40625rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.98438rem;
  line-height: 1.3;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(60, 60, 60, 0.125);
  border-radius: 0; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit; }
    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(0 - 0);
      border-top-right-radius: calc(0 - 0); }
    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(0 - 0);
      border-bottom-left-radius: calc(0 - 0); }

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.75rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 0.75rem; }

.card-header {
  padding: 0.75rem 0.75rem;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0 solid rgba(60, 60, 60, 0.125); }
  .card-header:first-child {
    border-radius: calc(0 - 0) calc(0 - 0) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 0.75rem;
  background-color: transparent;
  border-top: 0 solid rgba(60, 60, 60, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0 - 0) calc(0 - 0); }

.card-header-tabs {
  margin-right: -0.375rem;
  margin-bottom: -0.75rem;
  margin-left: -0.375rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.375rem;
  margin-left: -0.375rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: calc(0 - 0);
  border-top-right-radius: calc(0 - 0); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0 - 0);
  border-bottom-left-radius: calc(0 - 0); }

.card-deck .card {
  margin-bottom: 0.375rem; }

@media (min-width: 480px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -0.375rem;
    margin-left: -0.375rem; }
    .card-deck .card {
      flex: 1 0 0%;
      margin-right: 0.375rem;
      margin-bottom: 0;
      margin-left: 0.375rem; } }

.card-group > .card {
  margin-bottom: 0.375rem; }

@media (min-width: 480px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
          border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 480px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card > .card-header {
    border-radius: 0;
    margin-bottom: 0; }

.form-control {
  display: block;
  width: 100%;
  height: 2.375rem;
  padding: 0.375rem 0.75rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999999;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f9f197;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(243, 225, 30, 0.25); }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e5e5e5;
    opacity: 1; }

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  appearance: none; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.3; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.40625rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.98438rem;
  line-height: 1.3; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.3;
  color: #3c3c3c;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.3em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.98438rem;
  line-height: 1.3;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.40625rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input[disabled] ~ .form-check-label,
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #57ab27; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.98438rem;
  line-height: 1.3;
  color: #fff;
  background-color: rgba(87, 171, 39, 0.9);
  border-radius: 5px; }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #57ab27;
  padding-right: calc(1.3em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2357ab27' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.325em + 0.1875rem) center;
  background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #57ab27;
    box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.3em + 0.75rem);
  background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #57ab27;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2357ab27' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #57ab27;
    box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.25); }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #57ab27; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #57ab27; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #57ab27; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #6dd134;
  background-color: #6dd134; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #57ab27; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #57ab27; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #57ab27;
  box-shadow: 0 0 0 0.2rem rgba(87, 171, 39, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.98438rem;
  line-height: 1.3;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 5px; }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.3em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.325em + 0.1875rem) center;
  background-size: calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.3em + 0.75rem);
  background-position: top calc(0.325em + 0.1875rem) right calc(0.325em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.65em + 0.375rem) calc(0.65em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #dc3545; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 480px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .btn + .input-group__icon,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group__icon + .input-group-text,
  .input-group-prepend .input-group-text + .input-group__icon,
  .input-group-prepend .input-group__icon + .input-group__icon,
  .input-group-prepend .input-group-text + .btn,
  .input-group-prepend .input-group__icon + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .btn + .input-group__icon,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group__icon + .input-group-text,
  .input-group-append .input-group-text + .input-group__icon,
  .input-group-append .input-group__icon + .input-group__icon,
  .input-group-append .input-group-text + .btn,
  .input-group-append .input-group__icon + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text, .input-group__icon {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #999999;
  border-radius: 5px; }
  .input-group-text input[type="radio"], .input-group__icon input[type="radio"],
  .input-group-text input[type="checkbox"],
  .input-group__icon input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-prepend > .input-group__icon,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-append > .input-group__icon,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.40625rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.3em + 0.5rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-prepend > .input-group__icon,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-append > .input-group__icon,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.98438rem;
  line-height: 1.3;
  border-radius: 0.2rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-prepend > .input-group__icon,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .input-group__icon,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:last-child > .input-group__icon:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-append > .input-group__icon,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .input-group__icon,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group__icon:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #bebebe; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e5e5e5 #e5e5e5 #bebebe; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #bebebe #bebebe #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 5px; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #f3e11e; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "57-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.98438rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc(-0.5rem - 1px); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc(-0.5rem - 1px); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #003d8f;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #3c3c3c; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "57-condensed", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.98438rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000000; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000000; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000000; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000000;
  border-radius: 5px; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

h1, h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.375rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #003d8f; }

h1, .h1 {
  font-size: 2.8125rem; }

h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text, .h2 {
  font-size: 2.25rem; }

h3, .h3 {
  font-size: 1.96875rem; }

h4, .h4 {
  font-size: 1.6875rem; }

h5, .h5 {
  font-size: 1.40625rem; }

h6, .h6 {
  font-size: 1.125rem; }

.lead {
  font-size: 1.40625rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark, .countdown-label, .countdown-label--primary, .countdown-label--secondary,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 0.75rem;
  font-size: 1.40625rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.bg-primary {
  background-color: #f3e11e !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #d3c20b !important; }

.bg-secondary {
  background-color: #003d8f !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #00275c !important; }

.bg-success {
  background-color: #57ab27 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #42811e !important; }

.bg-info {
  background-color: #17a2b8 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important; }

.bg-warning {
  background-color: #f0b602 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #bd9002 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f4f4f4 !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dbdbdb !important; }

.bg-dark {
  background-color: #3c3c3c !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #232323 !important; }

.bg-white {
  background-color: #fff !important; }

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important; }

.bg-primary-dark {
  background-color: #f0b602 !important; }

a.bg-primary-dark:hover, a.bg-primary-dark:focus,
button.bg-primary-dark:hover,
button.bg-primary-dark:focus {
  background-color: #bd9002 !important; }

.bg-gray-100 {
  background-color: #f4f4f4 !important; }

a.bg-gray-100:hover, a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
  background-color: #dbdbdb !important; }

.bg-gray-200 {
  background-color: #e5e5e5 !important; }

a.bg-gray-200:hover, a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
  background-color: #cccccc !important; }

.bg-gray-300 {
  background-color: #bebebe !important; }

a.bg-gray-300:hover, a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
  background-color: #a5a5a5 !important; }

.bg-gray-400 {
  background-color: #999999 !important; }

a.bg-gray-400:hover, a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
  background-color: gray !important; }

.bg-gray-500 {
  background-color: #cccccc !important; }

a.bg-gray-500:hover, a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
  background-color: #b3b3b3 !important; }

.bg-secondary-100 {
  background-color: #e0e9f2 !important; }

a.bg-secondary-100:hover, a.bg-secondary-100:focus,
button.bg-secondary-100:hover,
button.bg-secondary-100:focus {
  background-color: #bcd0e3 !important; }

.bg-secondary-200 {
  background-color: #99b6d5 !important; }

a.bg-secondary-200:hover, a.bg-secondary-200:focus,
button.bg-secondary-200:hover,
button.bg-secondary-200:focus {
  background-color: #759cc6 !important; }

.bg-secondary-300 {
  background-color: #6e91ba !important; }

a.bg-secondary-300:hover, a.bg-secondary-300:focus,
button.bg-secondary-300:hover,
button.bg-secondary-300:focus {
  background-color: #4f77a6 !important; }

.bg-secondary-400 {
  background-color: #3d70b7 !important; }

a.bg-secondary-400:hover, a.bg-secondary-400:focus,
button.bg-secondary-400:hover,
button.bg-secondary-400:focus {
  background-color: #305991 !important; }

.bg-secondary-500 {
  background-color: #134d9b !important; }

a.bg-secondary-500:hover, a.bg-secondary-500:focus,
button.bg-secondary-500:hover,
button.bg-secondary-500:focus {
  background-color: #0d366e !important; }

.bg-secondary-600 {
  background-color: #00327f !important; }

a.bg-secondary-600:hover, a.bg-secondary-600:focus,
button.bg-secondary-600:hover,
button.bg-secondary-600:focus {
  background-color: #001e4c !important; }

.bg-black {
  background-color: #000000 !important; }

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: black !important; }

.bg-error {
  background-color: #d60600 !important; }

a.bg-error:hover, a.bg-error:focus,
button.bg-error:hover,
button.bg-error:focus {
  background-color: #a30500 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #bebebe !important; }

.border-top {
  border-top: 1px solid #bebebe !important; }

.border-right {
  border-right: 1px solid #bebebe !important; }

.border-bottom {
  border-bottom: 1px solid #bebebe !important; }

.border-left {
  border-left: 1px solid #bebebe !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #f3e11e !important; }

.border-secondary {
  border-color: #003d8f !important; }

.border-success {
  border-color: #57ab27 !important; }

.border-info {
  border-color: #17a2b8 !important; }

.border-warning {
  border-color: #f0b602 !important; }

.border-danger {
  border-color: #dc3545 !important; }

.border-light {
  border-color: #f4f4f4 !important; }

.border-dark {
  border-color: #3c3c3c !important; }

.border-white {
  border-color: #fff !important; }

.border-primary-dark {
  border-color: #f0b602 !important; }

.border-gray-100 {
  border-color: #f4f4f4 !important; }

.border-gray-200 {
  border-color: #e5e5e5 !important; }

.border-gray-300 {
  border-color: #bebebe !important; }

.border-gray-400 {
  border-color: #999999 !important; }

.border-gray-500 {
  border-color: #cccccc !important; }

.border-secondary-100 {
  border-color: #e0e9f2 !important; }

.border-secondary-200 {
  border-color: #99b6d5 !important; }

.border-secondary-300 {
  border-color: #6e91ba !important; }

.border-secondary-400 {
  border-color: #3d70b7 !important; }

.border-secondary-500 {
  border-color: #134d9b !important; }

.border-secondary-600 {
  border-color: #00327f !important; }

.border-black {
  border-color: #000000 !important; }

.border-error {
  border-color: #d60600 !important; }

.border-white {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.2rem !important; }

.rounded {
  border-radius: 5px !important; }

.rounded-top {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important; }

.rounded-right {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }

.rounded-bottom {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

.rounded-left {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

.rounded-lg {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 480px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 650px) {
  .flex-ms-row {
    flex-direction: row !important; }
  .flex-ms-column {
    flex-direction: column !important; }
  .flex-ms-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-ms-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-ms-wrap {
    flex-wrap: wrap !important; }
  .flex-ms-nowrap {
    flex-wrap: nowrap !important; }
  .flex-ms-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-ms-fill {
    flex: 1 1 auto !important; }
  .flex-ms-grow-0 {
    flex-grow: 0 !important; }
  .flex-ms-grow-1 {
    flex-grow: 1 !important; }
  .flex-ms-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-ms-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-ms-start {
    justify-content: flex-start !important; }
  .justify-content-ms-end {
    justify-content: flex-end !important; }
  .justify-content-ms-center {
    justify-content: center !important; }
  .justify-content-ms-between {
    justify-content: space-between !important; }
  .justify-content-ms-around {
    justify-content: space-around !important; }
  .align-items-ms-start {
    align-items: flex-start !important; }
  .align-items-ms-end {
    align-items: flex-end !important; }
  .align-items-ms-center {
    align-items: center !important; }
  .align-items-ms-baseline {
    align-items: baseline !important; }
  .align-items-ms-stretch {
    align-items: stretch !important; }
  .align-content-ms-start {
    align-content: flex-start !important; }
  .align-content-ms-end {
    align-content: flex-end !important; }
  .align-content-ms-center {
    align-content: center !important; }
  .align-content-ms-between {
    align-content: space-between !important; }
  .align-content-ms-around {
    align-content: space-around !important; }
  .align-content-ms-stretch {
    align-content: stretch !important; }
  .align-self-ms-auto {
    align-self: auto !important; }
  .align-self-ms-start {
    align-self: flex-start !important; }
  .align-self-ms-end {
    align-self: flex-end !important; }
  .align-self-ms-center {
    align-self: center !important; }
  .align-self-ms-baseline {
    align-self: baseline !important; }
  .align-self-ms-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 1024px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

@media (min-width: 1500px) {
  .flex-xxl-row {
    flex-direction: row !important; }
  .flex-xxl-column {
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    justify-content: center !important; }
  .justify-content-xxl-between {
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    justify-content: space-around !important; }
  .align-items-xxl-start {
    align-items: flex-start !important; }
  .align-items-xxl-end {
    align-items: flex-end !important; }
  .align-items-xxl-center {
    align-items: center !important; }
  .align-items-xxl-baseline {
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    align-items: stretch !important; }
  .align-content-xxl-start {
    align-content: flex-start !important; }
  .align-content-xxl-end {
    align-content: flex-end !important; }
  .align-content-xxl-center {
    align-content: center !important; }
  .align-content-xxl-between {
    align-content: space-between !important; }
  .align-content-xxl-around {
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    align-content: stretch !important; }
  .align-self-xxl-auto {
    align-self: auto !important; }
  .align-self-xxl-start {
    align-self: flex-start !important; }
  .align-self-xxl-end {
    align-self: flex-end !important; }
  .align-self-xxl-center {
    align-self: center !important; }
  .align-self-xxl-baseline {
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    align-self: stretch !important; } }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.75rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.75rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.75rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.75rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.75rem !important; }

.m-2 {
  margin: 1.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 1.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 1.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 1.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 1.5rem !important; }

.m-3 {
  margin: 2.25rem !important; }

.mt-3,
.my-3 {
  margin-top: 2.25rem !important; }

.mr-3,
.mx-3 {
  margin-right: 2.25rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 2.25rem !important; }

.ml-3,
.mx-3 {
  margin-left: 2.25rem !important; }

.m-4 {
  margin: 3rem !important; }

.mt-4,
.my-4 {
  margin-top: 3rem !important; }

.mr-4,
.mx-4 {
  margin-right: 3rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 3rem !important; }

.ml-4,
.mx-4 {
  margin-left: 3rem !important; }

.m-5 {
  margin: 3.75rem !important; }

.mt-5,
.my-5 {
  margin-top: 3.75rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3.75rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3.75rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3.75rem !important; }

.m-6 {
  margin: 4.5rem !important; }

.mt-6,
.my-6 {
  margin-top: 4.5rem !important; }

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important; }

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important; }

.m-7 {
  margin: 5.25rem !important; }

.mt-7,
.my-7 {
  margin-top: 5.25rem !important; }

.mr-7,
.mx-7 {
  margin-right: 5.25rem !important; }

.mb-7,
.my-7 {
  margin-bottom: 5.25rem !important; }

.ml-7,
.mx-7 {
  margin-left: 5.25rem !important; }

.m-8 {
  margin: 6rem !important; }

.mt-8,
.my-8 {
  margin-top: 6rem !important; }

.mr-8,
.mx-8 {
  margin-right: 6rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 6rem !important; }

.ml-8,
.mx-8 {
  margin-left: 6rem !important; }

.m-9 {
  margin: 6.75rem !important; }

.mt-9,
.my-9 {
  margin-top: 6.75rem !important; }

.mr-9,
.mx-9 {
  margin-right: 6.75rem !important; }

.mb-9,
.my-9 {
  margin-bottom: 6.75rem !important; }

.ml-9,
.mx-9 {
  margin-left: 6.75rem !important; }

.m-10 {
  margin: 7.5rem !important; }

.mt-10,
.my-10 {
  margin-top: 7.5rem !important; }

.mr-10,
.mx-10 {
  margin-right: 7.5rem !important; }

.mb-10,
.my-10 {
  margin-bottom: 7.5rem !important; }

.ml-10,
.mx-10 {
  margin-left: 7.5rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.75rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.75rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.75rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.75rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.75rem !important; }

.p-2 {
  padding: 1.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 1.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 1.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 1.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 1.5rem !important; }

.p-3 {
  padding: 2.25rem !important; }

.pt-3,
.py-3 {
  padding-top: 2.25rem !important; }

.pr-3,
.px-3 {
  padding-right: 2.25rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 2.25rem !important; }

.pl-3,
.px-3 {
  padding-left: 2.25rem !important; }

.p-4 {
  padding: 3rem !important; }

.pt-4,
.py-4 {
  padding-top: 3rem !important; }

.pr-4,
.px-4 {
  padding-right: 3rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 3rem !important; }

.pl-4,
.px-4 {
  padding-left: 3rem !important; }

.p-5 {
  padding: 3.75rem !important; }

.pt-5,
.py-5 {
  padding-top: 3.75rem !important; }

.pr-5,
.px-5 {
  padding-right: 3.75rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3.75rem !important; }

.pl-5,
.px-5 {
  padding-left: 3.75rem !important; }

.p-6 {
  padding: 4.5rem !important; }

.pt-6,
.py-6 {
  padding-top: 4.5rem !important; }

.pr-6,
.px-6 {
  padding-right: 4.5rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important; }

.pl-6,
.px-6 {
  padding-left: 4.5rem !important; }

.p-7 {
  padding: 5.25rem !important; }

.pt-7,
.py-7 {
  padding-top: 5.25rem !important; }

.pr-7,
.px-7 {
  padding-right: 5.25rem !important; }

.pb-7,
.py-7 {
  padding-bottom: 5.25rem !important; }

.pl-7,
.px-7 {
  padding-left: 5.25rem !important; }

.p-8 {
  padding: 6rem !important; }

.pt-8,
.py-8 {
  padding-top: 6rem !important; }

.pr-8,
.px-8 {
  padding-right: 6rem !important; }

.pb-8,
.py-8 {
  padding-bottom: 6rem !important; }

.pl-8,
.px-8 {
  padding-left: 6rem !important; }

.p-9 {
  padding: 6.75rem !important; }

.pt-9,
.py-9 {
  padding-top: 6.75rem !important; }

.pr-9,
.px-9 {
  padding-right: 6.75rem !important; }

.pb-9,
.py-9 {
  padding-bottom: 6.75rem !important; }

.pl-9,
.px-9 {
  padding-left: 6.75rem !important; }

.p-10 {
  padding: 7.5rem !important; }

.pt-10,
.py-10 {
  padding-top: 7.5rem !important; }

.pr-10,
.px-10 {
  padding-right: 7.5rem !important; }

.pb-10,
.py-10 {
  padding-bottom: 7.5rem !important; }

.pl-10,
.px-10 {
  padding-left: 7.5rem !important; }

.m-n1 {
  margin: -0.75rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.75rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.75rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.75rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.75rem !important; }

.m-n2 {
  margin: -1.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -1.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -1.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -1.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -1.5rem !important; }

.m-n3 {
  margin: -2.25rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -2.25rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -2.25rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -2.25rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -2.25rem !important; }

.m-n4 {
  margin: -3rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -3rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -3rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -3rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -3rem !important; }

.m-n5 {
  margin: -3.75rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3.75rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3.75rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3.75rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3.75rem !important; }

.m-n6 {
  margin: -4.5rem !important; }

.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important; }

.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important; }

.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important; }

.m-n7 {
  margin: -5.25rem !important; }

.mt-n7,
.my-n7 {
  margin-top: -5.25rem !important; }

.mr-n7,
.mx-n7 {
  margin-right: -5.25rem !important; }

.mb-n7,
.my-n7 {
  margin-bottom: -5.25rem !important; }

.ml-n7,
.mx-n7 {
  margin-left: -5.25rem !important; }

.m-n8 {
  margin: -6rem !important; }

.mt-n8,
.my-n8 {
  margin-top: -6rem !important; }

.mr-n8,
.mx-n8 {
  margin-right: -6rem !important; }

.mb-n8,
.my-n8 {
  margin-bottom: -6rem !important; }

.ml-n8,
.mx-n8 {
  margin-left: -6rem !important; }

.m-n9 {
  margin: -6.75rem !important; }

.mt-n9,
.my-n9 {
  margin-top: -6.75rem !important; }

.mr-n9,
.mx-n9 {
  margin-right: -6.75rem !important; }

.mb-n9,
.my-n9 {
  margin-bottom: -6.75rem !important; }

.ml-n9,
.mx-n9 {
  margin-left: -6.75rem !important; }

.m-n10 {
  margin: -7.5rem !important; }

.mt-n10,
.my-n10 {
  margin-top: -7.5rem !important; }

.mr-n10,
.mx-n10 {
  margin-right: -7.5rem !important; }

.mb-n10,
.my-n10 {
  margin-bottom: -7.5rem !important; }

.ml-n10,
.mx-n10 {
  margin-left: -7.5rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.75rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.75rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.75rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.75rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.75rem !important; }
  .m-sm-2 {
    margin: 1.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 1.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 1.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 1.5rem !important; }
  .m-sm-3 {
    margin: 2.25rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 2.25rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 2.25rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 2.25rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 2.25rem !important; }
  .m-sm-4 {
    margin: 3rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 3rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 3rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 3rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 3rem !important; }
  .m-sm-5 {
    margin: 3.75rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3.75rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3.75rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3.75rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3.75rem !important; }
  .m-sm-6 {
    margin: 4.5rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important; }
  .m-sm-7 {
    margin: 5.25rem !important; }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 5.25rem !important; }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 5.25rem !important; }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 5.25rem !important; }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 5.25rem !important; }
  .m-sm-8 {
    margin: 6rem !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 6rem !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 6rem !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 6rem !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 6rem !important; }
  .m-sm-9 {
    margin: 6.75rem !important; }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 6.75rem !important; }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 6.75rem !important; }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 6.75rem !important; }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 6.75rem !important; }
  .m-sm-10 {
    margin: 7.5rem !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 7.5rem !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 7.5rem !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 7.5rem !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 7.5rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.75rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.75rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.75rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.75rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.75rem !important; }
  .p-sm-2 {
    padding: 1.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 1.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 1.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 1.5rem !important; }
  .p-sm-3 {
    padding: 2.25rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 2.25rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 2.25rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 2.25rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 2.25rem !important; }
  .p-sm-4 {
    padding: 3rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 3rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 3rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 3rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 3rem !important; }
  .p-sm-5 {
    padding: 3.75rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3.75rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3.75rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3.75rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3.75rem !important; }
  .p-sm-6 {
    padding: 4.5rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important; }
  .p-sm-7 {
    padding: 5.25rem !important; }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 5.25rem !important; }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 5.25rem !important; }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 5.25rem !important; }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 5.25rem !important; }
  .p-sm-8 {
    padding: 6rem !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 6rem !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 6rem !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 6rem !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 6rem !important; }
  .p-sm-9 {
    padding: 6.75rem !important; }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 6.75rem !important; }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 6.75rem !important; }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 6.75rem !important; }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 6.75rem !important; }
  .p-sm-10 {
    padding: 7.5rem !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 7.5rem !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 7.5rem !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 7.5rem !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 7.5rem !important; }
  .m-sm-n1 {
    margin: -0.75rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.75rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.75rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.75rem !important; }
  .m-sm-n2 {
    margin: -1.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -1.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -1.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -1.5rem !important; }
  .m-sm-n3 {
    margin: -2.25rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -2.25rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -2.25rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -2.25rem !important; }
  .m-sm-n4 {
    margin: -3rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -3rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -3rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -3rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -3rem !important; }
  .m-sm-n5 {
    margin: -3.75rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3.75rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3.75rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3.75rem !important; }
  .m-sm-n6 {
    margin: -4.5rem !important; }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4.5rem !important; }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4.5rem !important; }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4.5rem !important; }
  .m-sm-n7 {
    margin: -5.25rem !important; }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -5.25rem !important; }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -5.25rem !important; }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -5.25rem !important; }
  .m-sm-n8 {
    margin: -6rem !important; }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -6rem !important; }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -6rem !important; }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -6rem !important; }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -6rem !important; }
  .m-sm-n9 {
    margin: -6.75rem !important; }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -6.75rem !important; }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -6.75rem !important; }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -6.75rem !important; }
  .m-sm-n10 {
    margin: -7.5rem !important; }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -7.5rem !important; }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -7.5rem !important; }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -7.5rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 650px) {
  .m-ms-0 {
    margin: 0 !important; }
  .mt-ms-0,
  .my-ms-0 {
    margin-top: 0 !important; }
  .mr-ms-0,
  .mx-ms-0 {
    margin-right: 0 !important; }
  .mb-ms-0,
  .my-ms-0 {
    margin-bottom: 0 !important; }
  .ml-ms-0,
  .mx-ms-0 {
    margin-left: 0 !important; }
  .m-ms-1 {
    margin: 0.75rem !important; }
  .mt-ms-1,
  .my-ms-1 {
    margin-top: 0.75rem !important; }
  .mr-ms-1,
  .mx-ms-1 {
    margin-right: 0.75rem !important; }
  .mb-ms-1,
  .my-ms-1 {
    margin-bottom: 0.75rem !important; }
  .ml-ms-1,
  .mx-ms-1 {
    margin-left: 0.75rem !important; }
  .m-ms-2 {
    margin: 1.5rem !important; }
  .mt-ms-2,
  .my-ms-2 {
    margin-top: 1.5rem !important; }
  .mr-ms-2,
  .mx-ms-2 {
    margin-right: 1.5rem !important; }
  .mb-ms-2,
  .my-ms-2 {
    margin-bottom: 1.5rem !important; }
  .ml-ms-2,
  .mx-ms-2 {
    margin-left: 1.5rem !important; }
  .m-ms-3 {
    margin: 2.25rem !important; }
  .mt-ms-3,
  .my-ms-3 {
    margin-top: 2.25rem !important; }
  .mr-ms-3,
  .mx-ms-3 {
    margin-right: 2.25rem !important; }
  .mb-ms-3,
  .my-ms-3 {
    margin-bottom: 2.25rem !important; }
  .ml-ms-3,
  .mx-ms-3 {
    margin-left: 2.25rem !important; }
  .m-ms-4 {
    margin: 3rem !important; }
  .mt-ms-4,
  .my-ms-4 {
    margin-top: 3rem !important; }
  .mr-ms-4,
  .mx-ms-4 {
    margin-right: 3rem !important; }
  .mb-ms-4,
  .my-ms-4 {
    margin-bottom: 3rem !important; }
  .ml-ms-4,
  .mx-ms-4 {
    margin-left: 3rem !important; }
  .m-ms-5 {
    margin: 3.75rem !important; }
  .mt-ms-5,
  .my-ms-5 {
    margin-top: 3.75rem !important; }
  .mr-ms-5,
  .mx-ms-5 {
    margin-right: 3.75rem !important; }
  .mb-ms-5,
  .my-ms-5 {
    margin-bottom: 3.75rem !important; }
  .ml-ms-5,
  .mx-ms-5 {
    margin-left: 3.75rem !important; }
  .m-ms-6 {
    margin: 4.5rem !important; }
  .mt-ms-6,
  .my-ms-6 {
    margin-top: 4.5rem !important; }
  .mr-ms-6,
  .mx-ms-6 {
    margin-right: 4.5rem !important; }
  .mb-ms-6,
  .my-ms-6 {
    margin-bottom: 4.5rem !important; }
  .ml-ms-6,
  .mx-ms-6 {
    margin-left: 4.5rem !important; }
  .m-ms-7 {
    margin: 5.25rem !important; }
  .mt-ms-7,
  .my-ms-7 {
    margin-top: 5.25rem !important; }
  .mr-ms-7,
  .mx-ms-7 {
    margin-right: 5.25rem !important; }
  .mb-ms-7,
  .my-ms-7 {
    margin-bottom: 5.25rem !important; }
  .ml-ms-7,
  .mx-ms-7 {
    margin-left: 5.25rem !important; }
  .m-ms-8 {
    margin: 6rem !important; }
  .mt-ms-8,
  .my-ms-8 {
    margin-top: 6rem !important; }
  .mr-ms-8,
  .mx-ms-8 {
    margin-right: 6rem !important; }
  .mb-ms-8,
  .my-ms-8 {
    margin-bottom: 6rem !important; }
  .ml-ms-8,
  .mx-ms-8 {
    margin-left: 6rem !important; }
  .m-ms-9 {
    margin: 6.75rem !important; }
  .mt-ms-9,
  .my-ms-9 {
    margin-top: 6.75rem !important; }
  .mr-ms-9,
  .mx-ms-9 {
    margin-right: 6.75rem !important; }
  .mb-ms-9,
  .my-ms-9 {
    margin-bottom: 6.75rem !important; }
  .ml-ms-9,
  .mx-ms-9 {
    margin-left: 6.75rem !important; }
  .m-ms-10 {
    margin: 7.5rem !important; }
  .mt-ms-10,
  .my-ms-10 {
    margin-top: 7.5rem !important; }
  .mr-ms-10,
  .mx-ms-10 {
    margin-right: 7.5rem !important; }
  .mb-ms-10,
  .my-ms-10 {
    margin-bottom: 7.5rem !important; }
  .ml-ms-10,
  .mx-ms-10 {
    margin-left: 7.5rem !important; }
  .p-ms-0 {
    padding: 0 !important; }
  .pt-ms-0,
  .py-ms-0 {
    padding-top: 0 !important; }
  .pr-ms-0,
  .px-ms-0 {
    padding-right: 0 !important; }
  .pb-ms-0,
  .py-ms-0 {
    padding-bottom: 0 !important; }
  .pl-ms-0,
  .px-ms-0 {
    padding-left: 0 !important; }
  .p-ms-1 {
    padding: 0.75rem !important; }
  .pt-ms-1,
  .py-ms-1 {
    padding-top: 0.75rem !important; }
  .pr-ms-1,
  .px-ms-1 {
    padding-right: 0.75rem !important; }
  .pb-ms-1,
  .py-ms-1 {
    padding-bottom: 0.75rem !important; }
  .pl-ms-1,
  .px-ms-1 {
    padding-left: 0.75rem !important; }
  .p-ms-2 {
    padding: 1.5rem !important; }
  .pt-ms-2,
  .py-ms-2 {
    padding-top: 1.5rem !important; }
  .pr-ms-2,
  .px-ms-2 {
    padding-right: 1.5rem !important; }
  .pb-ms-2,
  .py-ms-2 {
    padding-bottom: 1.5rem !important; }
  .pl-ms-2,
  .px-ms-2 {
    padding-left: 1.5rem !important; }
  .p-ms-3 {
    padding: 2.25rem !important; }
  .pt-ms-3,
  .py-ms-3 {
    padding-top: 2.25rem !important; }
  .pr-ms-3,
  .px-ms-3 {
    padding-right: 2.25rem !important; }
  .pb-ms-3,
  .py-ms-3 {
    padding-bottom: 2.25rem !important; }
  .pl-ms-3,
  .px-ms-3 {
    padding-left: 2.25rem !important; }
  .p-ms-4 {
    padding: 3rem !important; }
  .pt-ms-4,
  .py-ms-4 {
    padding-top: 3rem !important; }
  .pr-ms-4,
  .px-ms-4 {
    padding-right: 3rem !important; }
  .pb-ms-4,
  .py-ms-4 {
    padding-bottom: 3rem !important; }
  .pl-ms-4,
  .px-ms-4 {
    padding-left: 3rem !important; }
  .p-ms-5 {
    padding: 3.75rem !important; }
  .pt-ms-5,
  .py-ms-5 {
    padding-top: 3.75rem !important; }
  .pr-ms-5,
  .px-ms-5 {
    padding-right: 3.75rem !important; }
  .pb-ms-5,
  .py-ms-5 {
    padding-bottom: 3.75rem !important; }
  .pl-ms-5,
  .px-ms-5 {
    padding-left: 3.75rem !important; }
  .p-ms-6 {
    padding: 4.5rem !important; }
  .pt-ms-6,
  .py-ms-6 {
    padding-top: 4.5rem !important; }
  .pr-ms-6,
  .px-ms-6 {
    padding-right: 4.5rem !important; }
  .pb-ms-6,
  .py-ms-6 {
    padding-bottom: 4.5rem !important; }
  .pl-ms-6,
  .px-ms-6 {
    padding-left: 4.5rem !important; }
  .p-ms-7 {
    padding: 5.25rem !important; }
  .pt-ms-7,
  .py-ms-7 {
    padding-top: 5.25rem !important; }
  .pr-ms-7,
  .px-ms-7 {
    padding-right: 5.25rem !important; }
  .pb-ms-7,
  .py-ms-7 {
    padding-bottom: 5.25rem !important; }
  .pl-ms-7,
  .px-ms-7 {
    padding-left: 5.25rem !important; }
  .p-ms-8 {
    padding: 6rem !important; }
  .pt-ms-8,
  .py-ms-8 {
    padding-top: 6rem !important; }
  .pr-ms-8,
  .px-ms-8 {
    padding-right: 6rem !important; }
  .pb-ms-8,
  .py-ms-8 {
    padding-bottom: 6rem !important; }
  .pl-ms-8,
  .px-ms-8 {
    padding-left: 6rem !important; }
  .p-ms-9 {
    padding: 6.75rem !important; }
  .pt-ms-9,
  .py-ms-9 {
    padding-top: 6.75rem !important; }
  .pr-ms-9,
  .px-ms-9 {
    padding-right: 6.75rem !important; }
  .pb-ms-9,
  .py-ms-9 {
    padding-bottom: 6.75rem !important; }
  .pl-ms-9,
  .px-ms-9 {
    padding-left: 6.75rem !important; }
  .p-ms-10 {
    padding: 7.5rem !important; }
  .pt-ms-10,
  .py-ms-10 {
    padding-top: 7.5rem !important; }
  .pr-ms-10,
  .px-ms-10 {
    padding-right: 7.5rem !important; }
  .pb-ms-10,
  .py-ms-10 {
    padding-bottom: 7.5rem !important; }
  .pl-ms-10,
  .px-ms-10 {
    padding-left: 7.5rem !important; }
  .m-ms-n1 {
    margin: -0.75rem !important; }
  .mt-ms-n1,
  .my-ms-n1 {
    margin-top: -0.75rem !important; }
  .mr-ms-n1,
  .mx-ms-n1 {
    margin-right: -0.75rem !important; }
  .mb-ms-n1,
  .my-ms-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-ms-n1,
  .mx-ms-n1 {
    margin-left: -0.75rem !important; }
  .m-ms-n2 {
    margin: -1.5rem !important; }
  .mt-ms-n2,
  .my-ms-n2 {
    margin-top: -1.5rem !important; }
  .mr-ms-n2,
  .mx-ms-n2 {
    margin-right: -1.5rem !important; }
  .mb-ms-n2,
  .my-ms-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-ms-n2,
  .mx-ms-n2 {
    margin-left: -1.5rem !important; }
  .m-ms-n3 {
    margin: -2.25rem !important; }
  .mt-ms-n3,
  .my-ms-n3 {
    margin-top: -2.25rem !important; }
  .mr-ms-n3,
  .mx-ms-n3 {
    margin-right: -2.25rem !important; }
  .mb-ms-n3,
  .my-ms-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-ms-n3,
  .mx-ms-n3 {
    margin-left: -2.25rem !important; }
  .m-ms-n4 {
    margin: -3rem !important; }
  .mt-ms-n4,
  .my-ms-n4 {
    margin-top: -3rem !important; }
  .mr-ms-n4,
  .mx-ms-n4 {
    margin-right: -3rem !important; }
  .mb-ms-n4,
  .my-ms-n4 {
    margin-bottom: -3rem !important; }
  .ml-ms-n4,
  .mx-ms-n4 {
    margin-left: -3rem !important; }
  .m-ms-n5 {
    margin: -3.75rem !important; }
  .mt-ms-n5,
  .my-ms-n5 {
    margin-top: -3.75rem !important; }
  .mr-ms-n5,
  .mx-ms-n5 {
    margin-right: -3.75rem !important; }
  .mb-ms-n5,
  .my-ms-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-ms-n5,
  .mx-ms-n5 {
    margin-left: -3.75rem !important; }
  .m-ms-n6 {
    margin: -4.5rem !important; }
  .mt-ms-n6,
  .my-ms-n6 {
    margin-top: -4.5rem !important; }
  .mr-ms-n6,
  .mx-ms-n6 {
    margin-right: -4.5rem !important; }
  .mb-ms-n6,
  .my-ms-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-ms-n6,
  .mx-ms-n6 {
    margin-left: -4.5rem !important; }
  .m-ms-n7 {
    margin: -5.25rem !important; }
  .mt-ms-n7,
  .my-ms-n7 {
    margin-top: -5.25rem !important; }
  .mr-ms-n7,
  .mx-ms-n7 {
    margin-right: -5.25rem !important; }
  .mb-ms-n7,
  .my-ms-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-ms-n7,
  .mx-ms-n7 {
    margin-left: -5.25rem !important; }
  .m-ms-n8 {
    margin: -6rem !important; }
  .mt-ms-n8,
  .my-ms-n8 {
    margin-top: -6rem !important; }
  .mr-ms-n8,
  .mx-ms-n8 {
    margin-right: -6rem !important; }
  .mb-ms-n8,
  .my-ms-n8 {
    margin-bottom: -6rem !important; }
  .ml-ms-n8,
  .mx-ms-n8 {
    margin-left: -6rem !important; }
  .m-ms-n9 {
    margin: -6.75rem !important; }
  .mt-ms-n9,
  .my-ms-n9 {
    margin-top: -6.75rem !important; }
  .mr-ms-n9,
  .mx-ms-n9 {
    margin-right: -6.75rem !important; }
  .mb-ms-n9,
  .my-ms-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-ms-n9,
  .mx-ms-n9 {
    margin-left: -6.75rem !important; }
  .m-ms-n10 {
    margin: -7.5rem !important; }
  .mt-ms-n10,
  .my-ms-n10 {
    margin-top: -7.5rem !important; }
  .mr-ms-n10,
  .mx-ms-n10 {
    margin-right: -7.5rem !important; }
  .mb-ms-n10,
  .my-ms-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-ms-n10,
  .mx-ms-n10 {
    margin-left: -7.5rem !important; }
  .m-ms-auto {
    margin: auto !important; }
  .mt-ms-auto,
  .my-ms-auto {
    margin-top: auto !important; }
  .mr-ms-auto,
  .mx-ms-auto {
    margin-right: auto !important; }
  .mb-ms-auto,
  .my-ms-auto {
    margin-bottom: auto !important; }
  .ml-ms-auto,
  .mx-ms-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.75rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.75rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.75rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.75rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.75rem !important; }
  .m-md-2 {
    margin: 1.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 1.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 1.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 1.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 1.5rem !important; }
  .m-md-3 {
    margin: 2.25rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 2.25rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 2.25rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 2.25rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 2.25rem !important; }
  .m-md-4 {
    margin: 3rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 3rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 3rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 3rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 3rem !important; }
  .m-md-5 {
    margin: 3.75rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3.75rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3.75rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3.75rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3.75rem !important; }
  .m-md-6 {
    margin: 4.5rem !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important; }
  .m-md-7 {
    margin: 5.25rem !important; }
  .mt-md-7,
  .my-md-7 {
    margin-top: 5.25rem !important; }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 5.25rem !important; }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 5.25rem !important; }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 5.25rem !important; }
  .m-md-8 {
    margin: 6rem !important; }
  .mt-md-8,
  .my-md-8 {
    margin-top: 6rem !important; }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 6rem !important; }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 6rem !important; }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 6rem !important; }
  .m-md-9 {
    margin: 6.75rem !important; }
  .mt-md-9,
  .my-md-9 {
    margin-top: 6.75rem !important; }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 6.75rem !important; }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 6.75rem !important; }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 6.75rem !important; }
  .m-md-10 {
    margin: 7.5rem !important; }
  .mt-md-10,
  .my-md-10 {
    margin-top: 7.5rem !important; }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 7.5rem !important; }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 7.5rem !important; }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 7.5rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.75rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.75rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.75rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.75rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.75rem !important; }
  .p-md-2 {
    padding: 1.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 1.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 1.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 1.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 1.5rem !important; }
  .p-md-3 {
    padding: 2.25rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 2.25rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 2.25rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 2.25rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 2.25rem !important; }
  .p-md-4 {
    padding: 3rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 3rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 3rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 3rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 3rem !important; }
  .p-md-5 {
    padding: 3.75rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3.75rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3.75rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3.75rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3.75rem !important; }
  .p-md-6 {
    padding: 4.5rem !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important; }
  .p-md-7 {
    padding: 5.25rem !important; }
  .pt-md-7,
  .py-md-7 {
    padding-top: 5.25rem !important; }
  .pr-md-7,
  .px-md-7 {
    padding-right: 5.25rem !important; }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 5.25rem !important; }
  .pl-md-7,
  .px-md-7 {
    padding-left: 5.25rem !important; }
  .p-md-8 {
    padding: 6rem !important; }
  .pt-md-8,
  .py-md-8 {
    padding-top: 6rem !important; }
  .pr-md-8,
  .px-md-8 {
    padding-right: 6rem !important; }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 6rem !important; }
  .pl-md-8,
  .px-md-8 {
    padding-left: 6rem !important; }
  .p-md-9 {
    padding: 6.75rem !important; }
  .pt-md-9,
  .py-md-9 {
    padding-top: 6.75rem !important; }
  .pr-md-9,
  .px-md-9 {
    padding-right: 6.75rem !important; }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 6.75rem !important; }
  .pl-md-9,
  .px-md-9 {
    padding-left: 6.75rem !important; }
  .p-md-10 {
    padding: 7.5rem !important; }
  .pt-md-10,
  .py-md-10 {
    padding-top: 7.5rem !important; }
  .pr-md-10,
  .px-md-10 {
    padding-right: 7.5rem !important; }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 7.5rem !important; }
  .pl-md-10,
  .px-md-10 {
    padding-left: 7.5rem !important; }
  .m-md-n1 {
    margin: -0.75rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.75rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.75rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.75rem !important; }
  .m-md-n2 {
    margin: -1.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -1.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -1.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -1.5rem !important; }
  .m-md-n3 {
    margin: -2.25rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -2.25rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -2.25rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -2.25rem !important; }
  .m-md-n4 {
    margin: -3rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -3rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -3rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -3rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -3rem !important; }
  .m-md-n5 {
    margin: -3.75rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3.75rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3.75rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3.75rem !important; }
  .m-md-n6 {
    margin: -4.5rem !important; }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4.5rem !important; }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4.5rem !important; }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4.5rem !important; }
  .m-md-n7 {
    margin: -5.25rem !important; }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -5.25rem !important; }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -5.25rem !important; }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -5.25rem !important; }
  .m-md-n8 {
    margin: -6rem !important; }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -6rem !important; }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -6rem !important; }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -6rem !important; }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -6rem !important; }
  .m-md-n9 {
    margin: -6.75rem !important; }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -6.75rem !important; }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -6.75rem !important; }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -6.75rem !important; }
  .m-md-n10 {
    margin: -7.5rem !important; }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -7.5rem !important; }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -7.5rem !important; }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -7.5rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.75rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.75rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.75rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.75rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.75rem !important; }
  .m-lg-2 {
    margin: 1.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 1.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 1.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 1.5rem !important; }
  .m-lg-3 {
    margin: 2.25rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 2.25rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 2.25rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 2.25rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 2.25rem !important; }
  .m-lg-4 {
    margin: 3rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 3rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 3rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 3rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 3rem !important; }
  .m-lg-5 {
    margin: 3.75rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3.75rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3.75rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3.75rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3.75rem !important; }
  .m-lg-6 {
    margin: 4.5rem !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important; }
  .m-lg-7 {
    margin: 5.25rem !important; }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 5.25rem !important; }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 5.25rem !important; }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 5.25rem !important; }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 5.25rem !important; }
  .m-lg-8 {
    margin: 6rem !important; }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 6rem !important; }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 6rem !important; }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 6rem !important; }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 6rem !important; }
  .m-lg-9 {
    margin: 6.75rem !important; }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 6.75rem !important; }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 6.75rem !important; }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 6.75rem !important; }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 6.75rem !important; }
  .m-lg-10 {
    margin: 7.5rem !important; }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 7.5rem !important; }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 7.5rem !important; }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 7.5rem !important; }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 7.5rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.75rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.75rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.75rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.75rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.75rem !important; }
  .p-lg-2 {
    padding: 1.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 1.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 1.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 1.5rem !important; }
  .p-lg-3 {
    padding: 2.25rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 2.25rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 2.25rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 2.25rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 2.25rem !important; }
  .p-lg-4 {
    padding: 3rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 3rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 3rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 3rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 3rem !important; }
  .p-lg-5 {
    padding: 3.75rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3.75rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3.75rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3.75rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3.75rem !important; }
  .p-lg-6 {
    padding: 4.5rem !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important; }
  .p-lg-7 {
    padding: 5.25rem !important; }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 5.25rem !important; }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 5.25rem !important; }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 5.25rem !important; }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 5.25rem !important; }
  .p-lg-8 {
    padding: 6rem !important; }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 6rem !important; }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 6rem !important; }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 6rem !important; }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 6rem !important; }
  .p-lg-9 {
    padding: 6.75rem !important; }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 6.75rem !important; }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 6.75rem !important; }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 6.75rem !important; }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 6.75rem !important; }
  .p-lg-10 {
    padding: 7.5rem !important; }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 7.5rem !important; }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 7.5rem !important; }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 7.5rem !important; }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 7.5rem !important; }
  .m-lg-n1 {
    margin: -0.75rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.75rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.75rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.75rem !important; }
  .m-lg-n2 {
    margin: -1.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -1.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -1.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -1.5rem !important; }
  .m-lg-n3 {
    margin: -2.25rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -2.25rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -2.25rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -2.25rem !important; }
  .m-lg-n4 {
    margin: -3rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -3rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -3rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -3rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -3rem !important; }
  .m-lg-n5 {
    margin: -3.75rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3.75rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3.75rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3.75rem !important; }
  .m-lg-n6 {
    margin: -4.5rem !important; }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4.5rem !important; }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4.5rem !important; }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4.5rem !important; }
  .m-lg-n7 {
    margin: -5.25rem !important; }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -5.25rem !important; }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -5.25rem !important; }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -5.25rem !important; }
  .m-lg-n8 {
    margin: -6rem !important; }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -6rem !important; }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -6rem !important; }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -6rem !important; }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -6rem !important; }
  .m-lg-n9 {
    margin: -6.75rem !important; }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -6.75rem !important; }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -6.75rem !important; }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -6.75rem !important; }
  .m-lg-n10 {
    margin: -7.5rem !important; }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -7.5rem !important; }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -7.5rem !important; }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -7.5rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.75rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.75rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.75rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.75rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.75rem !important; }
  .m-xl-2 {
    margin: 1.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 1.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 1.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 1.5rem !important; }
  .m-xl-3 {
    margin: 2.25rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 2.25rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 2.25rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 2.25rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 2.25rem !important; }
  .m-xl-4 {
    margin: 3rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 3rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 3rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 3rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 3rem !important; }
  .m-xl-5 {
    margin: 3.75rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3.75rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3.75rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3.75rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3.75rem !important; }
  .m-xl-6 {
    margin: 4.5rem !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important; }
  .m-xl-7 {
    margin: 5.25rem !important; }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 5.25rem !important; }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 5.25rem !important; }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 5.25rem !important; }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 5.25rem !important; }
  .m-xl-8 {
    margin: 6rem !important; }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 6rem !important; }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 6rem !important; }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 6rem !important; }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 6rem !important; }
  .m-xl-9 {
    margin: 6.75rem !important; }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 6.75rem !important; }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 6.75rem !important; }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 6.75rem !important; }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 6.75rem !important; }
  .m-xl-10 {
    margin: 7.5rem !important; }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 7.5rem !important; }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 7.5rem !important; }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 7.5rem !important; }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 7.5rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.75rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.75rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.75rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.75rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.75rem !important; }
  .p-xl-2 {
    padding: 1.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 1.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 1.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 1.5rem !important; }
  .p-xl-3 {
    padding: 2.25rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 2.25rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 2.25rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 2.25rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 2.25rem !important; }
  .p-xl-4 {
    padding: 3rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 3rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 3rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 3rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 3rem !important; }
  .p-xl-5 {
    padding: 3.75rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3.75rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3.75rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3.75rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3.75rem !important; }
  .p-xl-6 {
    padding: 4.5rem !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important; }
  .p-xl-7 {
    padding: 5.25rem !important; }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 5.25rem !important; }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 5.25rem !important; }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 5.25rem !important; }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 5.25rem !important; }
  .p-xl-8 {
    padding: 6rem !important; }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 6rem !important; }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 6rem !important; }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 6rem !important; }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 6rem !important; }
  .p-xl-9 {
    padding: 6.75rem !important; }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 6.75rem !important; }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 6.75rem !important; }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 6.75rem !important; }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 6.75rem !important; }
  .p-xl-10 {
    padding: 7.5rem !important; }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 7.5rem !important; }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 7.5rem !important; }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 7.5rem !important; }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 7.5rem !important; }
  .m-xl-n1 {
    margin: -0.75rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.75rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.75rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.75rem !important; }
  .m-xl-n2 {
    margin: -1.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -1.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -1.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -1.5rem !important; }
  .m-xl-n3 {
    margin: -2.25rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -2.25rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -2.25rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -2.25rem !important; }
  .m-xl-n4 {
    margin: -3rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -3rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -3rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -3rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -3rem !important; }
  .m-xl-n5 {
    margin: -3.75rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3.75rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3.75rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3.75rem !important; }
  .m-xl-n6 {
    margin: -4.5rem !important; }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4.5rem !important; }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4.5rem !important; }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4.5rem !important; }
  .m-xl-n7 {
    margin: -5.25rem !important; }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -5.25rem !important; }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -5.25rem !important; }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -5.25rem !important; }
  .m-xl-n8 {
    margin: -6rem !important; }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -6rem !important; }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -6rem !important; }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -6rem !important; }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -6rem !important; }
  .m-xl-n9 {
    margin: -6.75rem !important; }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -6.75rem !important; }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -6.75rem !important; }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -6.75rem !important; }
  .m-xl-n10 {
    margin: -7.5rem !important; }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -7.5rem !important; }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -7.5rem !important; }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -7.5rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1500px) {
  .m-xxl-0 {
    margin: 0 !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important; }
  .m-xxl-1 {
    margin: 0.75rem !important; }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.75rem !important; }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.75rem !important; }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.75rem !important; }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.75rem !important; }
  .m-xxl-2 {
    margin: 1.5rem !important; }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 1.5rem !important; }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 1.5rem !important; }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 1.5rem !important; }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 1.5rem !important; }
  .m-xxl-3 {
    margin: 2.25rem !important; }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 2.25rem !important; }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 2.25rem !important; }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 2.25rem !important; }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 2.25rem !important; }
  .m-xxl-4 {
    margin: 3rem !important; }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 3rem !important; }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 3rem !important; }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 3rem !important; }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 3rem !important; }
  .m-xxl-5 {
    margin: 3.75rem !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3.75rem !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3.75rem !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3.75rem !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3.75rem !important; }
  .m-xxl-6 {
    margin: 4.5rem !important; }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: 4.5rem !important; }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: 4.5rem !important; }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: 4.5rem !important; }
  .m-xxl-7 {
    margin: 5.25rem !important; }
  .mt-xxl-7,
  .my-xxl-7 {
    margin-top: 5.25rem !important; }
  .mr-xxl-7,
  .mx-xxl-7 {
    margin-right: 5.25rem !important; }
  .mb-xxl-7,
  .my-xxl-7 {
    margin-bottom: 5.25rem !important; }
  .ml-xxl-7,
  .mx-xxl-7 {
    margin-left: 5.25rem !important; }
  .m-xxl-8 {
    margin: 6rem !important; }
  .mt-xxl-8,
  .my-xxl-8 {
    margin-top: 6rem !important; }
  .mr-xxl-8,
  .mx-xxl-8 {
    margin-right: 6rem !important; }
  .mb-xxl-8,
  .my-xxl-8 {
    margin-bottom: 6rem !important; }
  .ml-xxl-8,
  .mx-xxl-8 {
    margin-left: 6rem !important; }
  .m-xxl-9 {
    margin: 6.75rem !important; }
  .mt-xxl-9,
  .my-xxl-9 {
    margin-top: 6.75rem !important; }
  .mr-xxl-9,
  .mx-xxl-9 {
    margin-right: 6.75rem !important; }
  .mb-xxl-9,
  .my-xxl-9 {
    margin-bottom: 6.75rem !important; }
  .ml-xxl-9,
  .mx-xxl-9 {
    margin-left: 6.75rem !important; }
  .m-xxl-10 {
    margin: 7.5rem !important; }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 7.5rem !important; }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 7.5rem !important; }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 7.5rem !important; }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 7.5rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important; }
  .p-xxl-1 {
    padding: 0.75rem !important; }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.75rem !important; }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.75rem !important; }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.75rem !important; }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.75rem !important; }
  .p-xxl-2 {
    padding: 1.5rem !important; }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 1.5rem !important; }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 1.5rem !important; }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 1.5rem !important; }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 1.5rem !important; }
  .p-xxl-3 {
    padding: 2.25rem !important; }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 2.25rem !important; }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 2.25rem !important; }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 2.25rem !important; }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 2.25rem !important; }
  .p-xxl-4 {
    padding: 3rem !important; }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 3rem !important; }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 3rem !important; }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 3rem !important; }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 3rem !important; }
  .p-xxl-5 {
    padding: 3.75rem !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3.75rem !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3.75rem !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3.75rem !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3.75rem !important; }
  .p-xxl-6 {
    padding: 4.5rem !important; }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: 4.5rem !important; }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: 4.5rem !important; }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: 4.5rem !important; }
  .p-xxl-7 {
    padding: 5.25rem !important; }
  .pt-xxl-7,
  .py-xxl-7 {
    padding-top: 5.25rem !important; }
  .pr-xxl-7,
  .px-xxl-7 {
    padding-right: 5.25rem !important; }
  .pb-xxl-7,
  .py-xxl-7 {
    padding-bottom: 5.25rem !important; }
  .pl-xxl-7,
  .px-xxl-7 {
    padding-left: 5.25rem !important; }
  .p-xxl-8 {
    padding: 6rem !important; }
  .pt-xxl-8,
  .py-xxl-8 {
    padding-top: 6rem !important; }
  .pr-xxl-8,
  .px-xxl-8 {
    padding-right: 6rem !important; }
  .pb-xxl-8,
  .py-xxl-8 {
    padding-bottom: 6rem !important; }
  .pl-xxl-8,
  .px-xxl-8 {
    padding-left: 6rem !important; }
  .p-xxl-9 {
    padding: 6.75rem !important; }
  .pt-xxl-9,
  .py-xxl-9 {
    padding-top: 6.75rem !important; }
  .pr-xxl-9,
  .px-xxl-9 {
    padding-right: 6.75rem !important; }
  .pb-xxl-9,
  .py-xxl-9 {
    padding-bottom: 6.75rem !important; }
  .pl-xxl-9,
  .px-xxl-9 {
    padding-left: 6.75rem !important; }
  .p-xxl-10 {
    padding: 7.5rem !important; }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 7.5rem !important; }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 7.5rem !important; }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 7.5rem !important; }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 7.5rem !important; }
  .m-xxl-n1 {
    margin: -0.75rem !important; }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.75rem !important; }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.75rem !important; }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.75rem !important; }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.75rem !important; }
  .m-xxl-n2 {
    margin: -1.5rem !important; }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -1.5rem !important; }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -1.5rem !important; }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -1.5rem !important; }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -1.5rem !important; }
  .m-xxl-n3 {
    margin: -2.25rem !important; }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -2.25rem !important; }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -2.25rem !important; }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -2.25rem !important; }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -2.25rem !important; }
  .m-xxl-n4 {
    margin: -3rem !important; }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -3rem !important; }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -3rem !important; }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -3rem !important; }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -3rem !important; }
  .m-xxl-n5 {
    margin: -3.75rem !important; }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3.75rem !important; }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3.75rem !important; }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3.75rem !important; }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3.75rem !important; }
  .m-xxl-n6 {
    margin: -4.5rem !important; }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: -4.5rem !important; }
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: -4.5rem !important; }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: -4.5rem !important; }
  .m-xxl-n7 {
    margin: -5.25rem !important; }
  .mt-xxl-n7,
  .my-xxl-n7 {
    margin-top: -5.25rem !important; }
  .mr-xxl-n7,
  .mx-xxl-n7 {
    margin-right: -5.25rem !important; }
  .mb-xxl-n7,
  .my-xxl-n7 {
    margin-bottom: -5.25rem !important; }
  .ml-xxl-n7,
  .mx-xxl-n7 {
    margin-left: -5.25rem !important; }
  .m-xxl-n8 {
    margin: -6rem !important; }
  .mt-xxl-n8,
  .my-xxl-n8 {
    margin-top: -6rem !important; }
  .mr-xxl-n8,
  .mx-xxl-n8 {
    margin-right: -6rem !important; }
  .mb-xxl-n8,
  .my-xxl-n8 {
    margin-bottom: -6rem !important; }
  .ml-xxl-n8,
  .mx-xxl-n8 {
    margin-left: -6rem !important; }
  .m-xxl-n9 {
    margin: -6.75rem !important; }
  .mt-xxl-n9,
  .my-xxl-n9 {
    margin-top: -6.75rem !important; }
  .mr-xxl-n9,
  .mx-xxl-n9 {
    margin-right: -6.75rem !important; }
  .mb-xxl-n9,
  .my-xxl-n9 {
    margin-bottom: -6.75rem !important; }
  .ml-xxl-n9,
  .mx-xxl-n9 {
    margin-left: -6.75rem !important; }
  .m-xxl-n10 {
    margin: -7.5rem !important; }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: -7.5rem !important; }
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: -7.5rem !important; }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: -7.5rem !important; }
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: -7.5rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 480px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 650px) {
  .text-ms-left {
    text-align: left !important; }
  .text-ms-right {
    text-align: right !important; }
  .text-ms-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1500px) {
  .text-xxl-left {
    text-align: left !important; }
  .text-xxl-right {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #f3e11e !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #bbac0a !important; }

.text-secondary {
  color: #003d8f !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #001c43 !important; }

.text-success {
  color: #57ab27 !important; }

a.text-success:hover, a.text-success:focus {
  color: #376d19 !important; }

.text-info {
  color: #17a2b8 !important; }

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important; }

.text-warning {
  color: #f0b602 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #a47c01 !important; }

.text-danger {
  color: #dc3545 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-light {
  color: #f4f4f4 !important; }

a.text-light:hover, a.text-light:focus {
  color: #cecece !important; }

.text-dark {
  color: #3c3c3c !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #161616 !important; }

.text-white {
  color: #fff !important; }

a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important; }

.text-primary-dark {
  color: #f0b602 !important; }

a.text-primary-dark:hover, a.text-primary-dark:focus {
  color: #a47c01 !important; }

.text-gray-100 {
  color: #f4f4f4 !important; }

a.text-gray-100:hover, a.text-gray-100:focus {
  color: #cecece !important; }

.text-gray-200 {
  color: #e5e5e5 !important; }

a.text-gray-200:hover, a.text-gray-200:focus {
  color: #bfbfbf !important; }

.text-gray-300 {
  color: #bebebe !important; }

a.text-gray-300:hover, a.text-gray-300:focus {
  color: #989898 !important; }

.text-gray-400 {
  color: #999999 !important; }

a.text-gray-400:hover, a.text-gray-400:focus {
  color: #737373 !important; }

.text-gray-500 {
  color: #cccccc !important; }

a.text-gray-500:hover, a.text-gray-500:focus {
  color: #a6a6a6 !important; }

.text-secondary-100 {
  color: #e0e9f2 !important; }

a.text-secondary-100:hover, a.text-secondary-100:focus {
  color: #aac3db !important; }

.text-secondary-200 {
  color: #99b6d5 !important; }

a.text-secondary-200:hover, a.text-secondary-200:focus {
  color: #638fbf !important; }

.text-secondary-300 {
  color: #6e91ba !important; }

a.text-secondary-300:hover, a.text-secondary-300:focus {
  color: #476b95 !important; }

.text-secondary-400 {
  color: #3d70b7 !important; }

a.text-secondary-400:hover, a.text-secondary-400:focus {
  color: #2a4d7e !important; }

.text-secondary-500 {
  color: #134d9b !important; }

a.text-secondary-500:hover, a.text-secondary-500:focus {
  color: #0b2b57 !important; }

.text-secondary-600 {
  color: #00327f !important; }

a.text-secondary-600:hover, a.text-secondary-600:focus {
  color: #001433 !important; }

.text-black {
  color: #000000 !important; }

a.text-black:hover, a.text-black:focus {
  color: black !important; }

.text-error {
  color: #d60600 !important; }

a.text-error:hover, a.text-error:focus {
  color: #8a0400 !important; }

.text-body {
  color: #3c3c3c !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-break {
  word-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: min-content;
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    flex-direction: column;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #bebebe;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.3; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #bebebe;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px); }
  .modal-footer > * {
    margin: 0.25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 480px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem);
      height: min-content; }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

button {
  padding: 0; }

.form-group {
  margin-bottom: 0.75rem; }
  .form-group__headline {
    color: #003d8f;
    margin-bottom: 0.75rem; }
  .form-group__notice, .form-group__error-message {
    font-size: 1rem;
    line-height: 1.39; }
    @media (min-width: 650px) {
      .form-group__notice, .form-group__error-message {
        font-size: 1.125rem;
        line-height: 1.39; } }

form.invalid input:invalid {
  border-color: #d60600;
  box-shadow: 0 0 0 transparent; }
  form.invalid input:invalid + .toggle-label__checkmark,
  form.invalid input:invalid + .input-group-addon .input-group__icon {
    border-color: #d60600;
    box-shadow: 0 0 0 transparent; }

form.invalid select:invalid {
  border-color: #d60600;
  box-shadow: 0 0 0 transparent; }
  form.invalid select:invalid + button {
    border-color: #d60600;
    box-shadow: 0 0 0 transparent; }
  form.invalid select:invalid ~ .select-container__selectbox {
    border-color: #d60600; }

.container, .marketing-box:not(.marketing-box--fullwidth) {
  padding-left: 12px;
  padding-right: 12px; }
  .container--fullwidth {
    max-width: 100%; }

/* Polyfill Classes for iOS 9/10 col-problems */
.ios-1 {
  width: 8.33333%; }

.ios-2 {
  width: 16.66667%; }

.ios-3 {
  width: 25%; }

.ios-4 {
  width: 33.33333%; }

.ios-5 {
  width: 41.66667%; }

.ios-6 {
  width: 50%; }

.ios-7 {
  width: 58.33333%; }

.ios-8 {
  width: 66.66667%; }

.ios-9 {
  width: 75%; }

.ios-10 {
  width: 83.33333%; }

.ios-11 {
  width: 91.66667%; }

.ios-12 {
  width: 100%; }

body.ios-old .navigation__meta {
  padding-top: 0.75rem; }

mark, .countdown-label, .countdown-label--primary, .countdown-label--secondary {
  background-color: #f3e11e;
  color: #003d8f;
  box-decoration-break: clone;
  padding: 0 .25rem;
  text-shadow: none;
  font-family: "77-black-condensed", Arial, sans-serif; }
  mark.mark--invert, .mark--invert.countdown-label, .mark--invert.countdown-label--primary, .mark--invert.countdown-label--secondary {
    background-color: #003d8f;
    color: #f3e11e; }
  mark.mark--white, .mark--white.countdown-label, .mark--white.countdown-label--primary, .mark--white.countdown-label--secondary {
    background-color: #fff;
    color: #003d8f; }
  mark.mark--secondary, .mark--secondary.countdown-label, .mark--secondary.countdown-label--primary, .mark--secondary.countdown-label--secondary {
    background-color: #003d8f;
    color: #fff; }
  mark.mark--secondary-200, .mark--secondary-200.countdown-label, .mark--secondary-200.countdown-label--primary, .mark--secondary-200.countdown-label--secondary {
    background-color: #99b6d5;
    color: #fff; }
  mark.mark--secondary-300, .mark--secondary-300.countdown-label, .mark--secondary-300.countdown-label--primary, .mark--secondary-300.countdown-label--secondary {
    background-color: #6e91ba;
    color: #003d8f; }

small {
  line-height: 1.3;
  display: inline-block; }

b,
strong {
  font-family: "77-black-condensed", Arial, sans-serif;
  font-weight: 400; }

.icon {
  fill: currentColor;
  vertical-align: initial; }
  @media all and (-ms-high-contrast: none) {
    .icon {
      vertical-align: auto; } }
  .icon, .icon--medium {
    width: 20px;
    height: 20px; }
  .icon--small {
    width: 10px;
    height: 10px; }
  .icon--xsmall {
    width: 15px;
    height: 15px; }
  .icon--mlarge {
    width: 25px;
    height: 25px; }
  .icon--large {
    width: 30px;
    height: 30px; }
  .icon--xlarge {
    width: 40px;
    height: 40px; }
  .icon--xxlarge {
    width: 50px;
    height: 50px; }
  .icon--xxxlarge {
    width: 90px;
    height: 90px; }
  .icon--color-yellow, .icon--color-primary {
    fill: #f3e11e; }
  .icon--color-blue, .icon--color-secondary {
    fill: #003d8f; }
  .icon--color-white {
    fill: #fff; }
  .icon--color-green {
    fill: #57ab27; }
  .icon--color-red {
    fill: #dc3545; }
  .icon--color-gray {
    fill: #6c757d; }

.icon--small {
  width: 10px !important;
  height: 10px !important; }

.icon--xsmall {
  width: 15px !important;
  height: 15px !important; }

.icon--medium {
  width: 20px !important;
  height: 20px !important; }

.icon--mlarge {
  width: 25px !important;
  height: 25px !important; }

.icon--large {
  width: 30px !important;
  height: 30px !important; }

.icon--xlarge {
  width: 40px !important;
  height: 40px !important; }

.icon--xxlarge {
  width: 50px !important;
  height: 50px !important; }

.icon--xxxlarge {
  width: 90px !important;
  height: 90px !important; }

@media (min-width: 480px) {
  .icon-sm--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-sm--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-sm--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-sm--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-sm--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-sm--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-sm--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-sm--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

@media (min-width: 650px) {
  .icon-ms--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-ms--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-ms--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-ms--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-ms--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-ms--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-ms--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-ms--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

@media (min-width: 768px) {
  .icon-md--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-md--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-md--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-md--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-md--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-md--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-md--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-md--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

@media (min-width: 1024px) {
  .icon-lg--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-lg--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-lg--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-lg--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-lg--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-lg--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-lg--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-lg--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

@media (min-width: 1200px) {
  .icon-xl--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-xl--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-xl--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-xl--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-xl--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-xl--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-xl--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-xl--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

@media (min-width: 1500px) {
  .icon-xxl--small {
    width: 10px !important;
    height: 10px !important; }
  .icon-xxl--xsmall {
    width: 15px !important;
    height: 15px !important; }
  .icon-xxl--medium {
    width: 20px !important;
    height: 20px !important; }
  .icon-xxl--mlarge {
    width: 25px !important;
    height: 25px !important; }
  .icon-xxl--large {
    width: 30px !important;
    height: 30px !important; }
  .icon-xxl--xlarge {
    width: 40px !important;
    height: 40px !important; }
  .icon-xxl--xxlarge {
    width: 50px !important;
    height: 50px !important; }
  .icon-xxl--xxxlarge {
    width: 90px !important;
    height: 90px !important; } }

.accordion__answer {
  margin: 0;
  padding: 0 0 1.5rem 0; }

.accordion__title {
  margin: 0; }

.accordion__question {
  flex: 1;
  padding-right: 0.75rem; }

.accordion__button {
  cursor: pointer;
  display: flex;
  background: none;
  border: none;
  font-size: 1.125rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  color: #003d8f;
  margin: 0;
  padding: 1.5rem 0;
  width: 100%;
  text-align: left;
  text-decoration: none; }
  .accordion__button:focus {
    outline: 0; }
  .accordion__button:hover {
    text-decoration: none; }
  .accordion__button--tariff-detail {
    padding: 1.5rem;
    background: #003d8f;
    color: #fff; }
    .accordion__button--tariff-detail .icon {
      fill: #fff; }

.accordion__icon {
  color: #003d8f;
  transition: transform 0.3s ease-out;
  align-self: center; }
  .collapsed .accordion__icon {
    transform: rotate(180deg); }

@keyframes arc {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); } }

.arc {
  width: 200px;
  height: 100px;
  position: relative;
  overflow: hidden; }
  .arc__percentage-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 9; }
  .arc::before {
    content: '';
    width: 200px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    border: 50px solid #e5e5e5;
    border-radius: 200px 200px 0 0;
    transform-origin: 50% 0; }
  .arc::after {
    content: '';
    width: 50%;
    height: 50%;
    background: inherit;
    position: absolute;
    bottom: 0;
    left: 25%;
    z-index: 8;
    border-radius: 50px 50px 0 0; }
  .arc__value {
    width: 200px;
    height: 100px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 7;
    border: 50px solid #f3e11e;
    border-radius: 0 0 200px 200px;
    transition: transform 5s ease;
    transform: rotate(0);
    transform-origin: 50% 0;
    animation: arc 2s ease-in-out; }
    .arc--primary .arc__value {
      border-color: #f3e11e; }
    .arc--secondary .arc__value {
      border-color: #003d8f; }
    .arc--yellow .arc__value {
      border-color: #f3e11e; }
    .arc--white .arc__value {
      border-color: #fff; }
    .arc--green .arc__value {
      border-color: #57ab27; }
    .arc--orange .arc__value {
      border-color: #f0b602; }
    .arc--black .arc__value {
      border-color: #000000; }
    .arc__value[data-rotation='1'] {
      transform: rotate(1.8deg); }
    .arc__value[data-rotation='2'] {
      transform: rotate(3.6deg); }
    .arc__value[data-rotation='3'] {
      transform: rotate(5.4deg); }
    .arc__value[data-rotation='4'] {
      transform: rotate(7.2deg); }
    .arc__value[data-rotation='5'] {
      transform: rotate(9deg); }
    .arc__value[data-rotation='6'] {
      transform: rotate(10.8deg); }
    .arc__value[data-rotation='7'] {
      transform: rotate(12.6deg); }
    .arc__value[data-rotation='8'] {
      transform: rotate(14.4deg); }
    .arc__value[data-rotation='9'] {
      transform: rotate(16.2deg); }
    .arc__value[data-rotation='10'] {
      transform: rotate(18deg); }
    .arc__value[data-rotation='11'] {
      transform: rotate(19.8deg); }
    .arc__value[data-rotation='12'] {
      transform: rotate(21.6deg); }
    .arc__value[data-rotation='13'] {
      transform: rotate(23.4deg); }
    .arc__value[data-rotation='14'] {
      transform: rotate(25.2deg); }
    .arc__value[data-rotation='15'] {
      transform: rotate(27deg); }
    .arc__value[data-rotation='16'] {
      transform: rotate(28.8deg); }
    .arc__value[data-rotation='17'] {
      transform: rotate(30.6deg); }
    .arc__value[data-rotation='18'] {
      transform: rotate(32.4deg); }
    .arc__value[data-rotation='19'] {
      transform: rotate(34.2deg); }
    .arc__value[data-rotation='20'] {
      transform: rotate(36deg); }
    .arc__value[data-rotation='21'] {
      transform: rotate(37.8deg); }
    .arc__value[data-rotation='22'] {
      transform: rotate(39.6deg); }
    .arc__value[data-rotation='23'] {
      transform: rotate(41.4deg); }
    .arc__value[data-rotation='24'] {
      transform: rotate(43.2deg); }
    .arc__value[data-rotation='25'] {
      transform: rotate(45deg); }
    .arc__value[data-rotation='26'] {
      transform: rotate(46.8deg); }
    .arc__value[data-rotation='27'] {
      transform: rotate(48.6deg); }
    .arc__value[data-rotation='28'] {
      transform: rotate(50.4deg); }
    .arc__value[data-rotation='29'] {
      transform: rotate(52.2deg); }
    .arc__value[data-rotation='30'] {
      transform: rotate(54deg); }
    .arc__value[data-rotation='31'] {
      transform: rotate(55.8deg); }
    .arc__value[data-rotation='32'] {
      transform: rotate(57.6deg); }
    .arc__value[data-rotation='33'] {
      transform: rotate(59.4deg); }
    .arc__value[data-rotation='34'] {
      transform: rotate(61.2deg); }
    .arc__value[data-rotation='35'] {
      transform: rotate(63deg); }
    .arc__value[data-rotation='36'] {
      transform: rotate(64.8deg); }
    .arc__value[data-rotation='37'] {
      transform: rotate(66.6deg); }
    .arc__value[data-rotation='38'] {
      transform: rotate(68.4deg); }
    .arc__value[data-rotation='39'] {
      transform: rotate(70.2deg); }
    .arc__value[data-rotation='40'] {
      transform: rotate(72deg); }
    .arc__value[data-rotation='41'] {
      transform: rotate(73.8deg); }
    .arc__value[data-rotation='42'] {
      transform: rotate(75.6deg); }
    .arc__value[data-rotation='43'] {
      transform: rotate(77.4deg); }
    .arc__value[data-rotation='44'] {
      transform: rotate(79.2deg); }
    .arc__value[data-rotation='45'] {
      transform: rotate(81deg); }
    .arc__value[data-rotation='46'] {
      transform: rotate(82.8deg); }
    .arc__value[data-rotation='47'] {
      transform: rotate(84.6deg); }
    .arc__value[data-rotation='48'] {
      transform: rotate(86.4deg); }
    .arc__value[data-rotation='49'] {
      transform: rotate(88.2deg); }
    .arc__value[data-rotation='50'] {
      transform: rotate(90deg); }
    .arc__value[data-rotation='51'] {
      transform: rotate(91.8deg); }
    .arc__value[data-rotation='52'] {
      transform: rotate(93.6deg); }
    .arc__value[data-rotation='53'] {
      transform: rotate(95.4deg); }
    .arc__value[data-rotation='54'] {
      transform: rotate(97.2deg); }
    .arc__value[data-rotation='55'] {
      transform: rotate(99deg); }
    .arc__value[data-rotation='56'] {
      transform: rotate(100.8deg); }
    .arc__value[data-rotation='57'] {
      transform: rotate(102.6deg); }
    .arc__value[data-rotation='58'] {
      transform: rotate(104.4deg); }
    .arc__value[data-rotation='59'] {
      transform: rotate(106.2deg); }
    .arc__value[data-rotation='60'] {
      transform: rotate(108deg); }
    .arc__value[data-rotation='61'] {
      transform: rotate(109.8deg); }
    .arc__value[data-rotation='62'] {
      transform: rotate(111.6deg); }
    .arc__value[data-rotation='63'] {
      transform: rotate(113.4deg); }
    .arc__value[data-rotation='64'] {
      transform: rotate(115.2deg); }
    .arc__value[data-rotation='65'] {
      transform: rotate(117deg); }
    .arc__value[data-rotation='66'] {
      transform: rotate(118.8deg); }
    .arc__value[data-rotation='67'] {
      transform: rotate(120.6deg); }
    .arc__value[data-rotation='68'] {
      transform: rotate(122.4deg); }
    .arc__value[data-rotation='69'] {
      transform: rotate(124.2deg); }
    .arc__value[data-rotation='70'] {
      transform: rotate(126deg); }
    .arc__value[data-rotation='71'] {
      transform: rotate(127.8deg); }
    .arc__value[data-rotation='72'] {
      transform: rotate(129.6deg); }
    .arc__value[data-rotation='73'] {
      transform: rotate(131.4deg); }
    .arc__value[data-rotation='74'] {
      transform: rotate(133.2deg); }
    .arc__value[data-rotation='75'] {
      transform: rotate(135deg); }
    .arc__value[data-rotation='76'] {
      transform: rotate(136.8deg); }
    .arc__value[data-rotation='77'] {
      transform: rotate(138.6deg); }
    .arc__value[data-rotation='78'] {
      transform: rotate(140.4deg); }
    .arc__value[data-rotation='79'] {
      transform: rotate(142.2deg); }
    .arc__value[data-rotation='80'] {
      transform: rotate(144deg); }
    .arc__value[data-rotation='81'] {
      transform: rotate(145.8deg); }
    .arc__value[data-rotation='82'] {
      transform: rotate(147.6deg); }
    .arc__value[data-rotation='83'] {
      transform: rotate(149.4deg); }
    .arc__value[data-rotation='84'] {
      transform: rotate(151.2deg); }
    .arc__value[data-rotation='85'] {
      transform: rotate(153deg); }
    .arc__value[data-rotation='86'] {
      transform: rotate(154.8deg); }
    .arc__value[data-rotation='87'] {
      transform: rotate(156.6deg); }
    .arc__value[data-rotation='88'] {
      transform: rotate(158.4deg); }
    .arc__value[data-rotation='89'] {
      transform: rotate(160.2deg); }
    .arc__value[data-rotation='90'] {
      transform: rotate(162deg); }
    .arc__value[data-rotation='91'] {
      transform: rotate(163.8deg); }
    .arc__value[data-rotation='92'] {
      transform: rotate(165.6deg); }
    .arc__value[data-rotation='93'] {
      transform: rotate(167.4deg); }
    .arc__value[data-rotation='94'] {
      transform: rotate(169.2deg); }
    .arc__value[data-rotation='95'] {
      transform: rotate(171deg); }
    .arc__value[data-rotation='96'] {
      transform: rotate(172.8deg); }
    .arc__value[data-rotation='97'] {
      transform: rotate(174.6deg); }
    .arc__value[data-rotation='98'] {
      transform: rotate(176.4deg); }
    .arc__value[data-rotation='99'] {
      transform: rotate(178.2deg); }
    .arc__value[data-rotation='100'] {
      transform: rotate(180deg); }

.badge {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #f3e11e;
  font-family: "77-black-condensed", Arial, sans-serif;
  color: #003d8f;
  text-align: center; }
  @media (min-width: 1200px) {
    .badge {
      width: 84px;
      height: 84px; } }
  .badge__headline {
    font-size: 1rem; }
  .badge__subline {
    font-size: 0.625rem; }

body {
  position: relative;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-display: swap;
  max-width: 1920px;
  margin: 0 auto;
  overflow-x: hidden; }
  body.lightbox header,
  body.lightbox footer {
    display: none !important; }

.breadcrumb__item,
.breadcrumb__link {
  display: inline-block;
  color: #fff;
  text-decoration: none; }
  .quick-link-container--light-background .breadcrumb__item, .quick-link-container--light-background
  .breadcrumb__link {
    color: #99b6d5; }
  .quick-link-container--white-background .breadcrumb__item, .quick-link-container--white-background
  .breadcrumb__link {
    color: #003d8f; }

.breadcrumb__link:hover {
  text-decoration: underline; }

.breadcrumb__icon {
  margin: 0 0.375rem;
  height: 0.5625rem;
  width: 0.5625rem;
  fill: #99b6d5; }
  .quick-link-container--light-background .breadcrumb__icon {
    fill: #3d70b7; }

.breakpoint {
  display: none; }
  @media (min-width: 480px) {
    .breakpoint {
      display: block; } }
  @media (min-width: 650px) {
    .breakpoint {
      display: table; } }
  @media (min-width: 768px) {
    .breakpoint {
      display: flex; } }
  @media (min-width: 1024px) {
    .breakpoint {
      display: inline; } }
  @media (min-width: 1200px) {
    .breakpoint {
      display: table-cell; } }
  @media (min-width: 1500px) {
    .breakpoint {
      display: table-row; } }

.btn {
  background: linear-gradient(to left, #f3e11e 50%, #f7e94d 50%);
  background-position: right bottom;
  background-size: 200% 100%;
  transition: all 0.3s;
  border: 0 solid #003d8f;
  outline: none;
  color: #003d8f;
  position: relative;
  text-decoration: none;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 48px;
  display: inline-block;
  white-space: normal;
  align-items: center;
  box-shadow: none; }
  .btn .icon {
    fill: #003d8f; }
  .btn:not(:disabled):not(.disabled):hover {
    outline: 0;
    color: #003d8f;
    background-color: transparent;
    background-position: left bottom; }
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):focus {
    outline: 0;
    color: #003d8f;
    background-color: transparent;
    border-color: #003d8f;
    box-shadow: none; }
  .btn > .icon--small,
  .btn > .icon--xsmall {
    transform: translateY(50%); }
  .btn:not(button) > .icon:not(.icon--small):not(.icon--xsmall) {
    transform: translateY(-50%);
    position: relative;
    top: 50%; }
  .btn:not(button):not(.btn--small):not(.btn--tunnel):not(.btn--with-icon-without-text) > .icon:not(.icon--small):not(.icon--xsmall) {
    transform: translateY(-50%);
    position: relative;
    top: 45%; }
  .btn--full {
    width: 100%; }
  @media (max-width: 649.98px) {
    .btn {
      font-size: 1rem;
      line-height: 1rem;
      box-shadow: none;
      height: 38px; } }
  .btn:not(button) > .btn__span {
    text-align: center;
    display: inline-block;
    position: relative;
    top: 50%; }
  a .btn__span {
    transform: translateY(-50%); }
  .btn--with-icon .btn__span {
    margin-right: 12px; }
  .btn-image {
    overflow: visible; }
    .btn-image .btn__span {
      text-decoration: underline; }
    .btn-image img {
      position: absolute;
      left: -2px;
      bottom: -2px;
      height: 3.125rem;
      width: 3.125rem;
      transform: translateX(-50%); }
      @media (min-width: 650px) {
        .btn-image img {
          left: -2px;
          width: 4.5rem;
          height: 4.5rem; } }
  .btn--info {
    cursor: help;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #bebebe;
    height: 2.375rem;
    flex: 1 0 2.375rem;
    line-height: 1;
    margin-bottom: 0.75rem;
    margin-left: 0.1875rem;
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    outline-color: transparent;
    box-shadow: none; }
    @media (min-width: 768px) {
      .btn--info {
        margin-bottom: 0; } }
  .btn--small:not(.btn-secondary-dark):not(.btn--tunnel), .btn--tunnel:not(.btn-secondary-dark):not(.btn--tunnel) {
    font-size: 1rem;
    line-height: 1rem;
    box-shadow: none;
    height: 38px;
    padding: 0 1rem; }
  .btn-secondary-light.btn--small:not(.disabled):not(:disabled), .btn-secondary-light.btn--tunnel:not(.disabled):not(:disabled) {
    background: linear-gradient(to left, transparent 50%, #f4f4f4 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 2px solid #999999;
    outline: none;
    color: #003d8f;
    padding: 0 1rem; }
    .btn-secondary-light.btn--small:not(.disabled):not(:disabled) .icon, .btn-secondary-light.btn--tunnel:not(.disabled):not(:disabled) .icon {
      fill: #003d8f; }
    .btn-secondary-light.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):hover, .btn-secondary-light.btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary-light.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):active, .btn-secondary-light.btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):active, .btn-secondary-light.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):focus, .btn-secondary-light.btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      border-color: #003d8f;
      box-shadow: none; }
  .btn-secondary-light:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) {
    background: linear-gradient(to left, transparent 50%, #f4f4f4 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 2px solid #999999;
    outline: none;
    color: #003d8f;
    padding: 0 1.25rem; }
    .btn-secondary-light:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) .icon {
      fill: #003d8f; }
    .btn-secondary-light:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary-light:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn-secondary-light:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      border-color: #003d8f;
      box-shadow: none; }
  .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) {
    background: linear-gradient(to left, transparent 50%, #f4f4f4 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 2px solid #999999;
    outline: none;
    color: #003d8f;
    padding-left: calc(1.5625rem + 1rem);
    margin-left: 1.5625rem; }
    .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) .icon {
      fill: #003d8f; }
    .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #003d8f;
      background-color: transparent;
      border-color: #003d8f;
      box-shadow: none; }
    @media (min-width: 650px) {
      .btn-secondary-light.btn-image:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) {
        padding-left: calc(2.25rem + 1rem);
        margin-left: 2.25rem; } }
  .btn-secondary-dark.btn--small:not(.disabled):not(:disabled), .btn--tunnel:not(.disabled):not(:disabled) {
    font-size: 1rem;
    line-height: 1rem;
    box-shadow: none;
    height: 38px;
    background: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 2px solid #fff;
    outline: none;
    color: #fff;
    padding: 0 1rem; }
    .btn-secondary-dark.btn--small:not(.disabled):not(:disabled) .icon, .btn--tunnel:not(.disabled):not(:disabled) .icon {
      fill: #fff; }
    .btn-secondary-dark.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):hover, .btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #fff;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary-dark.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):active, .btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):active, .btn-secondary-dark.btn--small:not(.disabled):not(:disabled):not(:disabled):not(.disabled):focus, .btn--tunnel:not(.disabled):not(:disabled):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #fff;
      background-color: transparent;
      border-color: #fff;
      box-shadow: none; }
  .btn-secondary-dark:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel), .btn--tunnel:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) {
    background: linear-gradient(to left, transparent 50%, rgba(255, 255, 255, 0.2) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 2px solid #fff;
    outline: none;
    color: #fff;
    padding: 0 1.25rem; }
    .btn-secondary-dark:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) .icon, .btn--tunnel:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel) .icon {
      fill: #fff; }
    .btn-secondary-dark:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):hover, .btn--tunnel:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #fff;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary-dark:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn--tunnel:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn-secondary-dark:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):focus, .btn--tunnel:not(.disabled):not(:disabled):not(.btn--small):not(.btn--tunnel):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #fff;
      background-color: transparent;
      border-color: #fff;
      box-shadow: none; }
  .btn-secondary:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel), .btn--tunnel:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel) {
    background: linear-gradient(to left, #003d8f 50%, #3d70b7 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 0 solid #fff;
    outline: none;
    color: #fff; }
    .btn-secondary:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel) .icon, .btn--tunnel:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel) .icon {
      fill: #fff; }
    .btn-secondary:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):hover, .btn--tunnel:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #fff;
      background-color: transparent;
      background-position: left bottom; }
    .btn-secondary:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn--tunnel:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):active, .btn-secondary:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):focus, .btn--tunnel:not(.disabled):not(:disabled):not(.btn-secondary-dark):not(.btn--tunnel):not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #fff;
      background-color: transparent;
      border-color: #fff;
      box-shadow: none; }
  .btn:disabled, .infobox--inactive .btn, .tariffbox--inactive .btn, .btn.disabled {
    background: linear-gradient(to left, #e5e5e5 50%, #e5e5e5 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all 0.3s;
    border: 0 solid #bebebe;
    outline: none;
    color: #bebebe;
    opacity: 1;
    cursor: unset;
    pointer-events: none; }
    .btn:disabled .icon, .infobox--inactive .btn .icon, .tariffbox--inactive .btn .icon, .btn.disabled .icon {
      fill: #bebebe; }
    .btn:disabled:not(:disabled):not(.disabled):hover, .infobox--inactive .btn:not(:disabled):not(.disabled):hover, .tariffbox--inactive .btn:not(:disabled):not(.disabled):hover, .btn.disabled:not(:disabled):not(.disabled):hover {
      outline: 0;
      color: #bebebe;
      background-color: transparent;
      background-position: left bottom; }
    .btn:disabled:not(:disabled):not(.disabled):active, .infobox--inactive .btn:not(:disabled):not(.disabled):active, .tariffbox--inactive .btn:not(:disabled):not(.disabled):active, .btn:disabled:not(:disabled):not(.disabled):focus, .infobox--inactive .btn:not(:disabled):not(.disabled):focus, .tariffbox--inactive .btn:not(:disabled):not(.disabled):focus, .btn.disabled:not(:disabled):not(.disabled):active, .btn.disabled:not(:disabled):not(.disabled):focus {
      outline: 0;
      color: #bebebe;
      background-color: transparent;
      border-color: #bebebe;
      box-shadow: none; }
  .btn-text-link {
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #3c3c3c; }
    .btn-text-link:hover, .btn-text-link:focus, .btn-text-link:active {
      box-shadow: none;
      border: none;
      color: #003d8f;
      background: transparent; }
    .btn-text-link--dark {
      color: #fff; }
      .btn-text-link--dark:hover, .btn-text-link--dark:focus, .btn-text-link--dark:active {
        color: #fff !important; }
    .btn-text-link span {
      text-decoration: underline; }
  .btn--tunnel {
    padding: 0.375rem;
    margin-right: 0.75rem; }
  .btn--active {
    background-color: #fff;
    color: #003d8f; }
    .btn--active .icon {
      fill: #003d8f; }
      .btn--active .icon--small {
        height: 1.5rem;
        transition: transform 0.3s;
        transform: rotateZ(180deg); }
    .btn--active:hover, .btn--active:focus, .btn--active:active {
      border-color: #fff;
      background-color: #fff;
      color: #003d8f; }
  .btn--round {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0; }
    .btn--round .btn__span {
      line-height: 2; }

.cart-notification {
  position: fixed;
  top: 60px;
  right: 0.75rem;
  left: 0.75rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  @media (min-width: 768px) {
    .cart-notification {
      position: absolute;
      left: auto;
      right: .3rem;
      top: 2.5rem;
      width: 20rem; } }
  @media (min-width: 768px) and (max-width: 1023.98px) {
    nav:not(.navigation--tunnel) .cart-notification {
      position: fixed;
      top: calc(62px + 0.375rem);
      right: 0.75rem; } }
  .cart-notification__wrapper {
    margin: 0;
    padding: 0.75rem 1.5rem;
    list-style-type: none;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 61, 143, 0.5); }
  .cart-notification__element {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0; }
  .cart-notification__itemname {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1rem; }
    @media (min-width: 768px) {
      .cart-notification__itemname {
        margin-right: 1rem; } }
  .cart-notification__price {
    font-size: 0.875rem; }
  .cart-notification.active {
    opacity: 1; }

.contact-box {
  background-color: #e0e9f2;
  padding: 0.75rem;
  text-align: center;
  margin-bottom: 0.75rem; }
  .contact-box a:link,
  .contact-box a:visited {
    text-decoration: none; }

.contact-box__title {
  margin: 0.1875rem 0 0 0; }

.contact-box__primary {
  font-size: 2.25rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  color: #003d8f; }

.contact-box__secondary .icon {
  vertical-align: middle; }

.contact-box__expansion {
  text-align: left; }
  .contact-box__expansion p {
    margin-bottom: 0; }
  .contact-box__expansion .btn {
    margin: 0.75rem 0 1.5rem 0;
    color: #fff; }
  .contact-box__expansion > :last-child {
    margin-bottom: 0.75rem; }

.contact-element {
  background-color: #fff;
  color: #003d8f;
  padding: 1.5rem; }
  .contact-element__headline {
    margin-bottom: 0; }
  .contact-element__button .icon {
    margin: 0 0.75rem; }
  .contact-element__small-text {
    display: block;
    margin-top: 0.75rem;
    line-height: 1.15; }
  @media (min-width: 768px) {
    .contact-element__copy {
      margin-bottom: 0; } }
  @media (min-width: 768px) {
    .contact-element__right {
      text-align: right; } }
  .contact-element .btn__span {
    font-size: 1rem; }
    @media (min-width: 480px) {
      .contact-element .btn__span {
        font-size: 1.125rem; } }

.divider {
  margin: 0;
  height: 2px;
  background: #003d8f;
  border: none; }

.faq__item {
  border-bottom: 1px solid #e5e5e5; }
  .faq__item:first-child {
    border-top: 1px solid #e5e5e5; }

.filter__result-count {
  display: inline-block;
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.39;
  margin: 0.375rem 0 0.75rem; }

.filter__wrapper {
  position: relative; }
  .filter__wrapper.fade-left .filter__pills--center,
  .filter__wrapper.fade-left .filter__chips--center, .filter__wrapper.fade-right .filter__pills--center,
  .filter__wrapper.fade-right .filter__chips--center {
    justify-content: flex-start; }
  .filter__wrapper.fade-left::before, .filter__wrapper.fade-left::after, .filter__wrapper.fade-right::before, .filter__wrapper.fade-right::after {
    content: '';
    display: block;
    width: 3.75rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1; }
  .filter__wrapper.fade-left::before {
    right: calc(100% - 0.75rem - 10px);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 20%, white 100%); }
  .filter__wrapper.fade-right::after {
    left: calc(100% - 0.75rem - 10px);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 100%); }

.filter__pill--pointer {
  display: none;
  position: absolute;
  top: 2.25rem; }
  .filter__pill--pointer::after {
    position: absolute;
    clear: both;
    content: '';
    height: 0;
    width: 0;
    top: 0;
    right: auto;
    left: 50%;
    bottom: 0;
    border-bottom: 10px solid #99b6d5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 1;
    transform: translate(-50%, -6px); }
  .filter__pill--pointer::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: 50%;
    width: 7px;
    height: 7px;
    border: 7px solid transparent;
    z-index: 5;
    transform: translate(-50%, -12px);
    border-bottom-color: #fff; }

.filter__call-out {
  display: none;
  border: 1px solid #99b6d5;
  position: absolute;
  z-index: 4;
  background: #fff;
  top: 2.25rem;
  padding: 1.125rem; }
  .filter__call-out label:not(:last-child) {
    border-bottom: 1px solid #e0e9f2;
    padding-bottom: .4em;
    margin-bottom: .4em; }

.filter__pills, .filter__chips {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none; }
  @media (min-width: 1024px) {
    .filter__pills, .filter__chips {
      white-space: unset;
      overflow: unset;
      flex-wrap: wrap; } }
  .filter__pills--center, .filter__chips--center {
    justify-content: center; }

.filter-pills .filter-link,
.filter-pills .filter__chip {
  display: inline-block;
  margin-right: 0.375rem;
  padding: 0;
  text-decoration: none; }
  .filter-pills .filter-link > span,
  .filter-pills .filter__chip > span {
    font-size: 1rem; }

.filter-pills .filter-link {
  display: inline-block;
  margin-bottom: 0.5625rem; }
  .filter-pills .filter-link > span {
    cursor: pointer;
    display: block;
    padding: 0.1875rem 0.5625rem;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.22;
    color: #003d8f;
    height: auto;
    border: 1px solid #e5e5e5; }
  @media (hover: hover) and (pointer: fine), (-moz-touch-enabled: 0) {
    .filter-pills .filter-link:hover {
      text-decoration: none;
      background-color: transparent; }
      .filter-pills .filter-link:hover > span {
        color: white;
        background-color: #3d70b7;
        border-color: #3d70b7; } }
  .filter-pills .filter-link.active {
    text-decoration: none;
    background-color: transparent; }
    .filter-pills .filter-link.active > span {
      color: white;
      background-color: #3d70b7;
      border-color: #3d70b7; }

.filter-pills .filter__chip {
  margin-bottom: 0.375rem; }
  .filter-pills .filter__chip.active {
    display: inline-block; }
  .filter-pills .filter__chip > span {
    cursor: pointer;
    display: block;
    padding: 0.1875rem 0.5625rem;
    border-radius: 5px;
    background-color: #e5e5e5;
    font-size: 1rem;
    line-height: 1.22;
    color: #3c3c3c;
    height: auto; }

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-right: none; }

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-left: none; }

.input-group__icon {
  border-color: #bebebe; }
  .input-group__icon .icon {
    fill: #acacac; }
  .input-group__icon:hover .icon {
    fill: #003d8f; }

.form-control {
  height: 2.375rem;
  border-color: #bebebe; }
  .form-control:-ms-input-placeholder {
    color: #acacac; }
  .form-control::-ms-input-placeholder {
    color: #acacac; }
  .form-control::placeholder {
    color: #acacac; }
  .form-control:focus, .form-control:active {
    border-color: #99b6d5;
    box-shadow: inset 0 0 0.1rem 0 #99b6d5; }

form label {
  margin-top: 0.375rem; }

.toggle-label {
  cursor: pointer;
  display: block;
  font-size: 1em;
  line-height: 1.5rem;
  margin-bottom: .8em;
  padding-left: 2rem;
  position: relative;
  user-select: none; }
  .toggle-label:last-of-type {
    margin-bottom: 0; }
  .toggle-label:hover .toggle-label__radio:not(:checked) ~ .toggle-label__checkmark {
    background: #e5e5e5; }
  .toggle-label--checkbox .toggle-label__checkmark {
    border-radius: 2px;
    height: 1.375rem;
    width: 1.375rem;
    top: 0; }
    .toggle-label--checkbox .toggle-label__checkmark--checked {
      color: #003d8f;
      margin-top: -7px; }
  .toggle-label--bold-label .toggle-label__text {
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #003d8f; }
  .toggle-label__checkmark {
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 50%;
    height: 1.5rem;
    left: 0;
    position: absolute;
    top: -1px;
    width: 1.5rem; }
    .toggle-label__checkmark--checked {
      display: none;
      color: #003d8f;
      height: 1.625rem;
      margin-top: -5px;
      padding: 0.125rem 0rem 0.125rem 0.25rem;
      width: 1.625rem; }
  .toggle-label__radio {
    cursor: pointer;
    opacity: 0;
    position: absolute; }
    .toggle-label__radio:checked ~ .toggle-label__checkmark .icon {
      display: block; }
  .toggle-label__flap {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "77-black-condensed", Arial, sans-serif; }
  .toggle-label__text a,
  .toggle-label__text a:focus,
  .toggle-label__text a:active {
    color: inherit;
    text-decoration: none; }
  .toggle-label__text .icon,
  .toggle-label__text .countdown .icon {
    color: #003d8f;
    vertical-align: middle;
    position: relative;
    top: -.1em; }
  .toggle-label__sub-text {
    display: block;
    line-height: 1.3; }
  .toggle-label--lg {
    font-size: 1.4rem;
    padding-left: 2.5rem; }
    .toggle-label--lg .toggle-label__checkmark {
      height: 2rem;
      width: 2rem;
      top: -4px; }
      .toggle-label--lg .toggle-label__checkmark--checked {
        height: 2.125rem;
        width: 2.125rem; }
    .toggle-label--lg .toggle-label__sub-text {
      font-size: 1rem;
      line-height: 1.2; }

.select-container {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .select-container--full {
    width: 100%; }
  .select-container select.form-control:not([size]):not([multiple]),
  .select-container button.form-control:not([size]):not([multiple]), .select-container__selectbox.form-control:not([size]):not([multiple]) {
    height: 2.375rem; }
  .select-container .form-control {
    margin-bottom: 0;
    margin-right: 3rem;
    padding: 0.375rem 0.75rem; }
  .select-container .icon {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%); }
  @media (min-width: 768px) {
    .select-container__selectbox ~ svg:not(:disabled):not([readonly]) {
      display: none; } }
  .select-container select,
  .select-container button, .select-container__selectbox {
    width: 100%;
    border: 1px solid #bebebe;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0; }
  .select-container select,
  .select-container button, .select-container__selectbox,
  .select-container__ul li {
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    height: 2.375rem;
    text-align: left;
    color: #003d8f;
    white-space: nowrap; }
    .select-container select::after,
    .select-container button::after, .select-container__selectbox::after,
    .select-container__ul li::after {
      content: attr(title) !important;
      overflow: hidden;
      visibility: hidden;
      display: block !important;
      height: 1px;
      font-family: "77-black-condensed", Arial, sans-serif;
      color: transparent; }
  @media (min-width: 768px) {
    .select-container select:hover, .select-container select:focus, .select-container select.focused,
    .select-container__ul li:hover,
    .select-container__ul li:focus,
    .select-container__ul li.focused {
      font-family: "77-black-condensed", Arial, sans-serif; } }
  .select-container select {
    appearance: none;
    padding-right: 2.25rem; }
    @media (min-width: 768px) {
      .select-container select {
        /*
        should not be display none, because then the validation doesnt work properly
        1px of the element always have to be visible to make it work, thats why ther border is 1px transparent
        position needs to be absolute at the bottom to make error-message not overlay the select
      */ }
        .select-container select.form-control:not([size]):not([multiple]):not(:disabled):not([readonly]), .select-container select:not([size]):not([multiple]):not(:disabled):not([readonly]) {
          height: 0;
          padding: 0;
          position: absolute;
          bottom: 0;
          border-width: 1px 0 0 0;
          border-color: transparent;
          opacity: 0;
          pointer-events: none; } }
    .select-container select::-ms-expand {
      display: none; }
    .select-container select option {
      padding: .125rem; }
  .select-container button, .select-container__selectbox, .select-container__ul {
    cursor: pointer;
    display: none; }
  .select-container button, .select-container__selectbox {
    z-index: 1;
    position: relative;
    padding-right: 2.25rem; }
    @media (min-width: 768px) {
      .select-container button:not(:disabled):not([readonly]), .select-container__selectbox:not(:disabled):not([readonly]) {
        display: inline-block; } }
    .select-container button::after, .select-container__selectbox::after {
      content: '';
      display: inline-block; }
  .select-container__ul {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 100%;
    list-style: none;
    margin-top: -1px;
    margin-bottom: 0;
    padding-left: 0;
    border: 1px solid #99b6d5;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    overflow-y: auto; }
  .select-container__ul li:not(:first-child) {
    border-top: 1px solid #99b6d5; }
  .select-container__ul li:hover {
    font-family: "77-black-condensed", Arial, sans-serif; }
  .select-container--ul-expanded button,
  .select-container--ul-expanded .select-container__selectbox {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: #99b6d5; }
  .select-container--styled-sm select {
    display: none; }
  .select-container--styled-sm > .icon {
    display: none; }
  .select-container--styled-sm .select-container__selectbox {
    display: block; }
  .select-container__ul--styled-sm.select-container--ul-expanded {
    display: block; }
  .select-container__ul--styled-sm li {
    padding: 0.375rem;
    height: auto; }
  .select-container select.form-control:disabled, .select-container select.form-control[readonly] {
    color: #bebebe; }
    .select-container select.form-control:disabled ~ .icon, .select-container select.form-control[readonly] ~ .icon {
      fill: #bebebe; }
    @media (min-width: 768px) {
      .select-container select.form-control:disabled, .select-container select.form-control[readonly] {
        font-family: inherit; }
        .select-container select.form-control:disabled ~ .select-container__selectbox, .select-container select.form-control[readonly] ~ .select-container__selectbox {
          display: none; }
        .select-container select.form-control:disabled ~ .icon, .select-container select.form-control[readonly] ~ .icon {
          display: block; } }

@media (min-width: 768px) {
  ul.select-container--ul-expanded:not(:disabled):not([readonly]) {
    display: inline-block; } }

.select-option-multi-content {
  display: flex;
  align-items: center; }
  .select-option-multi-content__image {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 0; }
    .select-option-multi-content__image img {
      max-width: 100%;
      max-height: 100%; }

textarea.form-control {
  min-height: 9rem;
  overflow: hidden;
  resize: vertical; }

textarea + .textarea-clone {
  display: block;
  position: absolute;
  left: -9999px;
  padding: 0.375rem 0.75rem; }

.flag--ribbon {
  visibility: visible;
  opacity: 1;
  right: 0;
  transition: opacity .15s ease-in-out;
  top: 1.5rem;
  z-index: 3;
  position: absolute;
  padding: 0;
  width: 60px; }
  @media (min-width: 1024px) and (max-width: 1199.98px) {
    .flag--ribbon {
      width: 45px; } }
  .flag--ribbon-big {
    width: 100px; }
    @media (min-width: 1024px) and (max-width: 1199.98px) {
      .flag--ribbon-big {
        width: 60px; } }
  .flag--ribbon > span {
    position: relative;
    width: 100%;
    color: #fff;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    background-color: #003d8f;
    padding: 0 0.75rem 0 0.375rem;
    text-align: center;
    justify-content: center;
    align-items: center; }
  .flag--ribbon > picture {
    max-width: 100%; }

.availability {
  position: relative;
  height: 30px;
  font-size: 1rem;
  color: #57ab27;
  padding-left: 1.25rem;
  display: flex;
  align-items: center; }
  .availability::before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background-color: #57ab27;
    position: absolute;
    left: 0;
    bottom: 4px;
    transform: translateY(-50%); }
  .availability--box {
    color: #57ab27;
    padding: 0;
    display: flex;
    align-items: center; }
    .availability--box .icon {
      margin-right: 0.375rem; }
    .availability--box::before {
      content: none; }
  .availability--later-available {
    color: #f0b602; }
    .availability--later-available::before {
      background-color: #f0b602; }
  .availability--not-available {
    color: #d60600; }
    .availability--not-available::before {
      background-color: #d60600; }

.color-chooser {
  margin-bottom: 0.1875rem; }
  .color-chooser::after {
    display: block;
    content: '';
    clear: both; }
  .color-chooser__label {
    margin-bottom: 0.5625rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.39;
    color: #3c3c3c; }
    .color-chooser__label span[data-toggle] {
      position: relative; }
      .color-chooser__label span[data-toggle] .icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0.1875rem; }
  .color-chooser input {
    display: none; }
  .color-chooser__name-display {
    font-family: "57-condensed", Arial, sans-serif; }
  .color-chooser__tile {
    position: relative;
    display: block;
    float: left;
    margin: 0 0.5625rem 0 0; }
    .color-chooser__tile:last-child {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .color-chooser__tile {
        margin-right: 0.375rem; } }
    .color-chooser__tile input:checked + span {
      box-shadow: 0 0 0 1px currentColor;
      border-color: #f4f4f4;
      border-radius: 5px; }
    .color-chooser__tile input:checked[value*='white' i] + span {
      box-shadow: 0 0 0 1px #3c3c3c, 0 0 0 2px #f4f4f4 inset, 0 0 0 3px #3c3c3c inset;
      border: 0; }
    .color-chooser__tile input[value*='white' i] + span {
      border: 1px solid #3c3c3c; }
  .color-chooser__name {
    display: none; }
  .color-chooser__display {
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer; }
    .color-chooser__display.black, .color-chooser__display.aura_black, .color-chooser__display.yale_black, .color-chooser__display.nike_space_gray {
      color: #000; }
    .color-chooser__display.mirror_black {
      color: #0b1224; }
    .color-chooser__display.black2, .color-chooser__display.space_gray {
      color: #3c3c3c; }
    .color-chooser__display.black_ceramic, .color-chooser__display.midnight_black {
      color: #000102; }
    .color-chooser__display.mystic_black {
      color: #1f1f1f; }
    .color-chooser__display.midnight_gray {
      color: #4c4e52; }
    .color-chooser__display.grey, .color-chooser__display.gray {
      color: #646464; }
    .color-chooser__display.mystic_grey, .color-chooser__display.nike_silver {
      color: #7a7a7a; }
    .color-chooser__display.silver, .color-chooser__display.aura_glow {
      color: #b5b5b5; }
    .color-chooser__display.white, .color-chooser__display.white2 {
      color: #fff; }
    .color-chooser__display.white_ceramic {
      color: #fbfbfb; }
    .color-chooser__display.aura_white {
      color: #ebe7e3; }
    .color-chooser__display.mystic_white {
      color: #f6f5f3; }
    .color-chooser__display.rosegold, .color-chooser__display.pink_gold {
      color: #f8e0e0; }
    .color-chooser__display.violet {
      color: #ebc3e8; }
    .color-chooser__display.misty_lavender {
      color: #a67d94; }
    .color-chooser__display.coral, .color-chooser__display.pink, .color-chooser__display.aura_pink {
      color: #f57676; }
    .color-chooser__display.amber_sunrise {
      color: #ff5603; }
    .color-chooser__display.red {
      color: #f70606; }
    .color-chooser__display.aura_red {
      color: #da242d; }
    .color-chooser__display.apple_product_red {
      color: #ce0b33; }
    .color-chooser__display.gold {
      color: #cbb97d; }
    .color-chooser__display.mystic_bronze {
      color: #dcb5aa; }
    .color-chooser__display.yellow {
      color: #f3e11e; }
    .color-chooser__display.green {
      color: #0b615e; }
    .color-chooser__display.mystic_green {
      color: #a1bfad; }
    .color-chooser__display.midnight_green {
      color: #2d3830; }
    .color-chooser__display.mystic_blue {
      color: #153b49; }
    .color-chooser__display.breathing_crystal {
      color: #49efff; }
    .color-chooser__display.peacock_blue {
      color: #40c9f3; }
    .color-chooser__display.aurora {
      color: #0167ed; }
    .color-chooser__display.horizon_blue {
      color: #aecce4; }
    .color-chooser__display.aurora_gray {
      color: #4a5058; }
    .color-chooser__display.blue, .color-chooser__display.blau {
      color: #003d8f; }
    .color-chooser__display.mirror_purple {
      color: #9f6abe; }
    .color-chooser__display.twilight {
      color: #64539e; }
    .color-chooser__display.cosmic_black {
      color: #090c08; }
    .color-chooser__display.cosmic_gray {
      color: #686968; }
    .color-chooser__display.cloud_blue {
      color: #c3e3f9; }
    .color-chooser__display.cloud_pink {
      color: #e8bbc8; }
    .color-chooser__display.cloud_white {
      color: #eff8ed; }
    .color-chooser__display.cloud_navy {
      color: #435171; }
    .color-chooser__display.cloud_mint {
      color: #a9d4bf; }
    .color-chooser__display.cloud_red {
      color: #e6454b; }
    .color-chooser__display.cloud_lavender {
      color: #efd1f2; }
    .color-chooser__display.cloud_orange {
      color: #fcc592; }
    .color-chooser__display.prism_clush_blue {
      color: #9fdad8; }
    .color-chooser__display.prism_clush_white {
      color: #fff; }
    .color-chooser__display.prism_clush_silver {
      color: #b5b5b5; }
    .color-chooser__display.prism_clush_black {
      color: #304553; }
    .color-chooser__display.prism_blue {
      color: #1428a0; }
    .color-chooser__display.prism_white {
      color: #d5eef1; }
    .color-chooser__display.crush_green {
      color: #089464; }
    .color-chooser__display.sakura_pink {
      color: #fadeed; }
    .color-chooser__display.silver_frost, .color-chooser__display.graphite {
      color: #9e9e9e; }
    .color-chooser__display.pacific_blue {
      color: #25404b; }
    .color-chooser__display.blush_gold {
      color: #e8be98; }
    .color-chooser__display.lunar_silver {
      color: #a5a5ab; }
    .color-chooser__display.phantom_white {
      color: #fff; }
    .color-chooser__display.phantom_violet {
      color: #9694b5; }
    .color-chooser__display.phantom_pink {
      color: #edbeb7; }
    .color-chooser__display.phantom_gray {
      color: #3e4044; }
    .color-chooser__display.phantom_black {
      color: #0f0f0f; }
    .color-chooser__display.phantom_silver {
      color: #a9b9c6; }
    .color-chooser__display.brown {
      color: #af6904; }
    .color-chooser__display.awesome_blue {
      color: #81b4d2; }
    .color-chooser__display.awesome_black {
      color: #1e1e1e; }

.variant-chooser {
  margin-bottom: 0.1875rem; }
  .variant-chooser::after {
    display: block;
    content: '';
    clear: both; }
  .variant-chooser__label {
    margin-bottom: 0.5625rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.39;
    color: #3c3c3c; }
    .variant-chooser__label span[data-toggle] {
      position: relative; }
      .variant-chooser__label span[data-toggle] .icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 0.1875rem; }
  .variant-chooser input {
    display: none; }
  .variant-chooser__name-display {
    font-family: "57-condensed", Arial, sans-serif; }
  .variant-chooser__tile {
    margin: 0 0.5625rem 0.5625rem 0;
    display: block;
    float: left; }
    .variant-chooser__tile:last-child {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .variant-chooser__tile {
        margin-right: 0.375rem;
        margin-bottom: 0.375rem; } }
    .variant-chooser__tile input:checked + .variant-chooser__display {
      color: #fff;
      background-color: #3d70b7;
      border-color: #3d70b7; }
    .variant-chooser__tile input:disabled + .variant-chooser__display {
      color: #e5e5e5;
      cursor: not-allowed; }
  .variant-chooser__display {
    cursor: pointer;
    display: block;
    padding: 0.1875rem 0.5625rem;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1rem;
    line-height: 1.22;
    color: #003d8f;
    height: auto;
    border: 1px solid #e5e5e5; }

.hwd-configuration-campaign {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  min-height: 9.375rem; }
  @media (min-width: 1200px) {
    .hwd-configuration-campaign {
      padding-top: 0; } }
  .hwd-configuration-campaign__headline, .hwd-configuration__static-checkbox {
    margin-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
    @media (min-width: 650px) {
      .hwd-configuration-campaign__headline, .hwd-configuration__static-checkbox {
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    @media (min-width: 1024px) {
      .hwd-configuration__campaign-wrapper:nth-child(3) .hwd-configuration-campaign__headline, .hwd-configuration__campaign-wrapper:nth-child(3) .hwd-configuration__static-checkbox {
        padding-right: 0.75rem;
        padding-left: 0.75rem; } }
    @media (min-width: 1200px) {
      .hwd-configuration-campaign__headline, .hwd-configuration__static-checkbox {
        padding-right: 0.75rem;
        padding-left: 0.75rem; } }
    .hwd-configuration-campaign__headline .toggle-label__text, .hwd-configuration__static-checkbox .toggle-label__text {
      font-size: 1.25rem;
      line-height: 1.39; }
  .hwd-configuration-campaign__image {
    position: absolute;
    right: 0.375rem;
    bottom: 0; }
    @media all and (-ms-high-contrast: none) {
      .hwd-configuration-campaign__image a {
        display: block; } }
    .hwd-configuration-campaign__image img,
    .hwd-configuration-campaign__image object {
      max-width: 120px;
      display: block;
      position: relative;
      bottom: 0;
      right: 0; }

@media all and (min-width: 480px) and (-ms-high-contrast: none) {
  .hwd-configuration-campaign__image img,
  .hwd-configuration-campaign__image object {
    width: 100%; } }
  .hwd-configuration-campaign__description {
    padding-right: 0.75rem;
    margin-bottom: 0.75rem; }
  .hwd-configuration-campaign__description, .hwd-configuration-campaign__availability, .hwd-configuration-campaign__configuration {
    padding-left: 2.75rem; }
    @media (min-width: 650px) {
      .hwd-configuration-campaign__description, .hwd-configuration-campaign__availability, .hwd-configuration-campaign__configuration {
        padding-left: 3.5rem; } }
    @media (min-width: 1024px) {
      .hwd-configuration__campaign-wrapper:nth-child(3) .hwd-configuration-campaign__description, .hwd-configuration__campaign-wrapper:nth-child(3) .hwd-configuration-campaign__availability, .hwd-configuration__campaign-wrapper:nth-child(3) .hwd-configuration-campaign__configuration {
        padding-left: 2.75rem; } }
    @media (min-width: 1200px) {
      .hwd-configuration-campaign__description, .hwd-configuration-campaign__availability, .hwd-configuration-campaign__configuration {
        padding-left: 2.75rem; } }
  @media (min-width: 1200px) {
    .col-xl-4 > .hwd-configuration-campaign {
      padding-bottom: 1.5rem; }
      .col-xl-4 > .hwd-configuration-campaign .hwd-configuration-campaign__configuration {
        width: calc(100% - 0.75rem); } }

h1, h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text,
h3,
.h1,
.h2,
.h3 {
  font-family: "77-black-condensed", Arial, sans-serif;
  line-height: 1.2; }

h1, .h1 {
  font-size: 2.625rem; }

h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text, .h2 {
  font-size: 2.25rem; }

h3, .h3 {
  margin-bottom: 1.5rem; }

h4, .h4 {
  font-size: 1.125rem; }

.form-group__headline, .sticky-section-header, .sticky-section-tariffs {
  font-size: 1.25rem;
  font-family: "77-black-condensed", Arial, sans-serif; }

html {
  padding: 0 0.75rem; }
  @media (min-width: 480px) {
    html {
      padding: 0 1.5rem; } }
  @media (min-width: 650px) {
    html {
      padding: 0 2.25rem; } }
  @media (min-width: 768px) {
    html {
      padding: 0 1.5rem; } }
  @media (min-width: 1200px) {
    html {
      padding: 0 0; } }
  @media all and (min-width: 1920px) {
    html {
      background: #f4f4f4; } }

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

.lazy-video {
  position: relative;
  font-size: 0; }
  .lazy-video img {
    width: 100%; }
  .lazy-video svg {
    height: 75px;
    width: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #003d8f;
    border-radius: 50%; }
  .lazy-video iframe {
    position: absolute;
    top: 0;
    left: 0; }
  .lazy-video--preview {
    cursor: pointer; }
    .lazy-video--preview:hover svg {
      background: #084dab; }
    .lazy-video--preview iframe {
      display: none; }

a,
.a {
  text-decoration-skip-ink: auto;
  text-decoration: underline;
  color: inherit; }
  a:focus, a:active,
  .a:focus,
  .a:active {
    outline: 0; }
  a:focus, a:hover,
  .a:focus,
  .a:hover {
    text-decoration: none;
    color: inherit; }
  a.smallprintlink, a.no-underline,
  .a.smallprintlink,
  .a.no-underline {
    text-decoration: none; }
    a.smallprintlink:not(.no-hover):focus, a.smallprintlink:not(.no-hover):hover, a.smallprintlink:not(.no-hover):active, a.no-underline:not(.no-hover):focus, a.no-underline:not(.no-hover):hover, a.no-underline:not(.no-hover):active,
    .a.smallprintlink:not(.no-hover):focus,
    .a.smallprintlink:not(.no-hover):hover,
    .a.smallprintlink:not(.no-hover):active,
    .a.no-underline:not(.no-hover):focus,
    .a.no-underline:not(.no-hover):hover,
    .a.no-underline:not(.no-hover):active {
      text-decoration: underline;
      color: #003d8f; }
  a.smallprintlink,
  .a.smallprintlink {
    font-size: 1rem; }

.link-colored-hover {
  color: #003d8f; }
  .link-colored-hover:hover {
    color: #001c43; }
  .link-colored-hover--inverted {
    color: #001c43; }
    .link-colored-hover--inverted:hover {
      color: #003d8f; }

.link--dynamic {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: left; }
  .link--dynamic > .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
    .link--dynamic > .icon.mirror {
      transform: translateY(-50%) rotate(180deg); }
  .link--dynamic .link__text {
    white-space: nowrap; }
    .link--dynamic .link__text--wrap {
      white-space: normal;
      hyphens: auto; }
    .link--dynamic .link__text > span {
      text-decoration: underline;
      text-decoration-skip-ink: auto; }
    .link--dynamic .link__text > .icon {
      margin-left: .25rem; }

.link__pre-icon--small {
  padding-left: 1rem; }

.link__pre-icon--medium {
  padding-left: 1.625rem; }

.link__pre-icon--large {
  padding-left: 2.25rem; }

@keyframes loader {
  0%,
  80%,
  100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.loader {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  position: relative; }
  .loader__child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
    .loader__child::before {
      content: '';
      display: block;
      margin: 0 auto;
      width: 15%;
      height: 15%;
      background-color: #fff;
      border-radius: 100%;
      animation: loader 1.2s infinite ease-in-out; }
    .loader__child:nth-child(1) {
      transform: rotate(30deg); }
      .loader__child:nth-child(1)::before {
        animation-delay: -1.1s; }
    .loader__child:nth-child(2) {
      transform: rotate(60deg); }
      .loader__child:nth-child(2)::before {
        animation-delay: -1s; }
    .loader__child:nth-child(3) {
      transform: rotate(90deg); }
      .loader__child:nth-child(3)::before {
        animation-delay: -0.9s; }
    .loader__child:nth-child(4) {
      transform: rotate(120deg); }
      .loader__child:nth-child(4)::before {
        animation-delay: -0.8s; }
    .loader__child:nth-child(5) {
      transform: rotate(150deg); }
      .loader__child:nth-child(5)::before {
        animation-delay: -0.7s; }
    .loader__child:nth-child(6) {
      transform: rotate(180deg); }
      .loader__child:nth-child(6)::before {
        animation-delay: -0.6s; }
    .loader__child:nth-child(7) {
      transform: rotate(210deg); }
      .loader__child:nth-child(7)::before {
        animation-delay: -0.5s; }
    .loader__child:nth-child(8) {
      transform: rotate(240deg); }
      .loader__child:nth-child(8)::before {
        animation-delay: -0.4s; }
    .loader__child:nth-child(9) {
      transform: rotate(270deg); }
      .loader__child:nth-child(9)::before {
        animation-delay: -0.3s; }
    .loader__child:nth-child(10) {
      transform: rotate(300deg); }
      .loader__child:nth-child(10)::before {
        animation-delay: -0.2s; }
    .loader__child:nth-child(11) {
      transform: rotate(330deg); }
      .loader__child:nth-child(11)::before {
        animation-delay: -0.1s; }
  .loader--dark .loader__child::before {
    background-color: #003d8f; }

main {
  display: block;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem; }
  main.main--nomargin {
    margin-top: 0;
    padding-top: 3rem; }

[data-toggle='modal-lite'] {
  cursor: pointer; }

.modal-shown {
  overflow-y: hidden; }

.modal-lite {
  background-color: rgba(0, 0, 0, 0.15);
  display: none;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  z-index: 2999;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /* Modal Content */ }
  .modal-lite--shown {
    display: flex; }
  .modal-lite__content {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 0.75rem;
    position: relative;
    width: 100%;
    max-height: 100%;
    animation-name: fade-in;
    animation-duration: 0.3s;
    margin: 0 auto; }
    .modal-lite__content.modal-lite-sm {
      max-width: 480px; }
    .modal-lite__content.modal-lite-md {
      max-width: 720px; }
    .modal-lite__content.modal-lite-lg {
      max-width: 960px; }
    .modal-lite__content.modal-lite-xl {
      max-width: 1024px; }
    .modal-lite__content.modal-lite-xxl {
      max-width: 1200px; }
    .modal-lite__content-header {
      color: #003d8f;
      margin-bottom: 0 0 0.75rem 0;
      min-height: 50px;
      padding: 0;
      position: relative; }
    .modal-lite__content-body {
      position: relative;
      margin: 0;
      padding: 0; }
      .modal-lite:not(.modal-lite-iframe-none) .modal-lite__content-body {
        flex: 1 0 auto; }
      .modal-lite-iframe-none .modal-lite__content-body {
        overflow: auto; }
      .modal-lite__content-body .iframe-wrapper {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        overflow: hidden; }
        .modal-lite__content-body .iframe-wrapper iframe {
          height: 100%;
          width: 100%; }
        .modal-lite__content-body .iframe-wrapper.is-ios {
          -webkit-overflow-scrolling: touch;
          overflow-y: scroll; }
    .modal-lite__content-footer {
      margin: 0.75rem 0 0 0;
      text-align: right;
      padding-left: 0.75rem;
      padding-right: 0.75rem; }
      @media (min-width: 480px) {
        .modal-lite__content-footer {
          padding-left: 1.5rem;
          padding-right: 1.5rem; } }
      @media (min-width: 650px) {
        .modal-lite__content-footer {
          padding-left: 2.25rem;
          padding-right: 2.25rem; } }
      @media (min-width: 768px) {
        .modal-lite__content-footer {
          padding-left: 1.5rem;
          padding-right: 1.5rem; } }
  .modal-lite__title {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    pointer-events: auto;
    text-align: left;
    padding-left: 0.75rem;
    padding-right: 2.25rem; }
    @media (min-width: 480px) {
      .modal-lite__title {
        padding-left: 1.5rem;
        padding-right: 3rem; } }
    @media (min-width: 650px) {
      .modal-lite__title {
        padding-left: 2.25rem;
        padding-right: 3.75rem; } }
    @media (min-width: 768px) {
      .modal-lite__title {
        padding-left: 1.5rem;
        padding-right: 3rem; } }
  .modal-lite__close {
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.875rem;
    height: 1.875rem; }
    .modal-lite__close .icon {
      width: 100%;
      height: 100%; }
    @media (min-width: 480px) {
      .modal-lite__close {
        right: 0.75rem; } }
    @media (min-width: 650px) {
      .modal-lite__close {
        right: 1.5rem; } }
    @media (min-width: 768px) {
      .modal-lite__close {
        right: 0.75rem; } }
  .modal-lite-iframe-none {
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .modal-lite-iframe-ios {
    height: 100%;
    overflow: auto;
    position: static;
    -webkit-overflow-scrolling: touch; }

.notification-item {
  align-items: center;
  background-color: #57ab27;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  padding: 0.375rem; }
  .notification-item .icon {
    fill: #fff;
    flex-shrink: 0;
    margin-right: 0.375rem; }
  .notification-item__text {
    line-height: 1; }

a object {
  pointer-events: none; }

ol,
.ordered-list {
  padding-left: 0; }
  ol li,
  .ordered-list li {
    position: relative;
    list-style-position: inside; }

.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0, 61, 143, 0.9);
  opacity: 0;
  text-align: center;
  z-index: 4; }
  .overlay__inner {
    position: relative; }
    .overlay__inner img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      max-width: 100%;
      max-height: 100%; }
  .overlay__close {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    cursor: pointer;
    z-index: 1; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem; }
  .pagination__item {
    margin: 0 .15em;
    vertical-align: middle; }
    .pagination__item--active .pagination__link {
      color: #fff;
      background-color: #003d8f;
      border-color: #003d8f; }
    .pagination__item--previous .pagination__link,
    .pagination__item--next .pagination__link {
      border: 0;
      margin: 0;
      width: auto; }
  .pagination__link {
    display: block;
    width: 1.875em;
    height: 1.875em;
    line-height: 1.875em;
    text-align: center;
    color: #6c757d;
    background-color: #fff;
    border: 1px solid #999999;
    border-radius: 5px;
    text-decoration: none; }
    .pagination__link .icon {
      margin-top: .3em; }

.partner-banner {
  position: relative; }
  .partner-banner__img {
    width: 100%; }

.pdfviewer {
  width: 100%;
  text-align: center;
  background-color: #f4f4f4; }
  .pdfviewer .pdfviewer__object {
    width: 100%;
    height: 60vh;
    min-height: 24em;
    max-height: 34em;
    margin: 0 auto;
    display: inline;
    text-align: center; }
    @media (min-width: 768px) {
      .pdfviewer .pdfviewer__object {
        width: 50%; } }

[data-toggle='popover'] {
  cursor: pointer;
  position: relative; }
  [data-toggle='popover']:focus {
    outline: 0; }

.popover-header {
  padding: 0.75rem 2.25rem 0.75rem 0.75rem;
  position: relative;
  min-height: 38px; }

.popover-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.popover {
  font-size: .9rem;
  line-height: 1.3;
  border-radius: 5px; }
  .popover p {
    margin-bottom: .5rem; }
  @media (max-width: 649.98px) {
    .popover {
      position: fixed !important;
      display: flex;
      flex-direction: column;
      transform: none !important;
      min-height: 100% !important;
      max-height: 100%;
      min-width: 100% !important;
      margin: 0 !important;
      border: none !important;
      border-radius: 0 !important; } }

.popover__close {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translate(0, -50%);
  cursor: pointer; }
  .popover__close::after {
    content: ' ';
    width: 40px;
    height: 40px;
    position: absolute;
    overflow: auto;
    top: 0;
    left: -20px;
    bottom: 0;
    right: 0;
    margin: auto;
    opacity: .5; }

.price__note [data-toggle='popover'] {
  position: absolute;
  right: -20px;
  top: -8px;
  bottom: 0; }

.popover__trigger--info {
  display: inline-flex;
  font-size: 1rem;
  font-family: "57-condensed", Arial, sans-serif;
  line-height: 0.375rem;
  color: #003d8f;
  border: 1px solid #003d8f;
  background: #fff;
  padding: 0.375rem; }

.popover-title,
.popover-content {
  display: none; }

.promolink {
  font-size: 1rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important;
  background: #f4f4f4;
  padding: 0.375rem;
  position: relative;
  width: 100%; }
  .promolink a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.375rem 0.375rem 0 0;
    color: #003d8f; }

.pullquote {
  display: block;
  position: relative;
  font-size: 1.125rem; }
  .pullquote::before {
    content: '\201E';
    color: #e0e9f2;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 6em;
    position: absolute;
    top: -.82em;
    left: 0;
    z-index: 1; }
  .pullquote__quote {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    position: relative;
    z-index: 2;
    margin-left: 3em;
    margin-bottom: 0;
    min-height: 2.5em; }
  .pullquote__author {
    color: #6e91ba;
    font-style: normal;
    text-align: right;
    display: block; }

.quick-entry {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(to left, transparent 50%, #f4f4f4 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background-position 0.3s ease-out;
  font-size: 0.75rem;
  line-height: 1.39; }
  .quick-entry:not(:first-child):not(.quick-entry)::before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, #e5e5e5, #fff);
    left: 0;
    top: 0; }
  @media (min-width: 1200px) {
    .quick-entry {
      font-size: 1.125rem;
      line-height: 1.39; } }
  .quick-entry::before {
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    width: 0;
    bottom: 0;
    background: #003d8f;
    height: 2px;
    transition: width 0.3s ease-out; }
  .quick-entry:hover, .quick-entry:active {
    text-decoration: none;
    color: inherit;
    background-color: #f4f4f4;
    background-position: left bottom; }
    .quick-entry:hover::before, .quick-entry:active::before {
      width: 100%; }
  .quick-entry__inner {
    padding: 0.375rem 0.1875rem; }
    @media (min-width: 650px) {
      .quick-entry__inner {
        padding: 0.75rem 0.1875rem; } }
  .quick-entry__image {
    display: block;
    flex: 1 0 auto; }
    .quick-entry__image img {
      max-width: 100%;
      max-height: 30px;
      margin: 0 auto; }
      @media (min-width: 650px) {
        .quick-entry__image img {
          max-height: 50px; } }
  .quick-entry__text {
    color: #003d8f;
    line-height: 1.22;
    margin-top: 0.1875rem; }

.quick-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.2; }
  .quick-link:hover, .quick-link:active, .quick-link:focus {
    text-decoration: none;
    color: #3c3c3c; }

.quick-link__inner {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.25rem;
  max-width: 100%;
  box-shadow: 0 2px 0 #e5e5e5;
  border: 2px solid #e5e5e5;
  border-radius: 5px;
  background: #fff;
  text-align: center; }
  .quick-link__inner:not(:disabled):not(.disabled):active, .quick-link__inner:not(:disabled):not(.disabled).active, .quick-link__inner:not(:disabled):not(.disabled):active:focus {
    top: 2px;
    box-shadow: 0 0 0 #e5e5e5;
    color: #3c3c3c; }
  .quick-link__inner:focus {
    box-shadow: 0 2px 0 #e5e5e5;
    color: #3c3c3c; }
  .quick-link__inner:active, .quick-link__inner:hover, .quick-link__inner:focus {
    border: 2px solid #cccccc;
    box-shadow: 0 2px 0 #cccccc;
    color: #3c3c3c; }
  .quick-link__inner .icon {
    position: relative;
    top: 1px;
    width: 12px;
    height: 12px;
    margin-left: 0.375rem; }

.quick-link__image {
  display: block;
  flex: 1 0 auto; }
  .quick-link__image img {
    max-width: 100%;
    max-height: 2.5rem;
    margin: 0 auto 0.375rem auto; }
    @media (min-width: 1024px) {
      .quick-link__image img {
        max-height: 3rem; } }
    @media (min-width: 1500px) {
      .quick-link__image img {
        max-height: 5rem; } }

.quick-link__text {
  text-align: center;
  width: 100%;
  hyphens: auto; }
  .quick-link__text p {
    margin-bottom: 0; }

.quick-link--plain {
  display: block;
  padding-left: 0;
  padding-right: 0; }
  .quick-link--plain .quick-link__inner {
    color: #fff;
    background: transparent;
    box-shadow: none;
    border: none;
    padding-left: 0;
    padding-right: 0; }
    .quick-link-container--light-background .quick-link--plain .quick-link__inner {
      color: #99b6d5; }
    .quick-link-container--white-background .quick-link--plain .quick-link__inner {
      color: #003d8f; }
    .quick-link--plain .quick-link__inner:not(:disabled):not(.disabled):active, .quick-link--plain .quick-link__inner:not(:disabled):not(.disabled).active, .quick-link--plain .quick-link__inner:not(:disabled):not(.disabled):active:focus {
      top: 0; }
    .quick-link--plain .quick-link__inner:active, .quick-link--plain .quick-link__inner:hover, .quick-link--plain .quick-link__inner:focus {
      background: transparent;
      text-decoration: underline; }
  .quick-link--plain .quick-link__text {
    text-align: center; }

.scrollable-image {
  display: block;
  overflow-x: auto;
  --webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .scrollable-image a {
    display: block; }
  .scrollable-image img {
    width: 600px; }
    @media (min-width: 768px) {
      .scrollable-image img {
        width: 1200px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .searchbar {
    display: inline-block;
    height: 10px; } }

.searchbar form {
  display: flex;
  position: relative;
  right: 0;
  padding: 0; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .searchbar form {
      top: 50%;
      position: relative;
      transform: translateY(-50%); } }

.searchbar input[type='text'] {
  width: 0;
  padding: 0;
  border-color: #fff;
  transform: translateX(20px);
  transition: all 0.3s ease-in-out; }
  .searchbar input[type='text']::placeholder {
    opacity: 0;
    color: #fff;
    transition: all 0.6s ease-in-out; }

.searchbar .form-control {
  padding: 0.125rem;
  font-size: 1rem;
  height: auto; }

.searchbar .icon:hover {
  fill: #003d8f; }

.searchbar__input-opener, .searchbar__input-close {
  position: relative;
  cursor: pointer;
  top: 3px;
  color: #003d8f; }

.searchbar__input-opener {
  opacity: 1;
  margin: 0 -15px 0 0;
  transition: opacity 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition-delay: 0.24s, 0; }

.searchbar__input-close {
  opacity: 0;
  right: 20px; }

.searchbar--open input[type='text'] {
  min-width: 100%;
  width: 200px;
  padding: 0 0.375rem;
  border-color: #e5e5e5;
  transform: translateX(0);
  transition: all 0.3s ease-in-out; }
  .searchbar--open input[type='text']::placeholder {
    opacity: 1;
    color: #acacac;
    transition: all 0.6s ease-in-out; }

.searchbar--open .searchbar__input-opener {
  opacity: 0;
  right: 20px; }

.searchbar--open .searchbar__input-close {
  opacity: 1;
  transition: all 0.3s ease-in-out;
  z-index: 2; }

.service-card {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  transition: height 1.7s cubic-bezier(0.405, 0.005, 0.38, 0.125); }
  .service-card object {
    pointer-events: none;
    width: 100%; }

.service-hotline {
  width: 90%;
  margin: 0 auto; }
  .service-hotline h3 {
    margin-bottom: 0.75rem;
    color: #3c3c3c; }
  .service-hotline .btn {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0.75rem; }
  .popover-body .service-hotline {
    font-size: 1.125rem;
    margin-top: 2.25rem; }

.sort {
  font-size: 1rem; }
  .sort__options {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media (min-width: 650px) {
      .sort__options {
        display: inline-block;
        margin-left: 0.75rem; } }
  .sort__option {
    margin-right: 0.75rem;
    display: inline-block; }
    .sort__option:last-of-type {
      margin-right: 0; }
    .sort__option a {
      text-decoration: none;
      color: #6e91ba; }
      .sort__option a:hover {
        color: #003d8f; }
    .sort__option--active a {
      font-family: "77-black-condensed", Arial, sans-serif;
      color: #003d8f; }

.store-links {
  display: flex;
  margin-top: 5px;
  margin-bottom: 1rem; }
  .store-links__itunes {
    width: 135px; }
  .store-links a {
    display: inline-block; }
  .store-links a:first-child {
    margin-right: 5px; }
  .store-links img {
    max-height: 40px;
    width: auto; }

.strike {
  position: absolute;
  top: 50%;
  left: 50%;
  height: .1em;
  z-index: 1;
  pointer-events: none; }

.table {
  font-size: 1rem; }
  @media (min-width: 768px) {
    .table {
      font-size: 1.125rem; } }
  @media (min-width: 1024px) {
    .table__column {
      margin-right: 0.75rem;
      float: left; }
      .table__column:first-child:nth-last-child(1),
      .table__column:first-child:nth-last-child(1) ~ div {
        width: calc(100% - 0rem); }
      .table__column:first-child:nth-last-child(2),
      .table__column:first-child:nth-last-child(2) ~ div {
        width: calc(50% - 0.375rem); }
      .table__column:first-child:nth-last-child(3),
      .table__column:first-child:nth-last-child(3) ~ div {
        width: calc(33% - 0.5rem); }
      .table__column:first-child:nth-last-child(4),
      .table__column:first-child:nth-last-child(4) ~ div {
        width: calc(25% - 0.5625rem); }
      .table__column:first-child:nth-last-child(5),
      .table__column:first-child:nth-last-child(5) ~ div {
        width: calc(20% - 0.6rem); }
      .table__column:last-child {
        margin-right: -1px; } }
  .table__header {
    background: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #fff;
    padding: 0.75rem 1.5rem; }
  .table__row {
    padding: 0.75rem 1.5rem;
    border-bottom: 1px solid #e0e9f2;
    min-height: calc(3em + 1.5rem + 1px);
    display: flex;
    align-items: center; }

.tag-cloud {
  color: #3c3c3c;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .tag-cloud {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .tag-cloud {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  .tag-cloud__items {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .tag-cloud__item--level-1 {
    font-size: 0.75rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-1 {
        font-size: 0.875rem; } }
  .tag-cloud__item--level-2 {
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-2 {
        font-size: 1rem; } }
  .tag-cloud__item--level-3 {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-3 {
        font-size: 1.125rem; } }
  .tag-cloud__item--level-4 {
    font-size: 1.125rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-4 {
        font-size: 1.25rem; } }
  .tag-cloud__item--level-5 {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-5 {
        font-size: 1.5rem; } }
  .tag-cloud__item--level-6 {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.5rem; }
    @media (min-width: 768px) {
      .tag-cloud__item--level-6 {
        font-size: 1.75rem; } }
    @media (min-width: 1024px) {
      .tag-cloud__item--level-6 {
        font-size: 1.875rem; } }
  .tag-cloud__item a {
    display: flex;
    align-items: center;
    margin-left: 0.1875rem;
    margin-right: 0.1875rem;
    padding: 0.375rem;
    height: 100%;
    text-decoration: none; }
    @media (min-width: 768px) {
      .tag-cloud__item a {
        margin-left: 0.375rem;
        margin-right: 0.375rem; } }
    .tag-cloud__item a:hover {
      text-decoration: underline; }

.technical-details {
  padding-bottom: 1.5rem; }
  .technical-details__heading {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .technical-details__column > p:not(.h4) {
    margin-bottom: 0;
    padding-left: calc(0.75rem + 0.3125rem);
    position: relative;
    font-size: 1rem;
    line-height: 1.39; }
    .technical-details__column > p:not(.h4)::before {
      content: '';
      position: absolute;
      top: 0.5rem;
      left: 0;
      display: block;
      background: #003d8f;
      height: 0.3125rem;
      width: 0.3125rem; }
  .technical-details__row {
    margin-bottom: 1.5rem; }
    @media (min-width: 650px) {
      .technical-details__row {
        margin-bottom: 2.25rem; } }
    @media (min-width: 1024px) {
      .technical-details__row {
        margin-bottom: 3rem; } }
    .technical-details__row:last-child {
      margin-bottom: 0; }

.teaser-image-text h4 {
  color: #fff; }

@media (max-width: 479.98px) {
  .teaser-image-text__text {
    margin-bottom: 2.625rem; } }

.teaser-image-text__image {
  background: linear-gradient(to bottom, #fff, #e5e5e5);
  padding: 0 0.75rem;
  height: 160px;
  margin-bottom: 0.75rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .teaser-image-text__image {
      height: 196px; } }
  .teaser-image-text__image--bottom {
    align-items: flex-end; }
  .teaser-image-text__image img {
    height: 75%;
    margin: 0;
    max-width: none; }
  .teaser-image-text__image--full {
    padding: 0; }
    .teaser-image-text__image--full img {
      object-fit: cover;
      width: 100%;
      height: 100%; }

.text-block {
  position: relative;
  padding-left: 3rem;
  font-size: 1rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .text-block {
      font-size: 1.125rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }
  .text-block:not(:last-child) {
    margin-bottom: 1.5rem !important; }
  .text-block:last-child {
    margin-bottom: 0 !important; }
  @media (min-width: 650px) {
    .text-block {
      padding-left: 6rem;
      padding-right: 0.75rem; } }
  .text-block.text-block--hide-icon {
    padding-left: 0; }
    @media (min-width: 650px) {
      .text-block.text-block--hide-icon {
        padding-left: 1.5rem;
        padding-right: 1.5rem; } }
    @media (min-width: 1024px) {
      .text-block.text-block--hide-icon {
        padding-left: 2.25rem;
        padding-right: 2.25rem; } }
  .text-block__icon {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.375rem;
    fill: #003d8f; }
    .text-white .text-block__icon {
      fill: #fff; }
    @media (min-width: 650px) {
      .text-block__icon {
        width: 4.5rem;
        height: 4.5rem;
        left: 1.25rem; } }
    @media (min-width: 1024px) {
      .text-block__icon {
        width: 4.5rem;
        height: 4.5rem; } }
  .text-block__heading {
    margin: 0;
    padding-top: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .text-block__heading {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
    @media (min-width: 650px) {
      .text-block__heading {
        padding-top: 1.4rem; } }
  .text-block img:not(.text-block__icon) {
    width: 100%; }
    .text-block img:not(.text-block__icon):not(last-child) {
      margin-bottom: 1.5rem; }
  .text-block p:first-child {
    padding-top: 0.75rem; }
    @media (min-width: 650px) {
      .text-block p:first-child {
        padding-top: 1.4rem; } }
  .text-block--text-top .text-block__heading,
  .text-block--text-top p {
    padding-top: 0.375rem; }
  .text-block .benefits {
    margin-top: 0.5625rem; }
    .text-block .benefits li {
      font-size: inherit; }
  .text-block ol {
    color: black;
    padding-left: 3rem;
    font-size: 1rem; }
    .text-block ol li::before {
      content: '';
      width: 0.625rem; }
  .text-block.text-center ul {
    padding-left: 0; }
    .text-block.text-center ul li {
      padding-left: 0.5625rem; }
      .text-block.text-center ul li::before {
        position: relative;
        left: -0.75rem;
        top: -.2em; }
  .text-block.text-center ol {
    padding-left: 0; }
    .text-block.text-center ol li {
      text-align: center;
      list-style-position: inside; }

.textlink {
  color: #003d8f;
  text-decoration: underline;
  font-size: 1rem;
  line-height: 1.22; }
  @media (min-width: 650px) {
    .textlink {
      font-size: 1.25rem; } }
  .textlink--small {
    font-size: 0.875rem; }
    @media (min-width: 650px) {
      .textlink--small {
        font-size: 1.125rem; } }
  .textlink:active {
    color: #003d8f; }
  .textlink:not(:disabled):not(.disabled):hover, .textlink:not(:disabled):not(.disabled):focus {
    text-decoration: none;
    color: #003d8f; }
  .textlink.disabled, .textlink:disabled {
    color: #bebebe !important;
    pointer-events: none; }
  .textlink--white {
    color: #fff; }
    .textlink--white:active, .textlink--white:not(:disabled):not(.disabled):hover, .textlink--white:not(:disabled):not(.disabled):focus {
      color: #fff; }
  .textlink--lightblue {
    color: #99b6d5; }
    .textlink--lightblue:active, .textlink--lightblue:not(:disabled):not(.disabled):hover, .textlink--lightblue:not(:disabled):not(.disabled):focus {
      color: #fff; }
  .textlink--dark {
    color: #3c3c3c; }
    .textlink--dark:active, .textlink--dark:not(:disabled):not(.disabled):hover, .textlink--dark:not(:disabled):not(.disabled):focus {
      color: #3c3c3c; }
  .textlink--switch-underline {
    text-decoration: none; }
    .textlink--switch-underline:not(:disabled):not(.disabled):hover, .textlink--switch-underline:not(:disabled):not(.disabled):focus {
      text-decoration: underline; }
  .textlink--no-underline {
    text-decoration: none; }
    .textlink--no-underline:active, .textlink--no-underline:not(:disabled):not(.disabled):hover, .textlink--no-underline:not(:disabled):not(.disabled):focus {
      text-decoration: none; }
  .textlink--bold-on-hover:active, .textlink--bold-on-hover:not(:disabled):not(.disabled):hover, .textlink--bold-on-hover:not(:disabled):not(.disabled):focus {
    text-decoration: underline;
    font-family: "77-black-condensed", Arial, sans-serif; }
  .textlink--14 {
    font-size: 0.875rem !important; }
  .textlink--16 {
    font-size: 1rem !important; }
  .textlink--18 {
    font-size: 1.125rem !important; }
  .textlink--navigation {
    font-size: 1.125rem; }
    @media (min-width: 1024px) {
      .textlink--navigation {
        color: #99b6d5;
        font-size: 1rem; }
        .textlink--navigation:active, .textlink--navigation:not(:disabled):not(.disabled):hover, .textlink--navigation:not(:disabled):not(.disabled):focus {
          color: #fff;
          text-decoration: none; } }

.thumbnail {
  position: relative;
  max-width: 100%;
  min-width: 60px;
  min-height: 40px;
  padding: 0.1875rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-grow: 1;
  cursor: pointer;
  transition: background 0.3s; }
  .thumbnail:not(:first-child):not(.quick-entry)::before {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    background: linear-gradient(to bottom, #e5e5e5, #fff);
    left: 0;
    top: 0; }
  .thumbnail:first-child:nth-last-child(1),
  .thumbnail:first-child:nth-last-child(1) ~ div {
    max-width: 100%; }
  .thumbnail:first-child:nth-last-child(2),
  .thumbnail:first-child:nth-last-child(2) ~ div {
    max-width: 50%; }
  .thumbnail:first-child:nth-last-child(3),
  .thumbnail:first-child:nth-last-child(3) ~ div {
    max-width: 33.33333%; }
  .thumbnail:first-child:nth-last-child(4),
  .thumbnail:first-child:nth-last-child(4) ~ div {
    max-width: 25%; }
  .thumbnail:first-child:nth-last-child(5),
  .thumbnail:first-child:nth-last-child(5) ~ div {
    max-width: 20%; }
  .thumbnail:first-child:nth-last-child($thumbnail-max-amount),
  .thumbnail:first-child:nth-last-child($thumbnail-max-amount) ~ div {
    max-width: -83.33333%; }
  .thumbnail__main {
    color: #003d8f;
    transition: color 0.3s;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .thumbnail__main {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
    .thumbnail .thumbnail__main {
      margin-bottom: 0 !important; }
  .thumbnail__sub, .thumbnail__price {
    color: #99b6d5;
    font-size: 0.75rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    margin-bottom: 0 !important; }
  .thumbnail--below .thumbnail__sub {
    display: block; }
  .thumbnail--basic {
    background: #f4f4f4; }
  .thumbnail--active {
    background: #003d8f; }
    .thumbnail--active .thumbnail__main {
      color: #fff; }
    .thumbnail--active::before,
    .thumbnail--active + .thumbnail::before {
      display: none; }
  .thumbnail__halo {
    padding: 0.1875rem 0.375rem;
    background: #f3e11e;
    color: #003d8f;
    text-align: center;
    font-family: "77-black-condensed", Arial, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    font-size: 0.75rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .thumbnail__halo {
        font-size: 1rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
    .thumbnail-container .thumbnail__halo {
      margin-bottom: 0 !important; }
    .thumbnail__halo--basic {
      background: #f4f4f4; }
    .thumbnail__halo.bg-gray-100 {
      position: relative; }
      .thumbnail__halo.bg-gray-100:not(:first-child)::before {
        position: absolute;
        content: '';
        display: block;
        height: 100%;
        width: 1px;
        background: linear-gradient(to bottom, #bebebe, transparent);
        left: -1px;
        top: 0; }
  .thumbnail > .thumbnail__halo {
    display: none; }

.trindicator {
  display: none;
  overflow: hidden; }
  .trindicator__content {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translate(-50vw); }
  .trindicator__triangle {
    height: 0;
    width: 0;
    border-bottom: 50px solid #f4f4f4;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    position: relative;
    transform: translateX(-65px);
    box-sizing: content-box;
    transition: left 0.3s; }
    .trindicator__triangle--white {
      border-bottom-color: #fff; }
    .trindicator__triangle--secondary {
      border-bottom-color: #003d8f; }

.unibox-halo {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f3e11e;
  width: 100%;
  text-align: center; }
  [data-uniboxes-slider-item] .unibox-halo {
    top: -4rem; }
  .tariffboxes__content--highlight .unibox-halo:not(.unibox-halo--basic) .unibox-halo__text {
    height: 3.5rem; }
  .tariffboxes__content--highlight .unibox-halo {
    top: -5.625rem; }
    .tariffboxes__content--highlight .unibox-halo .unibox-halo__text {
      height: 5.625rem; }
  .unibox-halo__text {
    color: #003d8f;
    font-size: 1.5rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    line-height: 1.2;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: width 0.3s, margin-left 0.3s; }
  .unibox-halo--basic {
    left: 0.375rem;
    width: calc(100% - 0.75rem);
    background-color: #f4f4f4; }
    .tariffboxes__content--highlight .unibox-halo--basic {
      padding-bottom: 2.1875rem; }
  .slick-initialized .unibox-halo {
    display: none; }
    @media (min-width: 1200px) {
      .slick-initialized .unibox-halo {
        display: block; } }

.unordered-list, .rte ul {
  list-style: none;
  padding-left: 0; }
  .unordered-list li, .rte ul li {
    position: relative;
    padding-left: 1em; }
    .unordered-list li::before, .rte ul li::before {
      position: absolute;
      content: '\25A0';
      color: #003d8f;
      display: inline-block;
      width: 1em;
      font-size: .8em;
      top: .1em;
      left: -.08em; }
    .unordered-list li ul, .rte ul li ul {
      list-style: none;
      padding-left: 0; }
      .unordered-list li ul li::before, .rte ul li ul li::before {
        content: '\2022'; }
  .unordered-list--primary li::before {
    color: #f3e11e; }

.upselling-layer {
  overflow: hidden; }
  .upselling-layer__header {
    margin-bottom: 0.75rem;
    color: #fff; }
  .upselling-layer__footer p {
    margin-bottom: 0.75rem; }
  @media (min-width: 650px) {
    .upselling-layer .section-headline {
      padding-bottom: 2.25rem;
      padding-top: 2.25rem; } }
  @media (min-width: 650px) {
    .upselling-layer .section-headline__headline {
      font-size: 2.5rem; } }
  .upselling-layer__container-image .upselling-layer__container-cutout:only-child {
    position: relative; }
  .upselling-layer__background-image {
    width: 100%;
    position: absolute; }
    .upselling-layer__background-image img {
      width: 100%;
      height: auto; }
  .upselling-layer__badge {
    position: relative;
    width: 4.6875rem;
    height: 4.6875rem;
    padding-top: 4.6875rem;
    margin-top: -4.6875rem;
    margin-left: calc( 12px / 2 + 0.75rem);
    pointer-events: none; }
    .upselling-layer__badge .badge {
      width: 4.6875rem;
      height: 4.6875rem; }
      .upselling-layer__badge .badge__headline {
        font-size: 1.25rem;
        line-height: 1.39; }
        @media (min-width: 650px) {
          .upselling-layer__badge .badge__headline {
            font-size: 1.75rem;
            line-height: 1.22; } }
      .upselling-layer__badge .badge__subline {
        font-size: 0.5rem; }
    @media (min-width: 650px) {
      .upselling-layer__badge {
        position: absolute;
        margin-top: 0;
        margin-left: 0;
        padding-top: 0;
        width: 7.5rem;
        height: 7.5rem;
        top: 2.25rem;
        right: 5.25rem; }
        .upselling-layer__badge .badge {
          width: 7.5rem;
          height: 7.5rem; }
          .upselling-layer__badge .badge__subline {
            font-size: 0.875rem; } }
  .upselling-layer__container-cutout {
    position: absolute;
    z-index: 3;
    bottom: -1.5rem; }
    @media (min-width: 650px) {
      .upselling-layer__container-cutout {
        bottom: -5.25rem; } }
  .upselling-layer__container-device {
    margin-bottom: 0; }
    .upselling-layer__container-device img,
    .upselling-layer__container-device picture {
      width: calc(((100% * 2) / 3) * .82);
      position: absolute;
      padding: 0 0.375rem;
      bottom: 0; }
      .upselling-layer__container-device img[data-view=back],
      .upselling-layer__container-device picture[data-view=back] {
        transform: rotate(-10deg);
        margin-left: 9%;
        z-index: 1;
        position: relative; }
      .upselling-layer__container-device img[data-view=front],
      .upselling-layer__container-device picture[data-view=front] {
        right: 0;
        transform: rotate(9deg);
        margin-right: 9%;
        margin-bottom: 14%;
        z-index: 2; }
      .upselling-layer__container-device img[data-view=shadow],
      .upselling-layer__container-device picture[data-view=shadow] {
        transform: translateY(50%);
        left: 18%;
        z-index: 0; }
    .upselling-layer__container-device--single-image img,
    .upselling-layer__container-device--single-image picture {
      width: 100%; }
      .upselling-layer__container-device--single-image img[data-view=back],
      .upselling-layer__container-device--single-image picture[data-view=back] {
        transform: rotate(0);
        margin-left: 0; }
      .upselling-layer__container-device--single-image img[data-view=shadow],
      .upselling-layer__container-device--single-image picture[data-view=shadow] {
        transform: translateY(30%);
        left: 0; }

.vimeo {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  @media print {
    .vimeo {
      display: none; } }

.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  @media print {
    .youtube {
      display: none; } }

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.accordion__item {
  border-bottom: 1px solid #99b6d5; }
  .accordion__item:first-child {
    border-top: 1px solid #99b6d5; }
  @media (min-width: 768px) {
    .accordion__item:first-child {
      border-top: none; }
    .accordion__item:last-child {
      border-bottom: none; } }

.asterisk-text {
  color: currentColor;
  font-size: 1rem; }

.asterisk-info {
  font-size: 0.75rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important;
  font-family: "57-condensed", Arial, sans-serif;
  width: 105px;
  margin-bottom: 0;
  line-height: 1.1; }

.benefits {
  font-family: "57-condensed", Arial, sans-serif; }
  .benefits li {
    margin-bottom: 0.375rem; }
  .benefits--check {
    padding: 0; }
    @media (min-width: 1024px) {
      .benefits--check {
        margin-bottom: .5rem; } }
    @media (min-width: 1500px) {
      .benefits--check {
        margin-bottom: 1rem; } }
    .benefits--check li {
      list-style-type: none;
      position: relative;
      font-size: 0.875rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
      @media (min-width: 650px) {
        .benefits--check li {
          font-size: 1rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; } }
      @media (min-width: 1024px) {
        .benefits--check li {
          font-size: 1.125rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; } }
      .benefits--check li * {
        line-height: 1; }
      .benefits--check li .benefits__text {
        line-height: 1.4;
        display: inline-block; }
        .benefits--check li .benefits__text .icon {
          position: relative;
          top: 3px; }
        .benefits--check li .benefits__text > .benefits__text {
          margin-left: 0; }
      .benefits--check li .benefits__text {
        margin-left: .8rem; }
        @media (min-width: 404px) {
          .benefits--check li .benefits__text {
            width: auto;
            margin-left: 0; } }
        .benefits--check li .benefits__text .icon {
          top: -1px;
          width: .8em;
          height: .8em;
          fill: currentColor; }
      .benefits--check li .icon {
        position: absolute;
        left: 0;
        top: .125em;
        height: 1em;
        width: 1em;
        fill: #f3e11e; }
        @media (min-width: 650px) {
          .benefits--check li .icon {
            top: 0;
            height: 1.125em;
            width: 1.125em; } }
        .benefits--check li .icon + .benefits__text,
        .benefits--check li .icon + .benefits__highlight,
        .benefits--check li .icon + strong {
          margin-left: 1.5em; }
        .text-center .benefits--check li .icon {
          position: relative; }
          .text-center .benefits--check li .icon + .benefits__text,
          .text-center .benefits--check li .icon + .benefits__highlight,
          .text-center .benefits--check li .icon + strong {
            margin-left: 0; }
    .benefits--check-primary li > .icon {
      fill: #f3e11e; }
    .benefits--check-secondary li > .icon {
      fill: #003d8f; }
    .benefits--check-success li > .icon {
      fill: #57ab27; }
    .benefits--check-info li > .icon {
      fill: #17a2b8; }
    .benefits--check-warning li > .icon {
      fill: #f0b602; }
    .benefits--check-danger li > .icon {
      fill: #dc3545; }
    .benefits--check-light li > .icon {
      fill: #f4f4f4; }
    .benefits--check-dark li > .icon {
      fill: #3c3c3c; }
    .benefits--check-white li > .icon {
      fill: #fff; }
    .benefits--check-primary-dark li > .icon {
      fill: #f0b602; }
    .benefits--check-gray-100 li > .icon {
      fill: #f4f4f4; }
    .benefits--check-gray-200 li > .icon {
      fill: #e5e5e5; }
    .benefits--check-gray-300 li > .icon {
      fill: #bebebe; }
    .benefits--check-gray-400 li > .icon {
      fill: #999999; }
    .benefits--check-gray-500 li > .icon {
      fill: #cccccc; }
    .benefits--check-secondary-100 li > .icon {
      fill: #e0e9f2; }
    .benefits--check-secondary-200 li > .icon {
      fill: #99b6d5; }
    .benefits--check-secondary-300 li > .icon {
      fill: #6e91ba; }
    .benefits--check-secondary-400 li > .icon {
      fill: #3d70b7; }
    .benefits--check-secondary-500 li > .icon {
      fill: #134d9b; }
    .benefits--check-secondary-600 li > .icon {
      fill: #00327f; }
    .benefits--check-black li > .icon {
      fill: #000000; }
    .benefits--check-error li > .icon {
      fill: #d60600; }
  .benefits--highlight li {
    display: inline-block;
    align-items: center; }
    @media (min-width: 404px) {
      .benefits--highlight li {
        display: flex;
        align-items: flex-end; } }
    .benefits--highlight li .icon {
      width: .8rem;
      height: .8rem; }
      .benefits--highlight li .icon + .benefits__text,
      .benefits--highlight li .icon + .benefits__highlight,
      .benefits--highlight li .icon + strong {
        margin-left: .8rem; }
      @media (min-width: 650px) {
        .benefits--highlight li .icon {
          width: 1.8rem;
          height: 1.8rem; }
          .benefits--highlight li .icon + .benefits__text,
          .benefits--highlight li .icon + .benefits__highlight,
          .benefits--highlight li .icon + strong {
            margin-left: 2rem; } }
  .benefits__highlight {
    color: #f3e11e;
    font-size: 1.125rem;
    display: block;
    font-family: "77-black-condensed", Arial, sans-serif; }
    @media (min-width: 404px) {
      .benefits__highlight {
        font-size: 2.25rem;
        display: inline; } }
  .benefits__sublist {
    font-family: "57-condensed", Arial, sans-serif;
    padding-left: 1.2rem; }
    .benefits__sublist li {
      line-height: 1.2;
      list-style-type: square; }

.step-by-step .benefits {
  font-family: "57-condensed", Arial, sans-serif; }
  .step-by-step .benefits--check li .icon {
    fill: #003d8f; }

.benefits--bar {
  padding: 1.5rem 0;
  color: #003d8f; }
  .benefits--bar::after {
    display: block;
    width: 100%;
    content: '';
    clear: both; }
  .benefits--bar li {
    font-size: 1.25rem;
    padding-right: 2rem;
    float: left; }
    @media (min-width: 768px) {
      .benefits--bar li {
        margin-bottom: 0; }
        .benefits--bar li:last-child {
          padding-right: 0; } }
    .benefits--bar li .icon {
      position: absolute;
      left: 0;
      top: .18em;
      fill: #003d8f; }
      .benefits--bar li .icon + .benefits__text,
      .benefits--bar li .icon + .benefits__highlight {
        margin-left: 2.3rem; }
    .benefits--bar li .benefits__text,
    .benefits--bar li .benefits__highlight {
      display: block; }
    .benefits--bar li * {
      line-height: 1.15; }

.bg-image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: calc(100% - 24px);
  margin-left: 12px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .bg-image-container {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .bg-image-container {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  .bg-image-container .container, .bg-image-container .marketing-box:not(.marketing-box--fullwidth) {
    max-width: 1200px; }
  @media (min-width: 1200px) {
    .bg-image-container {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .bg-image-container__image {
    position: absolute;
    top: 0;
    max-height: 100%;
    max-width: 100%; }
    .bg-image-container__image img {
      width: 100%; }

.breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0; }
  .breadcrumb__location {
    color: #99b6d5;
    margin-right: 0.75rem; }
    .quick-link-container--light-background .breadcrumb__location {
      color: #3d70b7; }
    .breadcrumb__location::after {
      content: ':'; }

.card {
  border: 1px solid #99b6d5;
  display: inline-block; }
  .card__subline {
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #003d8f;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .card__subline {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .card__benefits li .benefits__text {
    line-height: 1.39;
    font-size: 1rem;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .card__benefits li .benefits__text {
        font-size: 1.125rem;
        margin-bottom: 0.5625rem !important; } }
  .card__benefits li .icon {
    height: 1rem;
    width: 1rem; }
    @media (min-width: 650px) {
      .card__benefits li .icon {
        height: 1.25rem;
        width: 1.25rem; } }
  .card-body p, .card-footer p {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .card-body p, .card-footer p {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .card-body .btn, .card-footer .btn {
    margin-top: 0.75rem; }
  .card picture,
  .card img {
    min-height: .01px; }
    .card picture + .card-body,
    .card picture + .card-footer,
    .card img + .card-body,
    .card img + .card-footer {
      padding-top: 0; }
  .card__number {
    position: absolute;
    top: 0;
    left: 0;
    background: #003d8f;
    color: #fff;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "77-black-condensed", Arial, sans-serif; }
  .card-image {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 0.75rem;
    align-self: flex-start; }
  .card-img-overlay {
    padding: 0; }
  .card-eye-catcher {
    display: inline-block;
    font-family: "77-black-condensed", Arial, sans-serif;
    padding: 0.1875rem 0.375rem;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .card-eye-catcher {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .card-title {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .card-title {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
  .card-body {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .card-body .form-control {
      padding: 1.5rem 0 1.5rem 0.75rem; }
    .card-body .btn--info {
      padding: 1.5rem; }
    .card-body__badge {
      width: 100%;
      max-width: 72px;
      position: absolute;
      right: 0;
      top: 0; }
    .card-body:last-child {
      padding-bottom: 1.5rem; }
  .card > .card-body:first-child {
    flex-grow: 0; }
  .card-footer {
    padding: 0 1.5rem 1.5rem;
    min-height: .01px;
    margin-top: auto; }
    .card-footer .btn:not(.btn--full) {
      width: auto; }
    .card-img-overlay .card-footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0; }
    .card-footer > :last-child {
      margin-bottom: 0; }
    .card-footer--left {
      display: flex;
      flex-direction: column;
      align-items: start; }
  .card--login a {
    color: #003d8f; }
  .card--login .card-body,
  .card--login .card-footer {
    max-width: 470px; }
  .card--login .card-header {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    padding: 1.5rem 0.75rem 1.5rem 1.5rem; }
  .card--login .btn,
  .card--login .btn:not(.btn--full) {
    width: 100%; }
    .card--login .btn--info,
    .card--login .btn:not(.btn--full)--info {
      margin-bottom: 0; }
  .card--product .card-title {
    font-family: "57-condensed", Arial, sans-serif; }
  .card--product img {
    max-height: 240px; }
  .card--presentation {
    border: none; }
  .card--info {
    border: none;
    text-align: center; }
    .card--info img {
      max-height: 240px; }
    .card--info .btn {
      margin-left: auto;
      margin-right: auto; }
    .card--info:not([class*='bg-']) .card-body, .card--info:not([class*='bg-']) .card-footer {
      padding: 0; }
  .card > [data-toggle='collapse'] {
    border-top: 1px solid #99b6d5; }
    .card > [data-toggle='collapse'] .icon {
      transition: transform 0.3s; }
    .card > [data-toggle='collapse'][aria-expanded='true'] .icon {
      transform: rotate(180deg); }
  .card > [data-toggle=''] + .collapse {
    display: flex;
    flex-direction: column; }
  .card > [data-toggle=''] > .icon {
    display: none; }

.card-product-footer {
  display: flex;
  justify-content: space-between; }
  .card-product-footer__price {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%; }
    .card-product-footer__price-headline {
      margin-bottom: 0.375rem; }
  .card-product-footer__price-legaltext {
    font-size: 0.75rem;
    color: #003d8f; }
  .card-product-footer--split > * {
    flex: 0 0 50%; }
  .card-product-footer--split > *:not(:first-child)::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    left: 4px;
    background: #6e91ba; }
  .card-footer--left .card-product-footer__price {
    align-items: start; }
  .card-product-footer__price .textlink {
    margin-top: auto; }
  .card-product-footer__price-button-container {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%; }

.consumption__toggle {
  position: relative;
  padding-right: 25px; }
  .consumption__toggle .icon {
    position: absolute;
    right: 0;
    top: 0;
    color: #003d8f;
    transition: transform 0.5s ease-in-out; }
  .consumption__toggle.collapsed .icon {
    transform: rotate(180deg); }

.consumption__toggle-headline {
  font-size: 1.125rem;
  line-height: 1.39;
  color: #003d8f;
  font-family: "77-black-condensed", Arial, sans-serif; }

.consumption__toggle-subline {
  font-size: 0.75rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .consumption__toggle-subline {
      font-size: 0.875rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }

.contact-modal {
  font-size: 1rem;
  position: relative; }
  @media (min-width: 768px) {
    .contact-modal {
      font-size: 1.125rem; } }
  .contact-modal .h3 {
    font-size: 1.25rem;
    font-family: "77-black-condensed", Arial, sans-serif; }
    @media (min-width: 480px) {
      .contact-modal .h3 {
        font-size: 1.875rem; } }
  .contact-modal form input,
  .contact-modal form select {
    margin-bottom: 0.75rem; }
  .contact-modal .nav-tabs {
    border: none; }
    .contact-modal .nav-tabs .nav-item {
      background-color: #f4f4f4;
      text-decoration: none;
      font-family: "77-black-condensed", Arial, sans-serif;
      font-size: 1rem;
      line-height: 1;
      width: 50%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.75rem; }
      .contact-modal .nav-tabs .nav-item:hover {
        border-color: rgba(255, 255, 255, 0); }
      .contact-modal .nav-tabs .nav-item .nav-link {
        border: none; }
      .contact-modal .nav-tabs .nav-item:first-of-type {
        border-radius: 5px 0 0 5px; }
      .contact-modal .nav-tabs .nav-item:last-of-type {
        border-radius: 0 5px 5px 0; }
      .contact-modal .nav-tabs .nav-item.active {
        background-color: #003d8f;
        color: #fff;
        border: 1px solid #003d8f; }
        .contact-modal .nav-tabs .nav-item.active::after {
          top: 100%;
          left: 50%;
          transform: translateX(-50%);
          border: solid rgba(255, 255, 255, 0);
          content: '';
          position: absolute;
          pointer-events: none;
          border-top-color: #003d8f;
          border-width: 10px; }
  .contact-modal .btn {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 2.25rem; }
  .contact-modal__toggle {
    transform: translateY(-50%); }
  .contact-modal__content-left p, .contact-modal__content-right p {
    margin-bottom: 0.375rem; }
  @media (min-width: 768px) {
    .contact-modal__content-left, .contact-modal__content-right {
      width: 50%; } }
  .contact-modal__content-left .select-container, .contact-modal__content-right .select-container {
    width: 100%;
    margin-bottom: 0.75rem; }
    .contact-modal__content-left .select-container .icon, .contact-modal__content-right .select-container .icon {
      top: 60%; }
      @media (min-width: 768px) {
        .contact-modal__content-left .select-container .icon, .contact-modal__content-right .select-container .icon {
          top: 50%; } }
    .contact-modal__content-left .select-container .form-control, .contact-modal__content-right .select-container .form-control {
      padding: 0.375rem 0.75rem; }
  @media (min-width: 650px) {
    .contact-modal__content-left {
      padding-right: 1.5rem; } }
  @media (min-width: 650px) {
    .contact-modal__content-right {
      padding-left: 1.5rem; } }
  .contact-modal__hotline-number-text {
    color: #003d8f;
    margin-bottom: 0.75rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    display: block;
    font-size: 2.25rem;
    white-space: nowrap; }
    .contact-modal__hotline-number-text a:hover {
      text-decoration: none; }
  .contact-modal__legal-hint {
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .contact-modal__legal-hint {
        font-size: 1rem; } }
    .contact-modal__legal-hint p {
      margin-bottom: 0; }

.contact-palette {
  z-index: 50;
  position: fixed;
  right: 0;
  bottom: 0.75rem;
  display: block; }
  @media (min-width: 768px) {
    .contact-palette {
      bottom: 30%;
      transform: translateY(50%); } }
  @media (min-width: 1500px) {
    .contact-palette {
      bottom: 50%; } }
  .contact-palette__tray-icon {
    display: block; }
  .contact-palette.hover .contact-palette__tray-icon {
    opacity: .6; }
  .contact-palette__title {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 0.375rem; }
  .contact-palette__phone {
    display: block;
    margin-bottom: 0.75rem;
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.5rem;
    text-decoration: none;
    vertical-align: top;
    line-height: 1;
    white-space: nowrap; }
  .contact-palette__tray {
    position: relative; }
    .contact-palette__tray-expander {
      position: absolute;
      bottom: 0;
      right: 100%;
      background: #fff;
      min-width: 240px;
      padding: 0.75rem 1.125rem 1.125rem;
      border-radius: 5px 5px 0 5px;
      border: 1px solid #e0e9f2;
      margin-right: -1px;
      transition: transform 0.3s;
      transform: translateX(130%); }
      .contact-palette__tray-expander a:hover {
        text-decoration: none; }
    .contact-palette__tray:first-child:last-child .contact-palette__tray-icon {
      border-radius: 5px 0 0 5px; }
    .contact-palette__tray:first-child:not(:last-child) .contact-palette__tray-icon {
      border-radius: 5px 0 0 0; }
    .contact-palette__tray:first-child:not(:last-child) .contact-palette__tray-expander {
      top: auto;
      bottom: 0;
      border-radius: 5px 5px 0 5px; }
    .contact-palette__tray:last-child:not(:first-child) .contact-palette__tray-icon {
      border-radius: 0 0 0 5px; }
    @media (min-width: 768px) {
      .contact-palette__tray:last-child:not(:first-child) .contact-palette__tray-expander {
        bottom: auto;
        top: 0;
        border-radius: 5px 0 5px 5px; } }
    .contact-palette__tray:not(:first-child) {
      margin-top: 2px; }
    .contact-palette__tray-icon {
      padding: 0.9375rem;
      background: #fff;
      cursor: pointer;
      border: 1px solid #e0e9f2;
      border-right: 0;
      position: relative;
      z-index: 1;
      transition: opacity 0.3s; }
      .contact-palette__tray-icon .icon {
        display: flex;
        align-items: center;
        fill: #003d8f; }
    .contact-palette__tray.hover:first-child:last-child .contact-palette__tray-icon, .contact-palette__tray.hover:first-child:not(:last-child) .contact-palette__tray-icon, .contact-palette__tray.hover:last-child:not(:first-child) .contact-palette__tray-icon {
      border-radius: 0;
      border-left: 1px solid #fff; }
    .contact-palette__tray.hover .contact-palette__tray-icon {
      opacity: 1; }
    .contact-palette__tray.hover .contact-palette__tray-expander {
      transform: translateX(0); }

.content-tab {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .content-tab {
      margin-bottom: 2.25rem; } }
  @media (min-width: 768px) {
    .content-tab {
      margin-bottom: 3rem; } }
  .content-tab__active-slider {
    display: block;
    position: absolute;
    top: 0;
    border-radius: 5px;
    background-color: #3d70b7;
    transition: all .3s; }
  .content-tab__wrapper {
    position: relative;
    display: block;
    overflow-x: auto;
    overflow-y: hidden; }
    .content-tab__tab-container--bottom .content-tab__wrapper {
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
      border-radius: 5px; }
  .content-tab__tab-container {
    position: relative;
    max-width: 100%; }
    .content-tab__tab-container.col-lg-6.offset-lg-6 {
      max-width: 50%; }
    .content-tab__tab-container--bottom {
      order: 1; }
      .content-tab__tab-container--bottom:not([class*='content-tab__tab-container--show']) {
        display: inline-flex; }
        .content-tab__tab-container--bottom:not([class*='content-tab__tab-container--show']) .content-tab__wrapper {
          margin: 0 auto; }
    .content-tab__tab-container .tab-container--icon-left,
    .content-tab__tab-container .tab-container--icon-right {
      display: none;
      z-index: 7;
      position: absolute;
      top: 50%;
      fill: #003d8f;
      transform: translate(50%, -50%);
      transform-origin: center center; }
    .content-tab__tab-container--show-left::before {
      content: '';
      display: block;
      width: 3.75rem;
      height: 100%;
      position: absolute;
      right: calc(100% - 0.75rem * 1.5);
      top: 0;
      z-index: 2;
      background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 100%); }
    .content-tab__tab-container--show-left .tab-container--icon-left {
      right: calc(100% - 0.75rem);
      display: block;
      transform: translate(-50%, -50%) rotate(180deg); }
    .content-tab__tab-container--show-right::after {
      content: '';
      display: block;
      width: 3.75rem;
      height: 100%;
      position: absolute;
      left: calc(100% - 0.75rem * 1.5);
      top: 0;
      z-index: 6;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 100%); }
    .content-tab__tab-container--show-right .tab-container--icon-right {
      left: calc(100% - 0.75rem);
      display: block; }
  .content-tab__panels {
    height: 100%; }
  .content-tab__tab-list {
    background: #fff;
    padding: 0;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .content-tab__tab-list {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
    @media (min-width: 1024px) {
      .content-tab__tab-list {
        font-size: 1.25rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
    .content-tab .content-tab__tab-list {
      margin-bottom: 0 !important; }
    .content-tab__tab-container:not(.content-tab__tab-container--bottom) .content-tab__tab-list {
      width: 100%; }
    .content-tab__tab-list li {
      position: relative;
      cursor: pointer;
      list-style: none; }
      .content-tab__tab-container--bottom .content-tab__tab-list li > span {
        color: #3c3c3c;
        border-radius: 5px;
        border: 0;
        background: transparent;
        padding: 0.375rem 0.75rem; }
        @media (min-width: 650px) {
          .content-tab__tab-container--bottom .content-tab__tab-list li > span {
            padding: 0.75rem 1.125rem; } }
      .content-tab__tab-container--bottom .content-tab__tab-list li.active {
        transition: color .3s linear, background-color 0s .3s; }
        .content-tab__tab-container--bottom .content-tab__tab-list li.active::before {
          opacity: 0; }
        .content-tab__tab-container--bottom .content-tab__tab-list li.active + ::before {
          opacity: 0; }
        .content-tab__tab-container--bottom .content-tab__tab-list li.active > span {
          color: #fff;
          border: 0; }
      .content-tab__tab-container--bottom .content-tab__tab-list li:not(:first-child)::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 100%;
        width: 1px;
        background: linear-gradient(to bottom, #e5e5e5, transparent); }
      .content-tab__tab-list li > span {
        display: block;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #6e91ba;
        padding: 0.375rem 1.125rem;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-bottom: 1px solid #99b6d5; }
      .content-tab__tab-list li.active > span {
        color: #003d8f;
        border-radius: 5px 5px 0 0;
        border: 1px solid #99b6d5;
        border-bottom: 0; }
    .content-tab__tab-list::after {
      content: '';
      width: 100%;
      border-bottom: 1px solid #99b6d5; }

.cookie-banner {
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
  position: relative;
  width: 100%;
  z-index: 10;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 480px) {
    .cookie-banner {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .cookie-banner {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .cookie-banner {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .cookie-banner {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1024px) {
    .cookie-banner {
      z-index: 1; } }
  .cookie-banner__text {
    align-items: center;
    display: flex;
    line-height: 1.3;
    height: 100%;
    padding: 0.375rem 1.5rem 0.375rem 0;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .cookie-banner__text {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .cookie-banner__link {
    color: #3c3c3c; }
  .cookie-banner__button {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    cursor: pointer; }
    .cookie-banner__button .icon {
      fill: #3c3c3c; }

.countdown {
  text-transform: uppercase;
  font-family: "77-black-condensed", Arial, sans-serif;
  position: relative;
  display: inline-block; }
  .countdown [data-toggle='modal-lite'] {
    display: inline-block;
    margin-left: 0.2em; }
  .countdown .icon--xsmall {
    top: .1em;
    position: relative; }
  .countdown__text-wrapper {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center; }
    .countdown__text-wrapper--changed .countdown__text-static {
      opacity: 0; }
    .countdown__text-wrapper--changed .countdown__text-change {
      opacity: 1; }
  .countdown__text-static, .countdown__text-change {
    top: 0;
    left: 0;
    transition: opacity 0.5s;
    width: 100%;
    text-align: center; }
  .countdown__text-change {
    opacity: 0;
    margin-left: -100%; }
  .countdown-label {
    background-color: transparent;
    display: inline-block;
    text-align: center;
    font-family: "77-black-condensed", Arial, sans-serif;
    padding: .5rem 1rem;
    text-transform: uppercase;
    line-height: 1.3; }
    .countdown-label--primary {
      background-color: #f3e11e;
      color: #003d8f; }
    .countdown-label--secondary {
      background-color: #003d8f;
      color: #fff; }
    .countdown-label--break .countdown {
      display: block; }
    .countdown-label--s {
      font-size: 0.875rem; }
    .countdown-label--m {
      font-size: 1rem; }
    .countdown-label--l {
      font-size: 1.25rem; }
    .countdown-label--xl {
      font-size: 1.875rem; }
    .countdown-label--xxl {
      font-size: 2.625rem;
      line-height: 1.2; }
    .countdown-label--changeable {
      width: 100%; }
  .countdown--image {
    display: flex;
    flex-flow: row nowrap; }
    .countdown--image img,
    .countdown--image object {
      flex: none;
      opacity: 0;
      margin-left: -100%;
      width: 100%;
      z-index: 0; }
      .countdown--image img[data-countdown-position='static'],
      .countdown--image object[data-countdown-position='static'] {
        opacity: 1;
        margin-left: 0;
        position: relative;
        z-index: 1; }
      .countdown--image img.countdown__image--show,
      .countdown--image object.countdown__image--show {
        opacity: 1; }
      .countdown--image img.countdown__image--hide,
      .countdown--image object.countdown__image--hide {
        opacity: 0; }
    .countdown--image[data-countdown-animated] img,
    .countdown--image[data-countdown-animated] object {
      transition: opacity 0.5s; }

.hwd-header__preline .countdown .icon {
  top: 0;
  width: 0.625rem !important;
  height: 0.625rem !important; }
  @media (min-width: 650px) {
    .hwd-header__preline .countdown .icon {
      width: 0.9375rem !important;
      height: 0.9375rem !important; } }
  @media (min-width: 768px) {
    .hwd-header__preline .countdown .icon {
      width: 0.625rem !important;
      height: 0.625rem !important; } }
  @media (min-width: 1024px) {
    .hwd-header__preline .countdown .icon {
      width: 0.9375rem !important;
      height: 0.9375rem !important; } }

.couponcode__title {
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 0.375rem;
  color: #003d8f; }
  @media (min-width: 1024px) {
    .couponcode__title {
      font-size: 1.375rem; } }

.couponcode__modal-trigger {
  vertical-align: middle; }

.couponcode .border-error {
  border: 1px solid #d60600; }

.couponcode .error {
  color: #d60600; }

.design-details.skew--left, .design-details.skew--right, .design-details.skew--topleft, .design-details.skew--topright {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.design-details {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem; }
  .design-details__iconlist {
    margin: 0;
    padding: 0;
    list-style: none; }
    .design-details__iconlist > li {
      display: inline-block;
      margin-right: 0.75rem; }
  .design-details__figure {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    margin: 0;
    justify-content: center;
    padding-bottom: 0.75rem; }
    @media (min-width: 768px) {
      .design-details__figure {
        justify-content: flex-start;
        padding-bottom: 0; } }
    .design-details__figure--center {
      justify-content: center; }
    .design-details__figure--right {
      justify-content: center; }
      @media (min-width: 768px) {
        .design-details__figure--right {
          justify-content: flex-end; } }
    .design-details__figure--bottom {
      align-items: flex-end; }
      @media (min-width: 768px) {
        .design-details__figure--bottom {
          margin-bottom: -4rem; }
          .design-details__figure--bottom img {
            margin-bottom: -5rem; } }
    .design-details__figure img {
      max-width: 100%;
      max-height: 24rem;
      height: 100%; }
      @media (min-width: 768px) {
        .design-details__figure img {
          max-width: none; } }
  .design-details__apple-img {
    max-width: 100%; }
  .design-details__grid {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 70% 30%;
    grid-template-areas: 'headline' 'figures' 'text'; }
    @media (min-width: 768px) {
      .design-details__grid {
        grid-template-areas: 'headline figures' 'text figures';
        grid-template-columns: 3fr 1fr;
        grid-template-rows: auto 1fr; } }
    @media (min-width: 768px) {
      .design-details__grid--reverse {
        grid-template-areas: 'figures headline' 'figures text';
        grid-template-columns: 1fr 3fr; } }
  @media (min-width: 768px) {
    .design-details__headline, .design-details__text {
      padding-right: 24px;
      padding-left: 48px; }
      .design-details__grid--reverse .design-details__headline, .design-details__grid--reverse .design-details__text {
        padding-left: 24px; } }
  .design-details__headline {
    grid-area: headline;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    @media (min-width: 768px) {
      .design-details__headline {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; } }
  .design-details__text {
    grid-area: text;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    @media (min-width: 768px) {
      .design-details__text {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1; } }
  .design-details__figures {
    grid-area: figures;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    @media (min-width: 768px) {
      .design-details__figures {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1; } }

.device-slider {
  display: flex;
  justify-content: center;
  transition: opacity 0.9s;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .device-slider {
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .device-slider {
      margin-bottom: 3.75rem; } }
  .device-slider .slick-track {
    min-height: 190px;
    display: flex; }
    @media (min-width: 650px) {
      .device-slider .slick-track {
        min-height: 260px; } }
    @media (min-width: 1200px) {
      .device-slider .slick-track {
        min-height: 310px; } }
  .device-slider .slick-arrow {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    justify-content: space-around; }
    .device-slider .slick-arrow .slick-prev,
    .device-slider .slick-arrow .slick-next {
      width: 24px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (min-width: 650px) {
        .device-slider .slick-arrow .slick-prev,
        .device-slider .slick-arrow .slick-next {
          width: 36px; } }
      @media (min-width: 1200px) {
        .device-slider .slick-arrow .slick-prev,
        .device-slider .slick-arrow .slick-next {
          width: 48px; } }
      .device-slider .slick-arrow .slick-prev .icon,
      .device-slider .slick-arrow .slick-next .icon {
        height: 20px; }
  .device-slider .slick-center.device-slider__item img {
    max-height: 125px; }
    @media (min-width: 650px) {
      .device-slider .slick-center.device-slider__item img {
        max-height: 200px; } }
    @media (min-width: 1200px) {
      .device-slider .slick-center.device-slider__item img {
        max-height: 250px; } }
  @media (hover: hover) and (pointer: fine), (-moz-touch-enabled: 0) {
    .device-slider .slick-center.device-slider__item:hover img {
      max-height: 125px; } }
  @media (hover: hover) and (pointer: fine) and (min-width: 650px), (-moz-touch-enabled: 0) and (min-width: 650px) {
    .device-slider .slick-center.device-slider__item:hover img {
      max-height: 225px; } }
  @media (hover: hover) and (pointer: fine) and (min-width: 1200px), (-moz-touch-enabled: 0) and (min-width: 1200px) {
    .device-slider .slick-center.device-slider__item:hover img {
      max-height: 275px; } }
  .device-slider__image-container {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 0.75rem; }
    .device-slider__image-container::before {
      content: '';
      height: 0;
      display: block;
      width: 100%;
      padding-top: 150px; }
      @media (min-width: 650px) {
        .device-slider__image-container::before {
          padding-top: 225px; } }
      @media (min-width: 1200px) {
        .device-slider__image-container::before {
          padding-top: 275px; } }
  .device-slider__item {
    position: relative;
    font-size: 0.875rem;
    text-decoration: none;
    text-align: center;
    width: 100%;
    color: #003d8f; }
    @media (min-width: 1200px) {
      .device-slider__item {
        font-size: 1rem; } }
    .device-slider__item img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      max-height: 125px;
      max-width: 100%;
      transition: max-height 0.3s ease-in, transform 0.9s cubic-bezier(0.385, -0.445, 0.08, 1.255); }
      @media (min-width: 650px) {
        .device-slider__item img {
          max-height: 175px; } }
      @media (min-width: 1200px) {
        .device-slider__item img {
          max-height: 225px; } }
    @media (hover: hover) and (pointer: fine), (-moz-touch-enabled: 0) {
      .device-slider__item:hover {
        text-decoration: none; }
        .device-slider__item:hover img {
          max-height: 150px; } }
    @media (hover: hover) and (pointer: fine) and (min-width: 650px), (-moz-touch-enabled: 0) and (min-width: 650px) {
      .device-slider__item:hover img {
        max-height: 200px; } }
    @media (hover: hover) and (pointer: fine) and (min-width: 1200px), (-moz-touch-enabled: 0) and (min-width: 1200px) {
      .device-slider__item:hover img {
        max-height: 250px; } }
  .device-slider__text {
    display: inline-flex;
    margin: 0 auto;
    transition: opacity 0.3s; }

.eye-catcher {
  color: #003d8f;
  line-height: 1.2;
  hyphens: manual;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem;
  display: block;
  max-width: 100%;
  margin-top: -5.25rem;
  margin-bottom: 1.125rem; }
  .eye-catcher--dense .price {
    margin-right: 0.75rem; }
    @media (min-width: 650px) {
      .eye-catcher--dense .price {
        position: relative;
        top: .4rem; } }
  @media (max-width: 649.98px) {
    .eye-catcher--dense .eye-catcher__inner {
      padding: 0; }
      .eye-catcher--dense .eye-catcher__inner > .icon {
        width: 1em;
        height: 1em;
        margin-right: 0; }
      .eye-catcher--dense .eye-catcher__inner > span {
        margin-left: 0.1875rem;
        margin-right: 0.1875rem; }
    .eye-catcher--dense .eye-catcher-roof {
      margin-left: 0.1875rem;
      margin-right: 0.1875rem; }
    .eye-catcher--dense .price__rrp {
      padding-top: .2rem; }
    .eye-catcher--dense .price__main,
    .eye-catcher--dense .price__after {
      align-self: center; } }
  @media (min-width: 650px) {
    .text-container--neutral .eye-catcher {
      top: 4.5rem;
      margin-top: 0;
      left: 0; } }
  .eye-catcher--neutral .eye-catcher__inner {
    background-color: #fff; }
  .eye-catcher--blue .eye-catcher__inner {
    background-color: #e0e9f2; }
  .eye-catcher--darkblue .eye-catcher__inner {
    background-color: #003d8f;
    color: #fff; }
  .eye-catcher__outer {
    display: inline-block;
    max-width: 100%; }
  .eye-catcher__inner {
    padding: 0.75rem;
    background-color: #f3e11e; }
    .eye-catcher__inner > .icon,
    .eye-catcher__inner > span,
    .eye-catcher__inner > .price {
      align-self: center; }
    .eye-catcher__inner > .icon {
      margin-right: 0.375rem;
      flex-shrink: 0; }
    .eye-catcher__inner > span {
      flex: 1 auto;
      margin: 0 0.75rem; }
    .eye-catcher__inner > .price {
      flex-shrink: 0; }

.eye-catcher-roof {
  display: block;
  background-color: #003d8f;
  text-align: center;
  color: #fff;
  padding: .2em;
  margin-right: 1ch;
  margin-bottom: .2em; }

.faq--bare {
  background: none;
  margin-left: -15px;
  margin-right: -15px; }

.faq__header {
  padding-bottom: 1.5rem;
  padding-top: 3rem; }
  .faq__header h2, .faq__header .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .faq__header .benefits__text {
    text-align: center;
    font-size: 1.75rem;
    line-height: 1.22;
    margin-bottom: 0.75rem !important; }
    @media (min-width: 650px) {
      .faq__header h2, .faq__header .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .faq__header .benefits__text {
        font-size: 2.5rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    @media (min-width: 1024px) {
      .faq__header h2, .faq__header .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .faq__header .benefits__text {
        font-size: 2.8125rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }

.faq__footer {
  padding-bottom: 3rem; }
  .faq__footer .icon {
    margin-left: 0.375rem; }

.faq__list {
  margin-bottom: 1.5rem;
  background-color: #fff; }

.faq__title {
  margin: 0; }

.faq__question {
  position: relative;
  flex: 1;
  padding-right: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.39; }
  @media (min-width: 768px) {
    .faq__question {
      font-size: 1.5rem;
      line-height: 1.22; } }

.faq__button {
  cursor: pointer;
  display: flex;
  background: none;
  border: none;
  font-size: 1.125rem;
  font-family: "57-condensed", Arial, sans-serif;
  color: #003d8f;
  margin: 0;
  padding: 0.75rem 0;
  width: 100%;
  text-align: left; }
  @media (min-width: 650px) {
    .faq__button {
      padding: 1.5rem 0; } }
  .faq__button:focus {
    outline: 0; }

.faq__icon {
  transition: transform 0.3s ease-out;
  align-self: center; }
  .collapsed .faq__icon {
    transform: rotate(180deg); }

.faq__answer {
  margin: 0;
  padding: 0 0 1.5rem;
  font-size: 0.875rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .faq__answer {
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }
  @media (min-width: 1024px) {
    .faq__answer {
      font-size: 1.125rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }
  .faq__answer a {
    color: #3c3c3c; }
    .faq__answer a .icon {
      color: #003d8f; }

.feature {
  padding: 1.5rem;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  overflow: hidden; }
  .feature:first-child::before, .feature:only-child::before {
    display: none; }
  .feature:only-child::after, .feature:last-child::after {
    display: none; }
  .feature:only-child::before {
    display: none; }
  .feature::before {
    top: 0; }
  .feature::after {
    bottom: 0; }
  .feature > .row {
    position: relative;
    z-index: 1; }
  .feature > .row,
  .feature .feature__content__wrapper {
    margin: 0 auto; }
  .feature__content-eyecatcher {
    position: absolute;
    right: 0;
    max-width: 150px;
    padding: 0.375rem 0.75rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    z-index: 1;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .feature__content-eyecatcher {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
    @media (min-width: 650px) {
      .feature__content-eyecatcher {
        max-width: 250px; } }
    @media (min-width: 768px) {
      .feature__content-eyecatcher {
        top: 55px; } }
    @media (min-width: 1024px) {
      .feature__content-eyecatcher {
        top: 100px; } }
  .feature__heading {
    color: #003d8f;
    font-family: "57-condensed", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .feature__heading {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
  .feature__subheading {
    margin-bottom: 0; }
  .feature__subheading,
  .feature .benefits {
    color: #3c3c3c;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .feature__subheading,
      .feature .benefits {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .feature__subheading,
  .feature .benefits {
    font-family: "57-condensed", Arial, sans-serif; }
    .feature__subheading li:not(:last-child),
    .feature .benefits li:not(:last-child) {
      margin-bottom: 0.375rem; }
      @media (min-width: 1024px) {
        .feature__subheading li:not(:last-child),
        .feature .benefits li:not(:last-child) {
          margin-bottom: 0.75rem; } }
  .feature__intro, .feature__image {
    position: static; }
  .feature__intro {
    transition: padding-bottom .4s; }
    .feature__intro .icon {
      z-index: 10;
      position: absolute;
      top: 0;
      right: 0.75rem; }
      @media (min-width: 1200px) {
        .feature__intro .icon {
          right: 0; } }
  .feature__intro-image {
    display: flex;
    justify-content: center;
    align-items: center; }
  .feature__content {
    display: flex;
    justify-content: flex-start;
    position: relative; }

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
  .feature__content {
    justify-content: space-between; } }
  .feature__description {
    z-index: 1;
    box-sizing: content-box;
    margin: 0 auto 0.75rem;
    font-size: 1rem;
    line-height: 1.39; }
    @media (min-width: 1024px) {
      .feature__description {
        font-size: 1.125rem;
        line-height: 1.39; } }
    @media (min-width: 768px) {
      .feature__description {
        justify-content: space-between;
        order: 2;
        background: transparent;
        box-sizing: border-box;
        padding: 0 0.375rem;
        margin: 0; } }
    @media (min-width: 1024px) {
      .feature__description {
        display: flex;
        flex-direction: column;
        min-height: auto; } }
    .feature__description .link--dynamic {
      color: #003d8f; }
  .feature__image {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .feature__image {
        order: 3; } }
    .feature__image > img {
      max-width: 100%;
      transition: opacity .2s; }
  .feature__pricecontainer {
    z-index: 1;
    display: flex;
    align-items: flex-end;
    padding: 0 1.5rem 1.5rem 0;
    box-sizing: content-box;
    height: 100%;
    margin: auto 0 0;
    flex-direction: column; }
    @media (min-width: 768px) {
      .feature__pricecontainer {
        box-sizing: border-box;
        order: 4;
        padding: 0 0.375rem;
        background: transparent;
        padding-bottom: 0; } }
  @media all and (min-width: 768px) and (-ms-high-contrast: none) {
    .feature__pricecontainer {
      flex: 1 0 35.5%; } }
    .feature__pricecontainer .price {
      margin-left: auto;
      margin-bottom: 0; }
      @media (max-width: 479.98px) {
        .feature__pricecontainer .price {
          font-size: .5rem; } }
      @media (min-width: 768px) {
        .feature__pricecontainer .price {
          margin-left: 0; } }
      .feature__pricecontainer .price__more {
        color: #003d8f;
        margin: 1.125rem 0 0 -5.25rem;
        width: 140px;
        font-size: 10-12; }
      .feature__pricecontainer .price__unit {
        line-height: 1em; }
      .feature__pricecontainer .price__prefix {
        max-width: 5em; }
    .feature__pricecontainer .asterisk-info {
      margin-bottom: 0.75rem; }
  .feature__background {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%; }
    .feature__background img {
      min-height: 400px;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
      object-position: center top;
      z-index: 0; }
      .feature--subfeature .feature__background img {
        height: auto; }
      @media (min-width: 768px) {
        .feature__background img {
          object-position: center center; } }
    .feature__background .collapse {
      opacity: 0; }
      .show .feature__background .collapse img {
        opacity: .2; }
  .feature__cta-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    margin-top: 0.75rem; }
    .feature__cta-container select {
      width: 100%; }
    .feature__cta-container .btn,
    .feature__cta-container .select-container {
      height: 38px;
      max-width: 150px; }
      .feature__cta-container .btn__ul,
      .feature__cta-container .select-container__ul {
        z-index: 3; }
    .feature__cta-container .btn {
      margin-left: 0.75rem; }
    @media (min-width: 768px) {
      .feature__cta-container {
        max-width: none;
        width: 100%;
        display: inline;
        text-align: right;
        margin-left: 0; }
        .feature__cta-container .btn,
        .feature__cta-container .select-container {
          display: inline-block; } }
  .feature__hint {
    text-align: right;
    display: block;
    line-height: 1.3;
    margin-top: 0.75rem;
    font-size: 0.875rem; }
    @media (min-width: 1024px) {
      .feature__hint {
        font-size: 1rem; } }
  .feature .feature__intro[data-toggle='collapse'] {
    padding-right: 1.5rem;
    cursor: pointer; }
  .feature .collapsed {
    padding-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .feature .collapsed {
        padding-bottom: 0; } }
  .feature .collapsing:not(.collapse) {
    position: static; }
  .feature .collapsed,
  .feature .collapsing {
    min-height: 0; }
    .feature .collapsed .feature__content,
    .feature .collapsing .feature__content {
      min-height: 0; }
    .feature .collapsed .feature__background img,
    .feature .collapsing .feature__background img {
      height: 0;
      opacity: 0; }

@media all and (min-width: 768px) and (-ms-high-contrast: none) {
  .feature--subfeature .feature__content {
    justify-content: flex-start; } }
  .feature--disabled .select-container .icon,
  .feature .subfeatures__item--disabled .select-container .icon {
    fill: #3c3c3c; }
  .feature--disabled .select-container select,
  .feature--disabled .select-container button,
  .feature .subfeatures__item--disabled .select-container select,
  .feature .subfeatures__item--disabled .select-container button {
    opacity: .65; }
  .feature--disabled .select-container select,
  .feature .subfeatures__item--disabled .select-container select {
    pointer-events: none;
    color: #3c3c3c;
    border-color: #3c3c3c; }
  .feature--in-basket .btn {
    display: none; }
  .feature--in-basket .btn-secondary, .feature--in-basket .btn--tunnel {
    display: inline-block; }
  .feature--on-dark {
    color: #fff; }
    .feature--on-dark .feature__heading,
    .feature--on-dark .feature__subheading,
    .feature--on-dark .benefits,
    .feature--on-dark .accordion__icon,
    .feature--on-dark a {
      color: #fff; }

.funnel-teaser {
  margin-bottom: 0.75rem;
  display: flex;
  min-height: 440px; }
  @media (min-width: 650px) {
    .funnel-teaser--large .funnel-teaser__bottom {
      flex-direction: row; } }
  .funnel-teaser--large .funnel-teaser__badge object,
  .funnel-teaser--large .funnel-teaser__badge img {
    position: relative;
    height: 100%; }
  .funnel-teaser--large .funnel-teaser__badge img {
    display: inline-block; }
  @media (min-width: 1024px) {
    .funnel-teaser--large .funnel-teaser__buttons .btn {
      width: calc(50% - 0.75rem); } }
  .funnel-teaser__content {
    position: relative;
    border: 1px solid #003d8f;
    width: 100%;
    display: flex; }
  .funnel-teaser__background {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    overflow: hidden; }
    .funnel-teaser__background picture {
      width: 100%; }
    .funnel-teaser__background img {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      transform: translateY(-50%); }
    .funnel-teaser__background-link > a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
  .funnel-teaser__foreground {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%; }
  .funnel-teaser__top {
    position: relative;
    padding: 0.75rem; }
    .funnel-teaser__top mark, .funnel-teaser__top .countdown-label, .funnel-teaser__top .countdown-label--primary, .funnel-teaser__top .countdown-label--secondary {
      display: inline-block;
      font-size: 1.25rem;
      line-height: 1.39; }
      @media (min-width: 1024px) {
        .funnel-teaser__top mark, .funnel-teaser__top .countdown-label, .funnel-teaser__top .countdown-label--primary, .funnel-teaser__top .countdown-label--secondary {
          font-size: 1.5rem;
          line-height: 1.22; } }
    .funnel-teaser__top h3,
    .funnel-teaser__top .h3 {
      font-size: 1.75rem;
      line-height: 1.22; }
      @media (min-width: 1024px) {
        .funnel-teaser__top h3,
        .funnel-teaser__top .h3 {
          font-size: 2.25rem;
          line-height: 1.22; } }
    .funnel-teaser__top p {
      font-size: 1.25rem;
      line-height: 1.39; }
    .funnel-teaser__top > * {
      margin-bottom: 0.1875rem; }
      .funnel-teaser__top > *:last-child {
        margin-bottom: 0; }
  .funnel-teaser__cutout {
    position: relative;
    min-height: .01px; }
    .funnel-teaser__cutout picture,
    .funnel-teaser__cutout img {
      max-width: 100%;
      margin: 0 auto;
      display: block; }
  .funnel-teaser__badge {
    position: absolute;
    width: 45%;
    height: 45%; }
    .funnel-teaser__badge.top {
      top: 5%; }
    .funnel-teaser__badge.bottom {
      bottom: 5%; }
    .funnel-teaser__badge.left {
      left: 5%;
      text-align: left; }
    .funnel-teaser__badge.right {
      right: 5%;
      text-align: right; }
    .funnel-teaser__badge picture,
    .funnel-teaser__badge object,
    .funnel-teaser__badge img {
      max-width: 100%;
      max-height: 100%;
      margin: 0; }
  .funnel-teaser__bottom {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0.75rem; }
    @media (min-width: 480px) {
      .funnel-teaser__bottom {
        flex-direction: row; } }
    @media (min-width: 650px) {
      .funnel-teaser__bottom {
        flex-direction: column; } }
    @media (min-width: 1024px) {
      .funnel-teaser__bottom {
        flex-direction: row; } }
    .funnel-teaser__bottom::after {
      display: block;
      content: '';
      clear: both; }
  .funnel-teaser__price {
    float: left;
    margin-top: auto;
    width: 100%; }
    @media (min-width: 480px) {
      .funnel-teaser__price {
        width: 50%; } }
    @media (min-width: 650px) {
      .funnel-teaser__price {
        width: 100%; } }
    @media (min-width: 1024px) {
      .funnel-teaser__price {
        width: 50%; } }
    .funnel-teaser__price-subtext {
      font-size: 0.875rem;
      line-height: 1.39;
      margin-bottom: 0;
      color: #f3e11e; }
      .price--secondary ~ .funnel-teaser__price-subtext {
        color: #003d8f; }
      .price--white ~ .funnel-teaser__price-subtext {
        color: #fff; }
  .funnel-teaser__buttons {
    float: right;
    margin-top: auto;
    width: 100%; }
    .funnel-teaser__buttons .btn {
      margin-top: 0.75rem; }
    @media (min-width: 480px) {
      .funnel-teaser__buttons {
        width: 50%; }
        .funnel-teaser__buttons .btn:first-child {
          margin-top: 0; } }
    @media (min-width: 650px) {
      .funnel-teaser__buttons {
        width: 100%; }
        .funnel-teaser__buttons .btn:first-child {
          margin-top: 0.75rem; } }
    @media (min-width: 1024px) {
      .funnel-teaser__buttons {
        width: 50%; }
        .funnel-teaser__buttons .btn:first-child {
          margin-top: 0; } }

.gap-filler {
  position: relative; }
  .gap-filler::before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 0;
    right: 0;
    top: -5rem;
    height: 8rem;
    background-color: #fff; }

.hardware-box {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e5e5;
  padding: 0.5625rem;
  padding-top: 0.75rem; }
  @media (min-width: 480px) {
    .hardware-box {
      padding: 0.75rem 1.5rem 1.5rem; } }
  @media (min-width: 650px) {
    .hardware-box {
      padding: 1.5rem; } }
  @media (min-width: 768px) {
    .hardware-box {
      padding: 0.75rem; } }
  @media (min-width: 1024px) {
    .hardware-box {
      padding: 0.75rem 1.5rem 1.5rem; } }
  .hardware-box__heading {
    width: 100%;
    height: 52px;
    position: relative;
    display: flex;
    align-items: center;
    color: #003d8f;
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.39; }
    @media (min-width: 650px) {
      .hardware-box__heading {
        margin-bottom: 2.25rem; } }
    @media (min-width: 768px) {
      .hardware-box__heading {
        margin-bottom: 1.5rem; } }
    .hardware-box__heading > a {
      display: flex;
      align-items: center;
      min-height: 60px; }
      @media (min-width: 1024px) {
        .hardware-box__heading > a {
          min-height: 56px; } }
    .hardware-box__heading a:link,
    .hardware-box__heading a:visited {
      text-decoration: none;
      font-family: "57-condensed", Arial, sans-serif;
      color: #003d8f; }
  .hardware-box__device-image {
    height: 220px;
    width: 154px;
    position: relative; }
    .hardware-box__device-image > img {
      position: absolute;
      max-height: 220px;
      max-width: 154px;
      top: 50%;
      transform: translateY(-50%); }
    .hardware-box__device-image > img:nth-child(2) {
      position: relative;
      float: right; }
  .hardware-box__device-image-container {
    margin-right: 0.1875rem; }
    @media (min-width: 480px) {
      .hardware-box__device-image-container {
        margin-right: 0.5625rem; } }
    @media (min-width: 1024px) {
      .hardware-box__device-image-container {
        margin-right: 1.125rem; } }
    @media (min-width: 1200px) {
      .hardware-box__device-image-container {
        margin-right: 0.75rem; } }
    @media (min-width: 1500px) {
      .hardware-box__device-image-container {
        margin-right: 1.125rem; } }
  .hardware-box__promo-item-container {
    display: flex;
    flex-flow: column;
    align-content: space-between;
    align-items: center;
    justify-content: center; }
    @media (min-width: 480px) {
      .hardware-box__promo-item-container {
        margin-left: 0.375rem; } }
    @media (min-width: 768px) {
      .hardware-box__promo-item-container {
        margin-left: 0; } }
    @media (min-width: 1024px) {
      .hardware-box__promo-item-container {
        margin-left: 0.375rem; } }
    @media (min-width: 1200px) {
      .hardware-box__promo-item-container {
        margin-left: 0.1875rem; } }
    @media (min-width: 1500px) {
      .hardware-box__promo-item-container {
        margin-left: 0.375rem; } }
  .hardware-box__addition-icon-container {
    height: 100%;
    width: 2.25rem;
    display: flex;
    align-items: center;
    z-index: 1; }
    .hardware-box__addition-icon-container svg {
      fill: #003d8f;
      width: 1.125rem;
      height: 1.125rem; }
  .hardware-box__promo-item-element {
    height: 109px;
    position: relative; }
    .hardware-box__promo-item-element img {
      max-height: 100%;
      max-width: 100%;
      padding-bottom: 1.1875rem; }
    .hardware-box__promo-item-element mark, .hardware-box__promo-item-element .countdown-label, .hardware-box__promo-item-element .countdown-label--primary, .hardware-box__promo-item-element .countdown-label--secondary {
      font-size: 0.75rem;
      background: #003d8f;
      color: #fff;
      font-family: "77-black-condensed", Arial, sans-serif;
      min-height: 1.1875rem;
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0.1875rem; }
    .hardware-box__promo-item-element .countdown__text-wrapper {
      max-width: 100%; }
    .hardware-box__promo-item-element .countdown .icon {
      top: .2em; }
  .hardware-box__promo-item-element:nth-child(2) {
    margin-top: 0.1875rem; }
  .hardware-box__addition-icon {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #003d8f;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .hardware-box__addition-icon .icon {
      fill: #fff; }
  .hardware-box__images-container {
    height: 220px;
    margin-bottom: 0.75rem;
    display: flex; }
    .hardware-box__images-container > div:only-child {
      margin: 0 auto; }
  .hardware-box__prices {
    min-height: 4.75rem; }
  .hardware-box__priceoption-title {
    font-size: 0.875rem;
    line-height: 1.39; }
  .hardware-box__price-container {
    display: flex;
    padding-right: 0.5625rem; }
  .hardware-box__price-text {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-left: 0.375rem; }
    @media (min-width: 480px) {
      .hardware-box__price-text {
        margin-left: 0.75rem; } }
  .hardware-box__availability-container {
    margin-bottom: 0.5625rem;
    margin-top: 0.5625rem; }
  .hardware-box__additional-information {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-top: 0.75rem; }
  .hardware-box__technical-details-container {
    border: #e5e5e5 1px solid;
    border-radius: 5px;
    margin-bottom: 0.75rem; }
  .hardware-box__technical-details-header {
    font-size: 1rem;
    line-height: 1.39;
    cursor: pointer;
    color: #003d8f;
    height: 38px;
    width: 100%;
    position: relative; }
    .hardware-box__technical-details-header span {
      position: absolute;
      margin-left: 0.75rem;
      top: 50%;
      transform: translateY(-50%); }
    .hardware-box__technical-details-header .icon {
      right: 0;
      position: absolute;
      top: 50%;
      transition: 0.5s ease-in-out;
      transform: translateY(-50%) rotate(180deg);
      margin-right: 0.75rem; }
    .hardware-box__technical-details-header-show-more {
      display: none; }
    .hardware-box__technical-details-header.is-active {
      margin-bottom: 0; }
      .hardware-box__technical-details-header.is-active .hardware-box__technical-details-header-show-less {
        display: none; }
      .hardware-box__technical-details-header.is-active .hardware-box__technical-details-header-show-more {
        display: block; }
      .hardware-box__technical-details-header.is-active .icon {
        transform-origin: center;
        transform: translateY(-50%) rotate(0); }
  .hardware-box__technical-details-content {
    padding: 0.75rem 1.125rem 0.375rem;
    overflow-y: hidden;
    font-size: 1rem;
    line-height: 1.39; }
    .hardware-box__technical-details-content.is-hidden {
      height: 0;
      padding-bottom: 0;
      padding-top: 0; }
  .hardware-box__technical-details-bullet {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem; }
    .hardware-box__technical-details-bullet svg {
      width: 1.875rem;
      height: 1.875rem;
      fill: #003d8f;
      flex-shrink: 0;
      margin-right: 0.5625rem; }
    .hardware-box__technical-details-bullet span {
      font-size: 1rem;
      line-height: 1.39;
      display: inline-flex;
      align-items: center;
      word-wrap: break-word; }
  .hardware-box__image-text-block-container {
    padding-bottom: 0.5625rem;
    display: flex; }
  .hardware-box__text-element {
    font-size: 0.875rem;
    line-height: 1.39; }
    .hardware-box__text-element a {
      color: #003d8f;
      font-family: "77-black-condensed", Arial, sans-serif;
      text-decoration: underline; }
  .hardware-box__image-text-block-element {
    height: 86px; }
    .hardware-box__image-text-block-element a {
      display: inline-block;
      height: 86px; }
    .hardware-box__image-text-block-element img,
    .hardware-box__image-text-block-element object {
      width: 96px;
      height: 86px;
      position: relative; }
  .hardware-box__image-text-block-element {
    margin-right: 0; }
    @media (min-width: 480px) {
      .hardware-box__image-text-block-element {
        margin-right: 1.5rem; } }
    @media (min-width: 768px) {
      .hardware-box__image-text-block-element {
        margin-right: 0.5625rem; } }
    @media (min-width: 1024px) {
      .hardware-box__image-text-block-element {
        margin-right: 1.5rem; } }

.hw-comparetable {
  width: calc(100% + 1.5rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 1.5rem;
  padding-right: 0;
  overflow-y: scroll;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .hw-comparetable {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .hw-comparetable {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  @media (min-width: 480px) {
    .hw-comparetable {
      width: calc(100% + 3rem); } }
  @media (min-width: 650px) {
    .hw-comparetable {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: 12px;
      padding-right: 12px;
      overflow-y: inherit; } }
  .hw-comparetable__row-visuals {
    flex-wrap: nowrap; }
    @media (max-width: 649.98px) {
      .hw-comparetable__row-visuals {
        margin-right: 0; } }
    .hw-comparetable__row-visuals .col:not(.hw-comparetable__empty-col) {
      min-width: calc( (100% - 5.375rem) / 2);
      max-width: calc( (100% - 5.375rem) / 2);
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 480px) {
        .hw-comparetable__row-visuals .col:not(.hw-comparetable__empty-col) {
          min-width: calc( (100% - 6.875rem) / 2);
          max-width: calc( (100% - 6.875rem) / 2); } }
      @media (min-width: 650px) {
        .hw-comparetable__row-visuals .col:not(.hw-comparetable__empty-col) {
          min-width: 0;
          max-width: 100%;
          padding-left: 0.1875rem;
          padding-right: 0.1875rem; } }
      @media (min-width: 1200px) {
        .hw-comparetable__row-visuals .col:not(.hw-comparetable__empty-col) {
          padding-left: 0.375rem;
          padding-right: 0.375rem; } }
    .hw-comparetable__row-visuals .col:last-child {
      box-sizing: content-box;
      padding-right: 1.5rem; }
    @media (min-width: 480px) {
      .hw-comparetable__row-visuals .col:last-child {
        padding-right: 3rem; } }
    @media (min-width: 650px) {
      .hw-comparetable__row-visuals .col:last-child {
        box-sizing: border-box;
        padding-right: 0.1875rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__row-visuals .col {
        padding-left: 0.375rem;
        padding-right: 0.375rem; }
        .hw-comparetable__row-visuals .col:last-child {
          padding-right: 0.375rem; } }
  .hw-comparetable__empty-col {
    min-width: 2.75rem;
    max-width: 2.75rem;
    margin-right: 0.375rem; }
    @media (max-width: 649.98px) {
      .hw-comparetable__empty-col {
        position: sticky;
        left: 0;
        z-index: 10;
        box-sizing: content-box; }
        .hw-comparetable__empty-col::after {
          content: '';
          display: block;
          position: absolute;
          left: -1.5rem;
          right: 0;
          background-color: #fff;
          height: 100%;
          z-index: 5; } }
    @media (min-width: 650px) {
      .hw-comparetable__empty-col {
        min-width: 6.625rem;
        max-width: 6.625rem;
        margin-right: 0.75rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__empty-col {
        min-width: 5.5625rem;
        max-width: 5.5625rem; } }
  .hw-comparetable__visual-outer-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 0.375rem; }
  .hw-comparetable__visual img,
  .hw-comparetable__visual object {
    max-width: 100%;
    height: 5.25rem; }
    @media (min-width: 1200px) {
      .hw-comparetable__visual img,
      .hw-comparetable__visual object {
        height: 7.5rem; } }
  .hw-comparetable__visual--overlap {
    position: relative; }
    .hw-comparetable__visual--overlap img,
    .hw-comparetable__visual--overlap object {
      position: relative;
      margin-left: 1.5rem;
      z-index: 1; }
      @media (min-width: 1200px) {
        .hw-comparetable__visual--overlap img,
        .hw-comparetable__visual--overlap object {
          margin-left: 2.25rem; } }
      .hw-comparetable__visual--overlap img:nth-child(2),
      .hw-comparetable__visual--overlap object:nth-child(2) {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
        z-index: 0; }
  .hw-comparetable__headline {
    font-size: 0.875rem;
    line-height: 1.39;
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    text-align: center; }
    @media (min-width: 650px) {
      .hw-comparetable__headline {
        font-size: 1.125rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__headline {
        font-size: 1.5rem; } }
  .hw-comparetable__techspecs {
    flex-wrap: nowrap; }
    @media (max-width: 649.98px) {
      .hw-comparetable__techspecs {
        margin-right: 0; } }
    .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-rowheader,
    .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-text-wrapper {
      padding-top: 0.5625rem; }
      @media (min-width: 650px) {
        .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-rowheader,
        .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-text-wrapper {
          padding-top: 0.75rem; } }
      @media (min-width: 1200px) {
        .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-rowheader,
        .hw-comparetable__row-visuals + .hw-comparetable__techspecs .hw-comparetable__techspecs-text-wrapper {
          padding-top: 1.5rem; } }
    .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-rowheader,
    .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-text-wrapper {
      padding-bottom: 0.5625rem; }
      .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-rowheader .hw-comparetable__techspecs-text,
      .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-text-wrapper .hw-comparetable__techspecs-text {
        border: 0; }
      @media (min-width: 650px) {
        .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-rowheader,
        .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-text-wrapper {
          padding-bottom: 0.75rem; } }
      @media (min-width: 1200px) {
        .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-rowheader,
        .hw-comparetable__techspecs:last-child .hw-comparetable__techspecs-text-wrapper {
          padding-bottom: 1.5rem; } }
  .hw-comparetable__techspecs-rowheader {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    min-width: 2.625rem;
    max-width: 2.625rem;
    margin-right: 0.5rem; }
    @media (min-width: 650px) {
      .hw-comparetable__techspecs-rowheader {
        font-size: 0.875rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__techspecs-rowheader {
        font-size: 1.25rem; } }
    @media (max-width: 649.98px) {
      .hw-comparetable__techspecs-rowheader {
        position: sticky;
        left: -0.375rem;
        z-index: 10;
        background-color: #fff;
        box-sizing: content-box; }
        .hw-comparetable__techspecs-rowheader::before {
          content: '';
          display: block;
          position: absolute;
          left: -1.125rem;
          right: 100%;
          top: 0;
          background-color: #fff;
          height: 100%;
          z-index: 5; }
        .hw-comparetable__techspecs-rowheader::after {
          content: '';
          display: block;
          position: absolute;
          left: 100%;
          right: -0.5rem;
          top: 0;
          background-color: #fff;
          height: 100%;
          z-index: 5; } }
    @media (min-width: 650px) {
      .hw-comparetable__techspecs-rowheader {
        min-width: 6.625rem;
        max-width: 6.625rem;
        margin-right: 0.75rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__techspecs-rowheader {
        min-width: 5.5625rem;
        max-width: 5.5625rem; } }
  .hw-comparetable__techspecs-outer-wrap {
    min-width: calc( (100% - 5.375rem) / 2);
    max-width: calc( (100% - 5.375rem) / 2);
    width: 100%;
    padding-left: 0;
    padding-right: 0; }
    @media (min-width: 480px) {
      .hw-comparetable__techspecs-outer-wrap {
        min-width: calc( (100% - 6.875rem) / 2);
        max-width: calc( (100% - 6.875rem) / 2); } }
    @media (min-width: 650px) {
      .hw-comparetable__techspecs-outer-wrap {
        min-width: 0;
        max-width: 100%;
        padding-left: 0.1875rem;
        padding-right: 0.1875rem; } }
    .hw-comparetable__techspecs-outer-wrap:last-child {
      box-sizing: content-box;
      padding-right: 1.5rem; }
    @media (min-width: 480px) {
      .hw-comparetable__techspecs-outer-wrap:last-child {
        padding-right: 3rem; } }
    @media (min-width: 650px) {
      .hw-comparetable__techspecs-outer-wrap:last-child {
        box-sizing: border-box;
        padding-right: 0.1875rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__techspecs-outer-wrap {
        padding-left: 0.375rem;
        padding-right: 0.375rem; }
        .hw-comparetable__techspecs-outer-wrap:last-child {
          padding-right: 0.375rem; } }
  .hw-comparetable__techspecs-text-wrapper {
    background-color: #e0e9f2;
    height: 100%; }
  .hw-comparetable__techspecs-text {
    font-size: 0.875rem;
    height: 100%;
    margin-left: 0.5625rem;
    margin-right: 0.5625rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    line-height: 1.39;
    color: #003d8f;
    text-align: center;
    border-bottom: 1px solid #fff; }
    @media (min-width: 1200px) {
      .hw-comparetable__techspecs-text {
        font-size: 1.25rem; } }
    @media (min-width: 650px) {
      .hw-comparetable__techspecs-text {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
        padding-top: 1.125rem;
        padding-bottom: 1.125rem; } }
    @media (min-width: 1200px) {
      .hw-comparetable__techspecs-text {
        margin-left: 1.5rem;
        margin-right: 1.5rem; } }

.hw-configurator-detail {
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  .hw-configurator-detail__text-block {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .hw-configurator-detail__text-block .color-chooser {
      display: flex;
      flex-flow: column;
      align-items: center; }
    .hw-configurator-detail__text-block--border {
      border: 1px solid #99b6d5;
      padding: 0.75rem 1.5rem;
      margin-top: 0.75rem; }
  .hw-configurator-detail__price-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0.75rem; }
    .hw-configurator-detail__price-block .divider {
      width: 1px;
      height: auto; }
  .hw-configurator-detail__configurator-headline {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .hw-configurator-detail__headline, .hw-configurator-detail__configurator-headline {
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #003d8f;
    font-size: 1.5rem;
    line-height: 1.22;
    margin-bottom: 0.5625rem !important; }
  .hw-configurator-detail__configurator-headline {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .hw-configurator-detail__text {
    font-size: 0.75rem; }
  .hw-configurator-detail__price {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    width: calc(67% - 1px); }
    .hw-configurator-detail__price:first-child {
      display: flex;
      align-items: center;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      width: 33%; }
      .hw-configurator-detail__price:first-child .price {
        font-size: .3rem;
        justify-content: center; }
      .hw-configurator-detail__price:first-child .price-box__title {
        margin: 0; }
    .hw-configurator-detail__price .price-box {
      display: flex;
      justify-content: center;
      padding: 0; }
    .hw-configurator-detail__price .price-box--round {
      width: 4.25rem;
      height: 4.25rem;
      margin: 0 auto; }

@-moz-document url-prefix('') {
  .hw-configurator-detail__price .price-box--round .price__digits {
    letter-spacing: -.09em; } }
    .hw-configurator-detail__price .price-box__title {
      font-size: 0.875rem; }

.hw-configurator-visual {
  text-align: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  .hw-configurator-visual__visual {
    max-width: 230px;
    margin: 0 auto; }
    .hw-configurator-visual__visual img,
    .hw-configurator-visual__visual object {
      max-width: 100%; }
    .hw-configurator-visual__visual--overlap {
      position: relative; }
      .hw-configurator-visual__visual--overlap img,
      .hw-configurator-visual__visual--overlap object {
        position: relative;
        width: 75%;
        margin-left: 25%;
        z-index: 1; }
        .hw-configurator-visual__visual--overlap img:nth-child(2),
        .hw-configurator-visual__visual--overlap object:nth-child(2) {
          position: absolute;
          left: 0;
          top: 0;
          margin-left: 0;
          z-index: 0; }

.hw-configurator-headline {
  padding-top: 1.5rem; }
  @media (min-width: 650px) {
    .hw-configurator-headline {
      padding-top: 2.25rem; } }
  @media (min-width: 1024px) {
    .hw-configurator-headline {
      padding-top: 3.75rem; } }
  .hw-configurator-headline__headline {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .hw-configurator-headline__headline {
        font-size: 1.75rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    @media (min-width: 1024px) {
      .hw-configurator-headline__headline {
        font-size: 2.25rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
  .hw-configurator-headline__subtext {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .hw-configurator-headline__subtext {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }

.hwd-configuration {
  border: 1px solid #99b6d5; }
  .hwd-configuration .countdown {
    display: block;
    width: fit-content; }
    @media (max-width: 479.98px) {
      .hwd-configuration .countdown__text-static, .hwd-configuration .countdown__text-change {
        font-size: 1rem; } }
  @media (min-width: 480px) {
    .hwd-configuration--two-campaign .countdown__text-static, .hwd-configuration--two-campaign .countdown__text-change {
      font-size: 1.25rem; } }
  @media (min-width: 1024px) {
    .hwd-configuration--two-campaign .countdown__text-static, .hwd-configuration--two-campaign .countdown__text-change {
      font-size: 1.125rem; } }
  @media (min-width: 1200px) {
    .hwd-configuration--two-campaign .countdown__text-static, .hwd-configuration--two-campaign .countdown__text-change {
      font-size: 0.875rem; } }
  .hwd-configuration .row:nth-child(2) > div[class^='col']:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0.375rem;
    width: calc(100% - 0.75rem);
    height: 1px;
    background: #99b6d5; }
  @media (min-width: 1024px) {
    .hwd-configuration .row:nth-child(2) > div[class^='col']:not(:last-child):not(:first-child)::after {
      top: 0;
      width: 1px;
      height: 100%;
      background: linear-gradient(to bottom, #fff 0%, #a8c0da 14%, #99b6d5 100%); } }
  @media (min-width: 1200px) {
    .hwd-configuration .row:nth-child(2) > div[class^='col']:not(:last-child)::after {
      top: 0;
      width: 1px;
      height: 100%;
      background: linear-gradient(to bottom, #fff 0%, #a8c0da 14%, #99b6d5 100%); } }
  @media (min-width: 650px) {
    .hwd-configuration__static-checkbox {
      padding-left: 1.5rem; } }
  .hwd-configuration__headline {
    font-size: 1.25rem;
    line-height: 1.39;
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    padding: 0.75rem; }
    @media (min-width: 650px) {
      .hwd-configuration__headline {
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
  .hwd-configuration__variant-selection {
    padding: 0 0.75rem 0.75rem; }
    @media (min-width: 650px) {
      .hwd-configuration__variant-selection {
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
  .hwd-configuration .variant-chooser,
  .hwd-configuration .color-chooser {
    margin-bottom: 0.5625rem; }

.hwd-inactive-hardware {
  border: 1px solid #99b6d5;
  padding: 1.5rem; }
  .hwd-inactive-hardware::before {
    content: 'Leider ist dieses Ger\00E4t nicht mehr verf\00FCgbar. W\00E4hlen Sie stattdessen eines unserer anderen Top-Ger\00E4te.';
    display: block; }

.hwd-monthly-price {
  color: #003d8f;
  padding: 1.5rem 0.75rem; }
  @media (min-width: 768px) {
    .hwd-monthly-price {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; } }
  .hwd-monthly-price .price {
    display: inline-flex; }

.infobox {
  position: relative;
  min-width: 274px;
  flex: 1 1 0;
  font-size: 1rem; }
  .infobox__container {
    box-shadow: 0 2px 10px rgba(100, 100, 100, 0.16);
    background: #fff;
    margin: 0 0.375rem; }
  .infobox__badge {
    z-index: 10;
    position: absolute;
    right: -0.375rem;
    top: -1.0625rem;
    width: 72px;
    height: 72px; }
    .infobox__badge img {
      width: 100%;
      height: auto; }
  .infobox__image {
    margin-bottom: 0.75rem;
    margin-left: -1.5rem;
    width: calc(100% + 3rem); }
    .infobox__image img {
      width: 100%; }
  .infobox__preline {
    margin-bottom: 0.1875rem;
    margin-top: 0.1875rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    display: flex;
    justify-content: center;
    min-height: 1.25rem; }
  .infobox__headline {
    font-size: 1.75rem;
    line-height: 1.22;
    margin-bottom: 0.75rem !important; }
    @media (min-width: 650px) {
      .infobox__headline {
        margin-bottom: !important; } }
  .infobox__price {
    display: flex;
    justify-content: center;
    margin-bottom: 0.75rem; }
  .infobox__button {
    display: flex;
    justify-content: center;
    margin-top: 0.75rem; }
  .infobox__description {
    margin-bottom: 0.5625rem; }
  .infobox__subline {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #003d8f; }
    @media (min-width: 650px) {
      .infobox__subline {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .infobox__benefits li {
    font-size: 1rem;
    margin-bottom: 0.75rem; }
    .infobox__benefits li .icon {
      width: 1.25rem;
      height: 1.25rem; }
  .infobox__link {
    margin-bottom: 0.5625rem;
    text-align: center;
    color: #003d8f; }
  .infobox .thumbnail {
    display: none; }
  .infobox__header {
    background: #fff;
    position: relative;
    padding: 0 1.5rem 0.75rem; }
  .infobox__footer {
    position: relative;
    background: #fff;
    padding: 0.75rem 1.5rem 1.5rem; }
  .infobox--inactive {
    pointer-events: none; }
    .infobox--inactive *:not(.btn):not(.btn__span):not(.unibox-halo__text) {
      color: #bebebe !important;
      fill: #bebebe; }
    .infobox--inactive .infobox__header *:not(.btn):not(.btn__span) {
      color: #bebebe !important;
      fill: #bebebe; }
    .infobox--inactive .infobox__header .infobox__image img {
      filter: none;
      opacity: 1; }
    .infobox--inactive .infobox__header[class*='bg-'] {
      background-color: #bebebe !important; }
      .infobox--inactive .infobox__header[class*='bg-'] *:not(.btn):not(.btn__span):not(mark):not(.countdown-label):not(.countdown-label--primary):not(.countdown-label--secondary) {
        color: #fff !important;
        fill: #fff; }
    .infobox--inactive mark, .infobox--inactive .countdown-label, .infobox--inactive .countdown-label--primary, .infobox--inactive .countdown-label--secondary {
      background: #f4f4f4; }
    .infobox--inactive img {
      filter: saturate(10%);
      opacity: .5; }
    .infoboxes .infobox--inactive.slick-current .infobox__container {
      border-color: #bebebe; }

.logo-slider {
  position: relative;
  margin: 1.5rem -0.375rem; }
  @media (min-width: 650px) {
    .logo-slider {
      margin-bottom: 1.5rem;
      margin-top: 2.25rem; } }
  @media (min-width: 1024px) {
    .logo-slider {
      margin-bottom: 3rem;
      margin-top: 3.75rem; } }
  .logo-slider__item {
    position: relative;
    border: 2px solid #e5e5e5;
    margin: 0 0.375rem;
    transition: background 0.3s; }
    .logo-slider__item--noborder {
      border: 2px solid rgba(0, 0, 0, 0); }
    .logo-slider__item::before {
      content: '';
      display: block;
      width: 100%;
      padding-top: 100%; }
    .logo-slider__item a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: block; }
      @media (hover: hover) and (pointer: fine), (-moz-touch-enabled: 0) {
        .logo-slider__item a:hover {
          background: #e5e5e5; } }
    .logo-slider__item img,
    .logo-slider__item svg,
    .logo-slider__item object {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: calc(100% - 1.5rem);
      max-height: calc(100% - 1.5rem); }
  .logo-slider.slick-initialized .slick-arrow {
    position: absolute;
    top: 0;
    height: 100%;
    width: 1.5rem;
    cursor: pointer; }
    @media (min-width: 650px) {
      .logo-slider.slick-initialized .slick-arrow {
        width: 2.25rem; } }
    @media (min-width: 768px) {
      .logo-slider.slick-initialized .slick-arrow {
        width: 1.5rem; } }
    .logo-slider.slick-initialized .slick-arrow--prev {
      left: -1.125rem; }
      @media (min-width: 480px) {
        .logo-slider.slick-initialized .slick-arrow--prev {
          left: -1.5rem; } }
      @media (min-width: 650px) {
        .logo-slider.slick-initialized .slick-arrow--prev {
          left: -2.25rem; } }
      @media (min-width: 768px) {
        .logo-slider.slick-initialized .slick-arrow--prev {
          left: -1.5rem; } }
    .logo-slider.slick-initialized .slick-arrow--next {
      right: -1.125rem; }
      @media (min-width: 480px) {
        .logo-slider.slick-initialized .slick-arrow--next {
          right: -1.5rem; } }
      @media (min-width: 650px) {
        .logo-slider.slick-initialized .slick-arrow--next {
          right: -2.25rem; } }
      @media (min-width: 768px) {
        .logo-slider.slick-initialized .slick-arrow--next {
          right: -1.5rem; } }
    .logo-slider.slick-initialized .slick-arrow--inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .logo-slider.slick-initialized .slick-arrow.slick-disabled {
      display: none !important; }

.medium-teaser {
  text-decoration: none;
  color: #3c3c3c;
  font-size: 1rem; }
  .medium-teaser:hover, .medium-teaser:focus, .medium-teaser:active {
    text-decoration: none;
    color: #3c3c3c; }
  .medium-teaser .medium-teaser__inner {
    max-width: 100%;
    padding: 0.75rem 3rem 0.75rem 0.75rem;
    box-shadow: 0 2px 0 #e5e5e5;
    border: 2px solid #e5e5e5;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    background: #fff; }
  .medium-teaser__icon {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translate(0, -50%);
    fill: #3c3c3c; }
  .medium-teaser__image {
    width: 100%; }
  .medium-teaser__text p {
    line-height: 1.25;
    margin-bottom: 0; }

.mini-shopping-cart-dot {
  position: absolute;
  right: -0.275rem;
  top: -.3rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #57ab27; }
  @media (min-width: 1024px) {
    .mini-shopping-cart-dot {
      right: .1rem; } }
  .navigation--tunnel .mini-shopping-cart-dot {
    right: .6rem; }

.navigation .mini-shopping-cart__layer, .navigation .mini-shopping-cart__flyout {
  display: none; }

.mini-shopping-cart--visible .mini-shopping-cart__layer,
.mini-shopping-cart--visible .mini-shopping-cart__flyout {
  display: block; }

.mini-shopping-cart__layer {
  background-color: rgba(153, 182, 213, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10; }

.mini-shopping-cart__flyout {
  z-index: 5;
  position: relative;
  padding: 0.75rem 0.75rem 2.25rem 0.75rem;
  background-color: #fff;
  font-size: 1rem; }
  @media (min-width: 650px) {
    .mini-shopping-cart__flyout {
      width: 360px; } }
  .navigation .mini-shopping-cart__flyout {
    position: fixed;
    left: 0;
    right: 0;
    top: 55px;
    max-height: calc(100% - 55px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media (min-width: 650px) {
      .navigation .mini-shopping-cart__flyout {
        position: absolute;
        left: auto;
        right: 0.375rem;
        top: 100%;
        transform: translateY(-4px);
        max-height: 40rem;
        padding-bottom: 0;
        /* EDGE und Firefox Bug FIX */ } }
  @media (min-width: 650px) and (max-width: 1023.98px) {
    nav:not(.navigation--tunnel) .mini-shopping-cart__flyout {
      right: 0.375rem; } }

.mini-shopping-cart__items {
  list-style: none;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 0; }

.mini-shopping-cart__item {
  justify-content: space-between;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e0e9f2; }
  .mini-shopping-cart__item:first-of-type {
    padding-top: 0; }
  .mini-shopping-cart__item .btn {
    margin-top: 0;
    width: auto; }

.mini-shopping-cart__item-name {
  display: block;
  margin-bottom: 0.1875rem; }

.mini-shopping-cart__item-price, .mini-shopping-cart__item-price-info {
  display: block;
  text-align: right; }

.mini-shopping-cart__item-price {
  margin-left: 0.75rem; }

.mini-shopping-cart__cta-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.875rem;
  /* EDGE und Firefox Bug FIX */ }

.mini-shopping-cart__cta {
  width: auto;
  padding-left: 3rem;
  padding-right: 3rem; }

.preview-box__content {
  border: 1px solid #bebebe;
  padding: 1.5rem;
  margin: 0 auto; }

.preview-box__bottom {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .preview-box__bottom {
      align-items: flex-end;
      justify-content: space-between; } }

.preview-box__headline {
  font-size: 1.25rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important;
  color: #003d8f;
  font-family: "77-black-condensed", Arial, sans-serif; }

.preview-box__subline {
  font-size: 1.125rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }

.preview-box__image img {
  height: 100px;
  width: auto; }

.preview-box__legaltext {
  margin-bottom: 0;
  font-size: 0.875rem; }

.preview-box__button {
  padding-top: 0.75rem;
  text-align: right; }

.price {
  display: flex;
  color: #f3e11e;
  font-family: "87-extra-black-condensed", Arial, sans-serif;
  line-height: .8;
  margin-bottom: .7em; }
  .price[class*='background--'] {
    display: inline-flex;
    padding: 1em; }
  .price--main-strike {
    display: inline-flex;
    position: relative; }
    .price--main-strike::after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: -2%;
      width: 104%;
      height: .3em;
      transform: rotate(-12.5deg);
      background: #f3e11e; }
    .price--main-strike-white::after {
      background: #fff; }
    .price--main-strike-secondary::after {
      background: #003d8f; }
    .price--main-strike-secondary-200::after {
      background: #99b6d5; }
  .price__before {
    display: flex;
    flex-direction: column;
    height: 4.8em;
    text-align: right;
    justify-content: flex-end; }
    .price__before span {
      padding-right: .5em; }
  .price__over {
    position: absolute;
    top: 0; }
    .price__over span {
      font-size: 2em; }
  .price__unit {
    display: inline-block;
    max-width: 4em;
    line-height: 1; }
  .price__unit, .price__prefix {
    font-size: 1.4em;
    font-family: "77-black-condensed", Arial, sans-serif; }
  .price__prefix, .price__strike {
    padding-top: .2em; }
  .price__prefix ~ .price__strike {
    padding-top: .5rem; }
  .price__prefix + .price__rrp {
    padding-top: .3rem; }
  .price__rrp {
    font-size: 1.4em;
    color: #99b6d5; }
    .price__over--white .price__rrp,
    .price__before--white .price__rrp {
      color: #fff; }
  .price__strike {
    font-size: 2.3em;
    font-family: "87-extra-black-condensed", Arial, sans-serif;
    letter-spacing: -.03em;
    position: relative;
    color: #99b6d5; }
    .price__over--white .price__strike,
    .price__before--white .price__strike {
      color: #fff; }
    .price__strike::before {
      content: '';
      display: block;
      position: absolute;
      top: 54%;
      left: -2%;
      width: 90%;
      height: .08em;
      transform: rotate(-12.5deg);
      background-color: #f3e11e; }
      .price__over .price__strike::before {
        width: 105%; }
      .price--secondary .price__strike::before {
        background-color: #003d8f; }
      .price--secondary-200 .price__strike::before {
        background-color: #99b6d5; }
      .price--secondary-300 .price__strike::before {
        background-color: #6e91ba; }
      .price--white .price__strike::before {
        background-color: #fff; }
  .price__after-top {
    display: flex;
    margin-bottom: .4em; }
  .price__digits {
    font-size: 6.5em;
    letter-spacing: -.05em; }
  .price__comma {
    margin-right: .08em; }
    @supports (-moz-appearance: meterbar) {
      .price__comma {
        margin-left: .25rem; } }
  .price__decimals {
    font-size: 4.1em;
    break-after: always;
    margin-left: -.4em;
    letter-spacing: -.015em; }
    .price__decimals--dash {
      font-size: 5em;
      margin-left: -.25em;
      line-height: .53;
      margin-bottom: -.055em;
      padding-top: .25em; }
      .price__decimals--dash ~ .price__asterisk .icon {
        margin-left: calc(-2px - 0.9375rem); }
      .price__decimals--dash ~ .price__asterisk .icon--small {
        margin-left: calc(-2px - 10px); }
      .price__decimals--dash ~ .price__asterisk .icon--xsmall {
        margin-left: calc(-2px - 15px); }
      .price__decimals--dash ~ .price__asterisk .icon--medium {
        margin-left: calc(-2px - 20px); }
      .price__decimals--dash ~ .price__asterisk .icon--mlarge {
        margin-left: calc(-2px - 25px); }
      .price__decimals--dash ~ .price__asterisk .icon--large {
        margin-left: calc(-2px - 30px); }
      .price__decimals--dash ~ .price__asterisk .icon--xlarge {
        margin-left: calc(-2px - 40px); }
      .price__decimals--dash ~ .price__asterisk .icon--xxlarge {
        margin-left: calc(-2px - 50px); }
      .price__decimals--dash ~ .price__asterisk .icon--xxxlarge {
        margin-left: calc(-2px - 90px); }
  .price__asterisk {
    width: 1.4em;
    height: 1.4em;
    margin-left: calc(2px + .1em);
    display: block; }
    .price__asterisk .icon {
      width: 15px;
      height: 15px; }
  .price__more {
    font-size: .65em;
    display: block;
    line-height: 1.1;
    margin-top: .3em;
    color: #3c3c3c;
    white-space: initial; }
    .price__more--white {
      color: #fff; }
  .price--white {
    color: #fff; }
    .price--white .price__asterisk svg {
      fill: #fff; }
  .price--secondary {
    color: #003d8f; }
  .price--secondary-200 {
    color: #99b6d5; }
  .price--secondary-300 {
    color: #6e91ba; }
  .price--xxs {
    font-size: .35rem; }
    .price--xxs .price__unit,
    .price--xxs .price__prefix {
      font-size: 2em; }
  .price--xs {
    font-size: .4rem; }
    .price--xs .price__unit,
    .price--xs .price__prefix {
      font-size: 1.75em; }
  .price--s {
    font-size: .5rem; }
  .price--m {
    font-size: 0.625rem; }
  .price--l {
    font-size: 0.875rem; }
  .price--xxl {
    font-size: 1.35rem; }
  .price--with-over {
    padding-top: 2em;
    position: relative; }
    .price--with-over[class*='background--'] {
      padding-top: 3em; }
      .price--with-over[class*='background--'] .price__over {
        top: 1em; }
  .price--once {
    font-size: 0.625rem;
    margin-bottom: 0;
    padding-left: .5em;
    color: #003d8f; }

.price-box {
  display: inline-block;
  padding: 0.375rem 0.5625rem; }
  .price-box__title, .price-box__legal {
    font-family: "57-condensed", Arial, sans-serif;
    color: #3c3c3c;
    line-height: 1.39; }
  .price-box__title {
    font-size: 1rem; }
  .price-box__legal {
    font-size: 0.625rem; }
  .price-box .price {
    font-size: .5rem; }
    @media (min-width: 768px) {
      .price-box .price {
        font-size: .35rem; } }
    @media (min-width: 1024px) {
      .price-box .price {
        font-size: .5rem; } }
  .price-box--round {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    position: relative; }
    @media (min-width: 1024px) {
      .price-box--round {
        width: 144px;
        height: 144px; } }
    .price-box--round .price-box__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .price-box--round .price-box__title {
      text-align: center; }
      @media (min-width: 1024px) {
        .price-box--round .price-box__title {
          margin-bottom: 0.375rem; } }

.progress-bar {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 0.1875rem 0;
  height: 38px;
  margin-bottom: 0;
  transition: mask-image .2s;
  display: flex;
  align-items: center; }
  .progress-bar--no-height {
    margin-bottom: -38px; }
  .progress-bar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    right: 0;
    background: linear-gradient(to right, #6f91bb 0%, #6f91bb 19%, transparent 52%, transparent 100%); }
  .progress-bar__wrapper {
    position: relative; }
  .progress-bar__track {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0; }
  .progress-bar__item {
    display: flex;
    white-space: nowrap;
    flex-shrink: 0; }
    .progress-bar__item:not(:last-child) {
      margin-right: 0.75rem; }
    .progress-bar__item a {
      text-decoration: none;
      color: #003d8f; }
    .progress-bar__item:not(.progress-bar__item--done):not(.progress-bar__item--active) a {
      color: #99b6d5; }
    .progress-bar__item a[href='#'],
    .progress-bar__item a[href='##'] {
      cursor: default; }
    .progress-bar__item--active a {
      font-family: "77-black-condensed", Arial, sans-serif; }
  .progress-bar--dark-background .progress-bar__item--done a,
  .progress-bar--dark-background .progress-bar__item--active a {
    color: #fff; }
  .progress-bar--dark-background .progress-bar__arrows--show-right::after {
    background: linear-gradient(90deg, rgba(0, 61, 143, 0) 0%, #003d8f 80%, #003d8f 100%); }
  .progress-bar--dark-background .progress-bar__arrows--show-left::before {
    background: linear-gradient(90deg, #003d8f 0%, #003d8f 50%, rgba(0, 61, 143, 0) 100%); }
  .progress-bar--dark-background .progress-bar__arrows .progress-bar__arrow--left {
    fill: #fff; }
  .progress-bar--dark-background .progress-bar__arrows .progress-bar__arrow--right {
    fill: #fff; }
  .progress-bar__icon .icon {
    fill: #99b6d5;
    width: 1rem;
    height: 1rem;
    vertical-align: middle; }
  .progress-bar__icon--check {
    margin-right: 0.375rem; }
    .progress-bar__icon--check .icon {
      fill: #57ab27; }
  .progress-bar__icon--arrow {
    margin-left: 0.75rem; }
  .progress-bar__arrows--show-right::after {
    content: '';
    display: block;
    width: 3.75rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 80%, white 100%); }
  .progress-bar__arrows--show-left::before {
    content: '';
    display: block;
    width: 3rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, white 0%, white 50%, rgba(255, 255, 255, 0) 100%); }
  .progress-bar__arrows .progress-bar__arrow--left {
    position: absolute;
    left: 0.75rem;
    display: block;
    transform: translate(-50%, -50%) rotate(180deg);
    z-index: 2;
    fill: #003d8f; }
  .progress-bar__arrows .progress-bar__arrow--right {
    position: absolute;
    right: 0.375rem;
    display: block;
    transform: translateY(-50%);
    z-index: 2;
    fill: #003d8f; }
  .progress-bar--configuration {
    height: auto;
    width: 95%;
    font-family: "77-black-condensed", Arial, sans-serif;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1rem; }
    @media (min-width: 650px) {
      .progress-bar--configuration {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem; } }
    @media (min-width: 1024px) {
      .progress-bar--configuration {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem; } }
    @media (min-width: 768px) {
      .progress-bar--configuration {
        font-size: 1.5rem; } }
    .progress-bar--configuration::after {
      content: normal; }
    .progress-bar--configuration .progress-bar__item {
      align-items: center;
      margin-right: 0.75rem; }
      @media (min-width: 768px) {
        .progress-bar--configuration .progress-bar__item {
          margin-right: 1.5rem; } }
      .progress-bar--configuration .progress-bar__item a {
        display: inline-flex;
        align-items: center;
        color: #003d8f !important;
        cursor: pointer; }
      .progress-bar--configuration .progress-bar__item .progress-bar__icon {
        width: 16px;
        height: 16px;
        color: #fff;
        border-radius: 50%;
        margin-right: 0.1875rem;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
        @media (min-width: 768px) {
          .progress-bar--configuration .progress-bar__item .progress-bar__icon {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            margin-right: 0.75rem; } }
        .progress-bar--configuration .progress-bar__item .progress-bar__icon .icon {
          width: 8px;
          height: 8px; }
          @media (min-width: 768px) {
            .progress-bar--configuration .progress-bar__item .progress-bar__icon .icon {
              width: 1.5rem;
              height: 1.5rem; } }
        .progress-bar--configuration .progress-bar__item .progress-bar__icon--number {
          border: 1px solid #3d70b7;
          color: #003d8f;
          background: #fff;
          font-size: 0.625rem; }
          @media (min-width: 768px) {
            .progress-bar--configuration .progress-bar__item .progress-bar__icon--number {
              border-width: 2px;
              font-size: 1.875rem;
              line-height: 1; } }
        .progress-bar--configuration .progress-bar__item .progress-bar__icon--check {
          background: #003d8f;
          display: inline-flex; }
          .progress-bar--configuration .progress-bar__item .progress-bar__icon--check .icon {
            fill: #fff;
            vertical-align: baseline; }
      .progress-bar--configuration .progress-bar__item--active .progress-bar__icon--number {
        background: #3d70b7;
        color: #fff; }
      .progress-bar--configuration .progress-bar__item--done .progress-bar__icon--number {
        display: none; }

.filter-and-sort {
  padding: 0.75rem 0; }
  .filter-and-sort__headline {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.22;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .filter-and-sort__headline {
        font-size: 1.75rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    @media (min-width: 1024px) {
      .filter-and-sort__headline {
        font-size: 1.875rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
  .filter-and-sort hr {
    margin: 0 0 0.75rem;
    border-top: 1px solid #99b6d5; }
  .filter-and-sort__result-count {
    margin-top: 0.75rem;
    text-align: center;
    color: #57ab27; }
    @media (min-width: 480px) {
      .filter-and-sort__result-count {
        display: none; } }

.quick-entries {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 8px 1.5rem 12px;
  margin: -8px -1.5rem -12px; }
  @media (min-width: 480px) {
    .quick-entries {
      padding-left: calc(1.5rem + 12px);
      padding-right: calc(1.5rem + 12px);
      margin-left: calc(calc(1.5rem + 12px) * -1);
      margin-right: calc(calc(1.5rem + 12px) * -1); } }
  @media (min-width: 650px) {
    .quick-entries {
      padding-left: calc(2.25rem + 12px);
      padding-right: calc(2.25rem + 12px);
      margin-left: calc(calc(2.25rem + 12px) * -1);
      margin-right: calc(calc(2.25rem + 12px) * -1); } }
  @media (min-width: 768px) {
    .quick-entries {
      padding-left: calc(1.5rem + 12px);
      padding-right: calc(1.5rem + 12px);
      margin-left: calc(calc(1.5rem + 12px) * -1);
      margin-right: calc(calc(1.5rem + 12px) * -1); } }
  @media (min-width: 1200px) {
    .quick-entries {
      padding-left: 10px;
      padding-right: 10px;
      margin-left: -10px;
      margin-right: -10px; } }
  .quick-entries__wrapper {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    display: inline-flex;
    flex-wrap: nowrap;
    overflow: hidden; }
    @media (min-width: 650px) {
      .quick-entries__wrapper {
        width: 100%; } }

@-moz-document url-prefix('') {
  .quick-entries__wrapper {
    margin-right: 1.5rem; }
    @media (min-width: 650px) {
      .quick-entries__wrapper {
        margin-right: 2.25rem; } }
    @media (min-width: 768px) {
      .quick-entries__wrapper {
        margin-right: 1.5rem; } }
    @media (min-width: 1200px) {
      .quick-entries__wrapper {
        margin-right: 0; } } }
  .quick-entries .quick-entry {
    flex: 1 0 90px;
    width: 90px;
    justify-content: center; }
    @media (min-width: 480px) {
      .quick-entries .quick-entry {
        margin-bottom: 0; } }
    @media (min-width: 650px) {
      .quick-entries .quick-entry {
        flex: 1 1 auto;
        width: auto; } }

.quick-links {
  padding-top: 2.25rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .quick-links__track {
    display: flex; }
  .quick-links:not(.quick-links--plain) .quick-links__track {
    padding-right: 12px;
    padding-left: 12px; }
  .quick-links .quick-link {
    flex: 1 0 140px;
    margin-bottom: 0.375rem;
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
    @media (min-width: 480px) {
      .quick-links .quick-link {
        margin-bottom: 0; } }
    @media (max-width: 399px) {
      .quick-links .quick-link {
        flex-basis: 42vw; } }
    @media (min-width: 400px) and (max-width: 570px) {
      .quick-links .quick-link {
        flex-basis: 36vw; } }
    @media (min-width: 570px) and (max-width: 680px) {
      .quick-links .quick-link {
        flex-basis: 27vw; } }
    @media (min-width: 680px) and (max-width: 750px) {
      .quick-links .quick-link {
        flex-basis: 21vw; } }
    .quick-links .quick-link--plain {
      width: auto;
      margin-bottom: 0; }
  @media (min-width: 750px) and (max-width: 960px) {
    .quick-links--5 .quick-link {
      flex-basis: 10vw; } }
  .quick-links--plain {
    display: inline-flex;
    padding-top: 0;
    overflow-x: visible; }
    .quick-links--plain .quick-links__track {
      width: auto;
      flex-wrap: wrap; }
    .quick-links--plain .quick-link {
      flex-basis: auto; }

.quick-link-container {
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  position: relative;
  padding: 0.1875rem 0;
  min-height: 1.875rem;
  display: none;
  align-items: center;
  font-size: 1rem;
  background: transparent;
  margin-bottom: -1.875rem !important; }
  @media (min-width: 480px) {
    .quick-link-container {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .quick-link-container {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .quick-link-container {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .quick-link-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 768px) {
    .quick-link-container {
      display: flex;
      padding: 0.1875rem 1.5rem; } }
  @media (min-width: 1024px) {
    .quick-link-container {
      padding: 0.1875rem 1.875rem; } }
  @media (min-width: 1200px) {
    .quick-link-container {
      padding: 0.1875rem 0; } }
  .quick-link-container .container::after, .quick-link-container .marketing-box:not(.marketing-box--fullwidth)::after {
    content: '';
    position: absolute;
    bottom: -0.1875rem;
    left: 0.75rem;
    height: 1px;
    right: 0;
    background: linear-gradient(to right, #6f91bb 0%, #6f91bb 19%, transparent 52%, transparent 100%); }
  .quick-link-container .container, .quick-link-container .marketing-box:not(.marketing-box--fullwidth) {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0; }
  .quick-link-container .quick-links {
    margin-left: auto; }
  .quick-link-container__breadcrumb {
    color: #99b6d5; }
    .quick-link-container--light-background .quick-link-container__breadcrumb {
      color: #3d70b7; }
    .quick-link-container--white-background .quick-link-container__breadcrumb {
      color: #003d8f; }

.recovery-link {
  display: inline-block;
  margin-top: 0.375rem;
  margin-bottom: 0.75rem;
  font-size: 1rem; }

.search-result {
  display: flex;
  padding: 1.5rem 0;
  border-bottom: 1px solid #99b6d5;
  font-size: 1rem;
  text-decoration: none; }
  .search-result:hover {
    text-decoration: none; }
  @media (min-width: 768px) {
    .search-result {
      font-size: 1.125rem; } }
  .search-result__image {
    flex: 0 0 4.2em;
    height: 4.2em;
    padding: 0 0.75rem;
    text-align: center; }
    .search-result__image img {
      max-width: 100%;
      max-height: 100%; }
  .search-result mark, .search-result .countdown-label, .search-result .countdown-label--primary, .search-result .countdown-label--secondary {
    text-transform: uppercase; }
  .search-result__title {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.125rem;
    color: #003d8f; }
  .search-result__description {
    position: relative;
    height: 3em;
    overflow: hidden;
    color: #3c3c3c; }
    .search-result__description::after {
      content: '';
      text-align: right;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 50%;
      height: 1.5em;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white 100%); }
      @media (min-width: 768px) {
        .search-result__description::after {
          width: 25%; } }
  .search-result.background--gray .search-result__description::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f4f4f4 100%); }
  .search-result .icon {
    margin-left: auto;
    flex: 0 0 35px;
    align-self: center;
    padding-right: 0.375rem; }

.section-headline {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem; }
  @media (min-width: 650px) {
    .section-headline {
      padding-bottom: 2.25rem;
      padding-top: 2.25rem; } }
  @media (min-width: 1024px) {
    .section-headline {
      padding-bottom: 3rem;
      padding-top: 3rem; } }
  .section-headline--with-image {
    justify-content: space-between;
    align-items: center; }
    .section-headline--with-image .section-headline__text-container {
      flex-shrink: 2;
      padding-bottom: 0.75rem; }
  .section-headline:not(.section-headline--background-height) .section-headline__background-image {
    position: absolute; }
    .section-headline:not(.section-headline--background-height) .section-headline__background-image--center {
      right: 50%;
      transform: translate(50%); }
    .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
      width: calc(100% + 2 * 0.75rem);
      margin-left: -0.75rem;
      margin-right: -0.75rem;
      right: 50%;
      transform: translateX(50%);
      margin-left: 0;
      margin-right: 0; }
      @media (min-width: 480px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          width: calc(100% + 2 * 1.5rem);
          margin-left: -1.5rem;
          margin-right: -1.5rem; } }
      @media (min-width: 650px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          width: calc(100% + 2 * 2.25rem);
          margin-left: -2.25rem;
          margin-right: -2.25rem; } }
      @media (min-width: 768px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          width: calc(100% + 2 * 1.5rem);
          margin-left: -1.5rem;
          margin-right: -1.5rem; } }
      @media (min-width: 1200px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 768px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          margin-left: 0;
          margin-right: 0; } }
      @media (min-width: 1024px) {
        .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth {
          margin-left: 0;
          margin-right: 0; }
          .section-headline:not(.section-headline--background-height) .section-headline__background-image--fullwidth img {
            position: absolute;
            left: 50%;
            transform: translateX(-50%); } }
  .section-headline--with-background-image > .section-headline__headline,
  .section-headline--with-background-image .section-headline__text-container {
    margin-top: 1.5rem; }
    @media (min-width: 650px) {
      .section-headline--with-background-image > .section-headline__headline,
      .section-headline--with-background-image .section-headline__text-container {
        margin-top: 2.25rem; } }
    @media (min-width: 1024px) {
      .section-headline--with-background-image > .section-headline__headline,
      .section-headline--with-background-image .section-headline__text-container {
        margin-top: 3rem; } }
  .section-headline--with-background-image > .section-headline__headline,
  .section-headline--with-background-image > .section-headline__preline,
  .section-headline--with-background-image > .section-headline__subline {
    color: white;
    position: relative; }
  .section-headline__image {
    position: relative;
    flex-shrink: 1; }
  .section-headline.flex-row-reverse .section-headline__image {
    margin: 0 1.5rem 0 0; }
  .section-headline__headline {
    margin-bottom: 0.75rem;
    font-size: 1.75rem;
    line-height: 1.22;
    margin-bottom: 0.75rem !important; }
    @media (min-width: 650px) {
      .section-headline__headline {
        font-size: 2.5rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    @media (min-width: 1024px) {
      .section-headline__headline {
        font-size: 2.8125rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    .text-white .section-headline__headline,
    .font-color--white .section-headline__headline {
      color: #fff; }
    .section-headline__headline:only-child {
      margin-bottom: 0 !important; }
  .section-headline__preline {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .section-headline__preline {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .section-headline__subline {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .section-headline__subline {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
    .section-headline__subline > *:last-child {
      margin-bottom: 0; }
  .section-headline__price {
    display: inline-flex; }
  .section-headline--background-height {
    position: relative;
    padding-bottom: 0;
    padding-top: 0; }
    .section-headline--background-height .section-headline__background-image {
      position: relative; }
      .section-headline--background-height .section-headline__background-image img {
        width: 100%; }
      .section-headline--background-height .section-headline__background-image--fullwidth img {
        position: relative;
        width: 100vw;
        right: -50%;
        transform: translateX(-50vw); }
    .section-headline--background-height .section-headline__content {
      position: absolute;
      width: calc(100% - 1.5rem);
      top: 0;
      right: 0;
      padding: 0 1.125rem;
      margin: 0 0.75rem; }
  .section-headline .benefits {
    margin-bottom: 0.5625rem; }
    .section-headline .benefits li {
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
      @media (min-width: 650px) {
        .section-headline .benefits li {
          font-size: 1.5rem;
          line-height: 1.22;
          margin-bottom: 0.5625rem !important; } }

.section-navigation {
  display: none;
  z-index: 5;
  position: fixed;
  left: 0.75rem;
  top: 100vh;
  transform: translateY(1.5rem); }
  @media (min-width: 1500px) {
    .section-navigation {
      display: block; } }
  .section-navigation ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .section-navigation__item a {
    display: inline-block;
    position: relative;
    padding-left: 2.25rem;
    padding-right: 0.75rem;
    border-radius: 1rem .2rem .2rem 1rem;
    font-family: "77-black-condensed", Arial, sans-serif;
    text-decoration: none;
    color: transparent;
    font-size: 1rem; }
    .section-navigation__item a::before {
      content: '';
      position: absolute;
      left: 0.75rem;
      top: 50%;
      transform: translateY(-50%);
      width: .8rem;
      height: .8rem;
      border-radius: 50%;
      border: 1px solid #003d8f;
      background-color: rgba(255, 255, 255, 0.5); }
  .section-navigation__item--active a,
  .section-navigation__item a:hover {
    background-color: #fff;
    color: #003d8f; }
    .section-navigation__item--active a::before,
    .section-navigation__item a:hover::before {
      background-color: #003d8f; }

.shopping-cart-hardware__title {
  font-family: "77-black-condensed", Arial, sans-serif;
  color: #003d8f;
  font-size: 0.875rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .shopping-cart-hardware__title {
      font-size: 1.125rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }

.shopping-cart-hardware__subline {
  font-size: 0.75rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .shopping-cart-hardware__subline {
      font-size: 1.125rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }

.shopping-cart-hardware__availability .availability,
.shopping-cart-hardware .variant-chooser__display {
  font-size: 0.75rem; }
  @media (min-width: 650px) {
    .shopping-cart-hardware__availability .availability,
    .shopping-cart-hardware .variant-chooser__display {
      font-size: 1rem; } }

.shopping-cart-hardware__availability--not-available {
  color: #f0b602; }

.shopping-cart-hardware__availability--available {
  color: #57ab27; }

.shopping-cart-hardware__availability .icon {
  display: none; }
  @media (min-width: 480px) {
    .shopping-cart-hardware__availability .icon {
      display: block; } }

.shopping-cart-service {
  font-family: "77-black-condensed", Arial, sans-serif;
  color: #003d8f;
  font-size: 0.875rem;
  line-height: 1.39; }
  @media (min-width: 650px) {
    .shopping-cart-service {
      font-size: 1.125rem;
      line-height: 1.39; } }

.shopping-cart-table {
  color: #003d8f;
  margin-left: -1px;
  margin-right: -1px;
  width: 100%; }
  .shopping-cart-table tr:not(:last-child) td:first-child {
    border-bottom: 1px solid #e5e5e5; }
  .shopping-cart-table,
  .shopping-cart-table th,
  .shopping-cart-table td {
    border: 1px solid #fff;
    border-collapse: collapse; }
  .shopping-cart-table td,
  .shopping-cart-table th {
    padding: 0.75rem 0.375rem 0.75rem 0; }
    @media (min-width: 768px) {
      .shopping-cart-table td,
      .shopping-cart-table th {
        padding: 1.5rem 0.75rem; } }
    .shopping-cart-table td:first-child,
    .shopping-cart-table th:first-child {
      width: 53%; }
      @media (min-width: 650px) {
        .shopping-cart-table td:first-child,
        .shopping-cart-table th:first-child {
          width: 50%; } }
      @media (min-width: 1024px) {
        .shopping-cart-table td:first-child,
        .shopping-cart-table th:first-child {
          width: 66.5%; } }
    .shopping-cart-table td:nth-child(n + 2),
    .shopping-cart-table th:nth-child(n + 2) {
      text-align: right;
      width: 22%;
      font-size: 0.75rem;
      line-height: 1.39; }
      @media (min-width: 768px) {
        .shopping-cart-table td:nth-child(n + 2),
        .shopping-cart-table th:nth-child(n + 2) {
          font-size: 1.125rem;
          line-height: 1.39; } }
      @media (min-width: 650px) {
        .shopping-cart-table td:nth-child(n + 2),
        .shopping-cart-table th:nth-child(n + 2) {
          width: 25%; } }
      @media (min-width: 1024px) {
        .shopping-cart-table td:nth-child(n + 2),
        .shopping-cart-table th:nth-child(n + 2) {
          width: 16.75%; } }
    .shopping-cart-table td:last-child,
    .shopping-cart-table th:last-child {
      width: 25%; }
  .shopping-cart-table td:first-child .shopping-cart-table__item-content > *:not(.shopping-cart-service) {
    margin-bottom: 0.5625rem;
    font-size: 0.75rem;
    line-height: 1.39; }
    @media (min-width: 768px) {
      .shopping-cart-table td:first-child .shopping-cart-table__item-content > *:not(.shopping-cart-service) {
        font-size: 1.125rem;
        line-height: 1.39; } }
  .shopping-cart-table td:first-child .shopping-cart-table__item-content > :last-child {
    margin-bottom: 0; }
  .shopping-cart-table td:nth-child(n + 2) {
    background-color: rgba(224, 233, 242, 0.4);
    color: #003d8f;
    vertical-align: top; }
    .shopping-cart-table td:nth-child(n + 2) .shopping-cart-table__item-content {
      padding-left: 0; }
      .shopping-cart-table td:nth-child(n + 2) .shopping-cart-table__item-content > * {
        font-size: 0.75rem;
        line-height: 1.39; }
        @media (min-width: 768px) {
          .shopping-cart-table td:nth-child(n + 2) .shopping-cart-table__item-content > * {
            font-size: 1.125rem;
            line-height: 1.39; } }
  .shopping-cart-table__header {
    font-family: "77-black-condensed", Arial, sans-serif;
    background-color: #e0e9f2;
    height: 31px;
    font-size: 0.75rem;
    line-height: 1.39; }
    .shopping-cart-table__header th:first-child {
      padding-left: 0.375rem; }
      @media (min-width: 768px) {
        .shopping-cart-table__header th:first-child {
          padding-left: 0.75rem; } }
    @media (min-width: 768px) {
      .shopping-cart-table__header {
        font-size: 1.125rem;
        line-height: 1.39; } }
    @media (min-width: 768px) {
      .shopping-cart-table__header {
        height: 48px; } }
    .shopping-cart-table__header td,
    .shopping-cart-table__header th {
      padding-top: 0;
      padding-bottom: 0;
      line-height: 31px; }
      @media (min-width: 768px) {
        .shopping-cart-table__header td,
        .shopping-cart-table__header th {
          line-height: 48px; } }
    .shopping-cart-table__header.bg-secondary ~ tr td,
    .shopping-cart-table__header.bg-secondary ~ tr th {
      padding: 0.75rem 0.375rem; }
      @media (min-width: 768px) {
        .shopping-cart-table__header.bg-secondary ~ tr td,
        .shopping-cart-table__header.bg-secondary ~ tr th {
          padding: 0.75rem; } }
      .shopping-cart-table__header.bg-secondary ~ tr td .shopping-cart-table__item-content,
      .shopping-cart-table__header.bg-secondary ~ tr th .shopping-cart-table__item-content {
        padding-left: 0; }
  .shopping-cart-table__row {
    margin-bottom: 2px;
    background-color: #fff;
    color: #3c3c3c; }
  .shopping-cart-table__item {
    list-style-type: none;
    display: flex;
    font-size: 0.75rem;
    line-height: 1.39; }
    @media (min-width: 768px) {
      .shopping-cart-table__item {
        font-size: 1.125rem;
        line-height: 1.39; } }
    .shopping-cart-table__item-content {
      width: 100%;
      padding-left: calc(20px + 0.75rem); }
    .shopping-cart-table__item-accordion-head {
      cursor: pointer;
      position: relative;
      font-family: "77-black-condensed", Arial, sans-serif;
      color: #003d8f;
      font-size: 0.875rem;
      line-height: 1.39; }
      @media (min-width: 650px) {
        .shopping-cart-table__item-accordion-head {
          font-size: 1.125rem;
          line-height: 1.39; } }
    .shopping-cart-table__item-accordion-headline {
      display: inline-block;
      padding-left: calc(20px + 0.75rem); }
    .shopping-cart-table__item-accordion-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .is-active .shopping-cart-table__item-accordion-arrow {
        transform: translateY(-50%) rotate(180deg); }
    .shopping-cart-table__item-accordion .shopping-cart-table__item-content {
      max-height: 1500px;
      margin-top: 0.5625rem;
      transition: max-height 1s linear;
      overflow-y: hidden; }
      @media (min-width: 650px) {
        .shopping-cart-table__item-accordion .shopping-cart-table__item-content {
          max-height: 1000px; } }
      @media (min-width: 1024px) {
        .shopping-cart-table__item-accordion .shopping-cart-table__item-content {
          max-height: 500px;
          transition-duration: 0.5s; } }
      .shopping-cart-table__item-accordion .shopping-cart-table__item-content.is-hidden {
        max-height: 0;
        margin-top: 0;
        transition: margin-top 0.5s linear, max-height 0.5s linear; }
    .shopping-cart-table__item-image {
      max-width: 43px;
      margin-right: 0.75rem; }
      @media (min-width: 768px) {
        .shopping-cart-table__item-image {
          max-width: 65px; } }
      .shopping-cart-table__item-image ~ .shopping-cart-table__item-content {
        padding-left: 0; }
    .shopping-cart-table__item-container {
      vertical-align: top; }
      .shopping-cart-table__item-container img {
        max-width: 100%; }
    @media (min-width: 1024px) {
      .shopping-cart-table__item-actions {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem; } }
    .shopping-cart-table__item-actions .btn {
      width: auto;
      padding: 0;
      margin: 0; }
    .shopping-cart-table__item-actions .icon {
      fill: #6e91ba; }
      .shopping-cart-table__item-actions .icon:hover {
        fill: #003d8f; }
    .shopping-cart-table__item-actions .select-container {
      margin-bottom: 0; }
      .shopping-cart-table__item-actions .select-container select,
      .shopping-cart-table__item-actions .select-container button {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem; }
    .shopping-cart-table__item .icon {
      vertical-align: middle; }
  .shopping-cart-table__items {
    padding-left: 0;
    margin-bottom: 0; }
  .shopping-cart-table .benefits mark, .shopping-cart-table .benefits .countdown-label, .shopping-cart-table .benefits .countdown-label--primary, .shopping-cart-table .benefits .countdown-label--secondary {
    font-family: "77-black-condensed", Arial, sans-serif; }
  .shopping-cart-table .benefits__text,
  .shopping-cart-table .benefits__sublist li {
    font-size: 0.75rem;
    line-height: 1.39; }
    @media (min-width: 768px) {
      .shopping-cart-table .benefits__text,
      .shopping-cart-table .benefits__sublist li {
        font-size: 1.125rem;
        line-height: 1.39; } }
  .shopping-cart-table__additional-header {
    color: #003d8f;
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .shopping-cart-table__additional-header {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }

.shopping-cart-teaser {
  padding: 0.75rem 0.375rem;
  background-color: rgba(224, 233, 242, 0.4); }
  @media (min-width: 650px) {
    .shopping-cart-teaser {
      padding: 0.75rem; } }
  .shopping-cart-teaser__preline {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #003d8f; }
    @media (min-width: 650px) {
      .shopping-cart-teaser__preline {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .shopping-cart-teaser img {
    display: block;
    margin-right: 0.75rem;
    max-width: 100%; }
  .shopping-cart-teaser__headline {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    font-family: "77-black-condensed", Arial, sans-serif; }
    @media (min-width: 650px) {
      .shopping-cart-teaser__headline {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .shopping-cart-teaser__content {
    font-size: 0.75rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .shopping-cart-teaser__content {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }

.scrollable-box .slick-track {
  display: flex; }

.scrollable-box .slick-slide {
  float: none; }

.scrollable-box .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 0.75rem;
  padding-left: 0;
  padding-right: 3px; }
  .scrollable-box .slick-dots > li {
    margin-right: 0.75rem; }
    .scrollable-box .slick-dots > li:last-child {
      margin-right: 0; }
    .scrollable-box .slick-dots > li > button {
      cursor: pointer;
      overflow: hidden;
      width: 1.5rem;
      height: 1.5rem;
      outline: none;
      border-radius: 50%;
      text-indent: 99999px; }

.slick-slide .scrollable-box__image {
  display: inline-block; }

.scrollable-box__list {
  display: flex;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0; }
  .scrollable-box__list.slick-initialized {
    overflow-x: visible;
    display: block; }

.scrollable-box__item {
  margin-right: 0.75rem; }
  .scrollable-box__item:first-of-type {
    padding-left: 12px; }
  .scrollable-box__item:last-of-type {
    padding-right: 12px; }
  .scrollable-box__item a {
    text-align: center; }

.slick-slide .scrollable-box__image {
  display: inline-block; }

.scrollable-box--trust {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .scrollable-box--trust .slick-slide {
    margin-right: 2.25rem; }
  .scrollable-box--trust .slick-dots {
    margin-top: 1.5rem; }
    .scrollable-box--trust .slick-dots > li > button {
      width: 16px;
      height: 16px;
      border: none;
      background-color: rgba(255, 255, 255, 0.25); }
    .scrollable-box--trust .slick-dots > li.slick-active > button {
      background-color: #fff; }
  .scrollable-box--trust .scrollable-box__list {
    display: block;
    white-space: nowrap;
    text-align: center;
    font-size: 0; }
    .scrollable-box--trust .scrollable-box__list.slick-initialized {
      display: flex; }
      .scrollable-box--trust .scrollable-box__list.slick-initialized .scrollable-box__item {
        display: block; }
    .scrollable-box--trust .scrollable-box__list.slick-dotted {
      margin-bottom: 1.5rem; }

.scrollable-box--hardware {
  height: 100%;
  font-size: 1rem; }
  .scrollable-box--hardware .slick-list,
  .scrollable-box--hardware .slick-track,
  .scrollable-box--hardware .slick-slide > div {
    height: 100%; }
  .scrollable-box--hardware .slick-slide {
    height: auto; }
  .scrollable-box--hardware .slick-dots > li > button {
    border: 2px solid #e5e5e5;
    background-color: #fff;
    padding: 0; }
  .scrollable-box--hardware .slick-dots > li.slick-active > button {
    background-color: #003d8f; }
  .scrollable-box--hardware .scrollable-box__list {
    height: 100%; }
    .scrollable-box--hardware .scrollable-box__list.slick-initialized .scrollable-box__item {
      height: 100%; }
  .scrollable-box--hardware__flag {
    position: absolute;
    left: 0;
    top: 2.25rem;
    z-index: 1;
    padding: 0.1875rem 0.375rem;
    background-color: #f3e11e;
    color: #003d8f;
    line-height: 1.2;
    text-transform: uppercase;
    font-size: 1rem; }
  .scrollable-box--hardware__flag--neutral {
    background-color: #e0e9f2; }
  .scrollable-box--hardware .scrollable-box__image-container {
    margin-bottom: 0.75rem; }
  .slick-slide .scrollable-box--hardware__image {
    display: inline-block; }
  .scrollable-box--hardware__text {
    display: inline-block;
    line-height: 1.2; }

.scrollable-box__item {
  display: inline-block; }
  .scrollable-box__item a,
  .scrollable-box__item img {
    display: flex;
    flex-direction: column; }
  .scrollable-box__item--hardware {
    padding-bottom: 2px;
    font-family: "77-black-condensed", Arial, sans-serif;
    text-align: center; }
    @media (min-width: 1024px) {
      .scrollable-box__item--hardware:first-of-type {
        padding-left: 0; } }
    @media (min-width: 1024px) {
      .scrollable-box__item--hardware:first-of-type {
        padding-right: 0; } }
    .scrollable-box__item--hardware a {
      width: 35vw;
      max-width: 8.8rem;
      height: 100%;
      display: block;
      position: relative;
      padding: 1.5rem 1.5rem 0.75rem 1.5rem;
      outline: none;
      box-shadow: 0 2px 0 #e5e5e5;
      border-radius: 5px;
      border: 2px solid #e5e5e5;
      background-color: #fff;
      text-decoration: none;
      color: inherit;
      transition: all .1s ease; }
      .scrollable-box__item--hardware a:not(:disabled):not(.disabled):active, .scrollable-box__item--hardware a:not(:disabled):not(.disabled).active, .scrollable-box__item--hardware a:not(:disabled):not(.disabled):active:focus {
        top: 2px;
        box-shadow: 0 0 0 #e5e5e5;
        color: #3c3c3c; }
      .scrollable-box__item--hardware a:focus {
        box-shadow: 0 2px 0 #e5e5e5;
        color: #3c3c3c; }
      .scrollable-box__item--hardware a:hover, .scrollable-box__item--hardware a:focus {
        border: 2px solid #cccccc;
        box-shadow: 0 2px 0 #cccccc;
        color: #3c3c3c; }
    .scrollable-box__item--hardware .scrollable-box__image-container {
      position: relative; }
      .scrollable-box__item--hardware .scrollable-box__image-container::before {
        content: '';
        display: block;
        margin: 0 auto;
        padding-top: 100%;
        width: 100%; }
      .scrollable-box__item--hardware .scrollable-box__image-container img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        max-height: 100%;
        transform: translate(-50%, -50%);
        width: auto; }
  .scrollable-box__item--trust {
    margin-right: 2.25rem; }
    .scrollable-box__item--trust a {
      display: flex;
      flex-direction: column;
      font-size: 0.875rem; }
    .scrollable-box__item--trust:last-of-type {
      margin-right: 0; }

.hardware-slider-small-teaser-container {
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1024px) {
    .hardware-slider-small-teaser-container {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 3rem; } }
  .hardware-slider-small-teaser-container .h3 {
    margin-left: 12px;
    margin-right: 12px;
    color: #003d8f; }
  .hardware-slider-small-teaser-container .col-xl-6:first-of-type {
    padding-bottom: 3rem; }
    @media (min-width: 1024px) {
      .hardware-slider-small-teaser-container .col-xl-6:first-of-type {
        padding-bottom: 0; } }
  .hardware-slider-small-teaser-container .col-xl-6:last-of-type {
    margin-left: 12px;
    margin-right: 12px; }
    @media (min-width: 1024px) {
      .hardware-slider-small-teaser-container .col-xl-6:last-of-type {
        margin-left: 0;
        margin-right: 0; } }

.slider__item.slider__item {
  display: inline-block; }
  .slider__item.slider__item a {
    display: flex;
    flex-direction: column; }
  .slider__item.slider__item--hardware {
    padding-bottom: 2px;
    font-family: "77-black-condensed", Arial, sans-serif;
    text-align: center; }
    @media (min-width: 1024px) {
      .slider__item.slider__item--hardware:first-of-type {
        padding-left: 0; } }
    @media (min-width: 1024px) {
      .slider__item.slider__item--hardware:first-of-type {
        padding-right: 0; } }
    .slider__item.slider__item--hardware a {
      width: 35vw;
      max-width: 8.8rem;
      height: 100%;
      display: block;
      position: relative;
      padding: 1.5rem 1.5rem 0.75rem 1.5rem;
      outline: none;
      box-shadow: 0 2px 0 #e5e5e5;
      border-radius: 5px;
      border: 2px solid #e5e5e5;
      background-color: #fff;
      text-decoration: none;
      color: inherit;
      transition: all .1s ease; }
      .slider__item.slider__item--hardware a:not(:disabled):not(.disabled):active, .slider__item.slider__item--hardware a:not(:disabled):not(.disabled).active, .slider__item.slider__item--hardware a:not(:disabled):not(.disabled):active:focus {
        top: 2px;
        box-shadow: 0 0 0 #e5e5e5;
        color: #3c3c3c; }
      .slider__item.slider__item--hardware a:focus {
        box-shadow: 0 2px 0 #e5e5e5;
        color: #3c3c3c; }
      .slider__item.slider__item--hardware a:hover, .slider__item.slider__item--hardware a:focus {
        border: 2px solid #cccccc;
        box-shadow: 0 2px 0 #cccccc;
        color: #3c3c3c; }
  .slider__item.slider__item--trust {
    margin-right: 2.25rem; }
    .slider__item.slider__item--trust a {
      display: flex;
      flex-direction: column;
      font-size: 0.875rem; }
    .slider__item.slider__item--trust:last-of-type {
      margin-right: 0; }

.small-teaser {
  position: relative;
  margin-bottom: 0.75rem;
  min-height: 280px; }
  @media (min-width: 650px) {
    .small-teaser {
      min-height: 300px; } }
  @media (min-width: 1024px) {
    .small-teaser {
      min-height: 340px;
      display: flex; } }
  @media (min-width: 1200px) {
    .small-teaser:first-child:nth-last-child(1), .small-teaser.col-xl-6:first-child:nth-last-child(2),
    .small-teaser.col-xl-6:first-child:nth-last-child(2) ~ section {
      margin-bottom: 0; } }
  .small-teaser__background {
    position: absolute;
    top: 0;
    left: 6px;
    width: calc(100% - 12px);
    height: 100%;
    overflow: hidden; }
    .small-teaser__background:not([class*='bg-']) {
      background: transparent radial-gradient(closest-side at 50% 50%, #3d70b7 0%, #376ab1 10%, #3064ac 20%, #2a5da6 30%, #2457a0 40%, #1e519b 50%, #184b95 60%, #12448f 70%, #0c3e8a 80%, #063884 90%, #00317e 100%) 0% 0% no-repeat padding-box; }
    .small-teaser__background img {
      position: absolute;
      top: 0;
      right: 0;
      max-width: 100%; }
  .small-teaser__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    width: 100%; }
    @media (min-width: 1024px) {
      .small-teaser__content {
        flex-direction: row-reverse;
        height: auto; } }
  .small-teaser__cutout {
    width: 100%;
    height: 120px;
    position: relative; }
    @media (min-width: 1024px) {
      .small-teaser__cutout {
        height: auto;
        width: calc(100% - 1.5rem);
        padding: 0; } }
    .small-teaser__cutout img {
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      @media (min-width: 1024px) {
        .small-teaser__cutout img {
          position: static;
          transform: none;
          width: 100%;
          align-self: flex-start; } }
  .small-teaser__text {
    padding: 1.5rem;
    background: #fff;
    color: #3c3c3c;
    margin: 0 0.75rem 0.75rem;
    width: calc(100% - 1.5rem); }
    @media (min-width: 1024px) {
      .small-teaser__text {
        align-self: flex-end;
        margin: 2.5rem 0 1.5rem 1.5rem; } }
    .small-teaser__text:first-child {
      margin-top: 120px; }
      @media (min-width: 1024px) {
        .small-teaser__text:first-child {
          margin-top: 2.5rem; } }
    .small-teaser__text p,
    .small-teaser__text .benefits li {
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
      @media (min-width: 650px) {
        .small-teaser__text p,
        .small-teaser__text .benefits li {
          font-size: 1.125rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; } }
    .small-teaser__text h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .h2 {
      color: #003d8f;
      font-size: 1.25rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
      @media (min-width: 650px) {
        .small-teaser__text h2, .small-teaser__text .benefits--small-teaser-bold .benefits__text,
        .small-teaser__text .h2 {
          font-size: 1.5rem;
          line-height: 1.22;
          margin-bottom: 0.5625rem !important; } }
    .small-teaser__text .benefits--small-teaser-bold {
      margin-bottom: 0.5625rem; }
      .small-teaser__text .benefits--small-teaser-bold .benefits__text {
        color: #003d8f;
        line-height: 1;
        margin-left: 1.2em !important;
        margin-bottom: 0 !important;
        font-size: 1.25rem; }
        @media (min-width: 650px) {
          .small-teaser__text .benefits--small-teaser-bold .benefits__text {
            font-size: 1.5rem; } }
  .small-teaser .price {
    margin-bottom: 0.75rem; }
  .small-teaser__preline {
    position: absolute;
    z-index: 5;
    padding: 0.1875rem 0.375rem;
    font-size: 1rem;
    line-height: 1.39; }
    @media (min-width: 650px) {
      .small-teaser__preline {
        font-size: 1.125rem;
        line-height: 1.39; } }
    @media (min-width: 1024px) {
      .small-teaser__preline {
        font-size: 1.5rem;
        line-height: 1.22; } }
  .row[data-slot-group] .small-teaser.active {
    display: flex; }
  .row[data-slot-group] .small-teaser:not(.active) {
    display: none; }

.socialshare::after {
  display: block;
  clear: both;
  content: ""; }

.socialshare svg {
  float: left;
  padding: 0.375rem;
  fill: #fff;
  cursor: pointer; }
  .socialshare svg:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .socialshare svg:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .socialshare svg.share {
    background: #003d8f; }
  .socialshare svg.email {
    background: #707070; }
  .socialshare svg.facebook {
    background: #3b5998; }
  .socialshare svg.twitter {
    background: #55acee; }
  .socialshare svg.whatsapp {
    background: #1bd741; }

.socialshare--site-view {
  position: fixed;
  right: 0;
  bottom: 20px;
  width: 35px;
  z-index: 10; }
  .socialshare--site-view svg {
    clear: both; }
    .socialshare--site-view svg:first-child {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border-top-left-radius: 5px; }
    .socialshare--site-view svg:last-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 5px; }
  @media (min-width: 1024px) {
    .socialshare--site-view {
      width: auto;
      bottom: 50%;
      transform: translateY(50%); } }

.sticky-hotline {
  background: #003d8f;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 0.625rem;
  border-radius: 5px;
  padding: 0.375rem 0.375rem 0 0.375rem;
  position: fixed;
  z-index: 50;
  bottom: 0;
  right: 15px; }
  .sticky-hotline__title {
    color: #fff;
    font-size: 1rem; }
  .sticky-hotline__number {
    color: #f3e11e;
    font-size: 1.25rem;
    text-decoration: none;
    line-height: .3; }
    .sticky-hotline__number:hover {
      color: #f3e11e;
      text-decoration: none; }
  .sticky-hotline [data-toggle='popover'] {
    margin: .2rem;
    position: relative;
    top: -2px; }

.sticky-section-header {
  position: fixed;
  left: auto;
  top: 0;
  padding: 0.75rem 12px;
  border-bottom: 1px solid #99b6d5;
  background-color: #f4f4f4;
  color: #003d8f;
  width: 100%;
  z-index: 100;
  cursor: pointer;
  transform: translateY(0);
  transition: transform .25s ease; }
  @media (min-width: 768px) {
    .sticky-section-header {
      display: none; } }
  .sticky-section-header.is-hidden {
    transform: translateY(-100%); }
  .sticky-section-header svg {
    float: right;
    margin-top: .2rem; }

.sticky-section-tariffs {
  left: auto;
  padding: 0.75rem 12px;
  position: fixed;
  top: 0;
  background-color: #f3e11e;
  border-bottom: 4px solid #f0b602;
  color: #003d8f;
  cursor: pointer;
  transition: top .2s linear;
  width: 100%;
  z-index: 2; }
  .sticky-section-tariffs.is-hidden {
    top: -150px; }
  .sticky-section-tariffs svg {
    float: right;
    margin-top: .2rem; }

.subfeatures {
  position: relative;
  list-style-type: none;
  background: #fff;
  padding: 0 3.3rem;
  margin: 0 -2.7rem 0 -2.7rem;
  transition: margin-bottom .2s; }
  @media (min-width: 768px) {
    .subfeatures {
      padding: 0 3.3rem 0 3.3rem;
      margin: 3rem -2.5rem 0 -2.5rem; } }
  .subfeatures__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e0e9f2;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
    .subfeatures__item .btn {
      margin-left: 12px;
      margin-top: -.3rem;
      width: 130px; }
    .subfeatures__item img {
      max-width: 100%;
      max-height: 100%;
      height: auto; }
    .subfeatures__item:last-child {
      padding-bottom: 3rem; }
      @media (min-width: 768px) {
        .subfeatures__item:last-child {
          padding-bottom: 0; } }
  .subfeatures__heading {
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .subfeatures__heading {
        margin-bottom: 0; } }
  .subfeatures__channels {
    padding-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .subfeatures__channels {
        padding-top: 1.5rem;
        padding-bottom: 0; } }
  .subfeatures .price {
    max-width: 50%; }
    @media (min-width: 768px) {
      .subfeatures .price {
        max-width: none; } }
    .subfeatures .price__unit {
      line-height: 1.2; }
  .subfeatures--on-dark {
    background: #003d8f;
    color: #fff; }
    .subfeatures--on-dark::before {
      background: none; }
    .subfeatures--on-dark .subfeatures__heading,
    .subfeatures--on-dark .subfeatures__subheading,
    .subfeatures--on-dark .benefits,
    .subfeatures--on-dark a {
      color: #fff; }

.tables span,
.tables sub {
  font-family: "57-condensed", Arial, sans-serif; }

.tables__headline {
  background-color: #003d8f;
  color: #fff;
  padding: 0.75rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem;
  border-bottom: 1px solid #fff;
  cursor: pointer; }
  @media (min-width: 650px) {
    .tables__headline {
      font-size: 1.125rem; } }
  .tables__headline > div > sup {
    font-family: "57-condensed", Arial, sans-serif;
    top: -.4em; }

.tables__cols {
  font-size: 1rem;
  font-family: "57-condensed", Arial, sans-serif; }
  @media (min-width: 650px) {
    .tables__cols {
      font-size: 1.125rem; } }
  .tables__cols > div {
    padding: 0.75rem; }
    .tables__cols > div > sup {
      top: -.3em; }
  .tables__cols:nth-child(odd) {
    background-color: #fff; }
    @media (min-width: 768px) {
      .tables__cols:nth-child(odd) > div:first-child {
        border-right: 1px solid #f4f4f4; } }
  .tables__cols:nth-child(even) {
    background-color: #f4f4f4; }
    @media (min-width: 768px) {
      .tables__cols:nth-child(even) > div:first-child {
        border-right: 1px solid #fff; } }
  .tables__cols--top-bottom {
    height: 110px;
    width: 50%;
    font-size: 1rem;
    margin-bottom: 1.5rem; }
    @media (min-width: 650px) {
      .tables__cols--top-bottom {
        font-size: 1.125rem;
        width: 180px;
        height: 130px;
        align-content: space-between; } }

.tables span,
.tables sub {
  font-family: "57-condensed", Arial, sans-serif; }

.tables__table-header {
  background-color: #003d8f;
  color: #fff;
  padding: 0.75rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem;
  border-bottom: 1px solid #fff;
  cursor: pointer; }
  @media (min-width: 650px) {
    .tables__table-header {
      font-size: 1.125rem; } }
  .tables__table-header sup {
    font-family: "57-condensed", Arial, sans-serif;
    top: -.4em; }

.tables__table-body {
  font-size: 1rem;
  font-family: "57-condensed", Arial, sans-serif; }
  @media (min-width: 650px) {
    .tables__table-body {
      font-size: 1.125rem; } }
  .tables__table-body--list .tables__table-col {
    border: none !important; }
  .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:first-child {
    font-family: "77-black-condensed", Arial, sans-serif; }
  .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:last-child {
    font-family: inherit; }
  .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:not(:first-child) {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem; }
    @media (min-width: 768px) {
      .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:not(:first-child) {
        padding: 0.75rem; } }
  .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:nth-child(2) {
    padding-top: 0.75rem; }
  .tables__table-body:not(.tables__table-body--list) .tables__table-row .tables__table-col:last-child {
    padding-bottom: 0.75rem; }

.tables__table-row:nth-child(odd) {
  background-color: #fff; }
  @media (min-width: 768px) {
    .tables__table-row:nth-child(odd) .tables__table-col:not(:last-child) {
      border-right: 1px solid #f4f4f4; } }

.tables__table-row:nth-child(even) {
  background-color: #f4f4f4; }
  @media (min-width: 768px) {
    .tables__table-row:nth-child(even) .tables__table-col:not(:last-child) {
      border-right: 1px solid #fff; } }

.tables__table-col {
  padding: 0.75rem; }
  .tables__table-col sup {
    top: -.3em; }

.tabs .nav-tabs {
  overflow: hidden;
  display: none;
  background-color: #003d8f;
  border: none; }
  @media (min-width: 1024px) {
    .tabs .nav-tabs {
      display: flex; } }

.tabs .nav-link {
  text-decoration: none;
  color: #fff;
  transition: background-color .2s ease, color .2s ease;
  border-radius: 0;
  padding: 1.5rem;
  border: none;
  height: 100%; }
  .tabs .nav-link:not(.active):hover {
    background-color: #e0e9f2;
    color: #003d8f;
    border: none; }
  .tabs .nav-link.active {
    color: #003d8f; }

.tabs .tab-content {
  background-color: #fff; }

@media (min-width: 1024px) {
  .tabs .tab-item {
    border: none; } }

.tabs .tab-item__header {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 1024px) {
    .tabs .tab-item__header {
      display: none; } }

@media (min-width: 1024px) {
  .tabs .tab-item > .collapse {
    display: block; } }

.tabs .tab-item__body {
  padding: 0 0 1.5rem 0; }
  @media (min-width: 1024px) {
    .tabs .tab-item__body {
      padding: 1.5rem 0 0; } }
  .tabs .tab-item__body .tab-item__slider-prev, .tabs .tab-item__body .tab-item__slider-next {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    pointer-events: all;
    background-color: #99b6d5; }
  .tabs .tab-item__body .tab-item__slider-next {
    right: 0;
    margin-right: 0.75rem; }
  @media (min-width: 1348px) {
    .tabs .tab-item__body .tab-item__slider-wrapper .tab-item__slider-prev {
      visibility: visible;
      margin-left: -62px; }
    .tabs .tab-item__body .tab-item__slider-wrapper .tab-item__slider-next {
      visibility: visible;
      margin-right: -50px; } }
  .tabs .tab-item__body .tab-item__slider-container {
    position: relative; }
    .tabs .tab-item__body .tab-item__slider-container .container, .tabs .tab-item__body .tab-item__slider-container .marketing-box:not(.marketing-box--fullwidth) {
      padding: 0; }
    .tabs .tab-item__body .tab-item__slider-container .tab-item__image img {
      margin: 0 auto;
      max-width: 100%; }
      @media (min-width: 1024px) {
        .tabs .tab-item__body .tab-item__slider-container .tab-item__image img {
          max-height: 100%; } }
    .tabs .tab-item__body .tab-item__slider-container__image {
      position: relative; }
    .tabs .tab-item__body .tab-item__slider-container .slick-dots {
      text-align: center;
      padding: 0;
      margin: 0; }
      .tabs .tab-item__body .tab-item__slider-container .slick-dots li {
        display: inline-block;
        list-style-type: none; }
        .tabs .tab-item__body .tab-item__slider-container .slick-dots li button {
          font-size: 0;
          cursor: pointer;
          margin: 0.375rem;
          padding: 0;
          height: 12px;
          width: 12px;
          border-radius: 50%;
          background: #fff;
          border: 2px solid #99b6d5;
          outline: none;
          transition: color 0.3s; }
        .tabs .tab-item__body .tab-item__slider-container .slick-dots li.slick-active button {
          background: #003d8f;
          border-color: #003d8f; }
  .tabs .tab-item__body h4 {
    font-size: 2.25rem; }

@media (max-width: 1023.98px) {
  .tabs .tab-pane {
    display: block !important;
    opacity: 1; } }

.tabs--persistent .nav-tabs {
  display: flex; }

.tabs--persistent .tab-item {
  border: none; }
  .tabs--persistent .tab-item__header {
    display: none; }
  .tabs--persistent .tab-item > .collapse {
    display: block; }

.tabs--persistent .tab-content .tab-item {
  display: none !important; }
  .tabs--persistent .tab-content .tab-item.active {
    display: block !important; }

.tabs--gray .nav-tabs {
  background-color: transparent; }
  .tabs--gray .nav-tabs::after {
    content: '';
    height: 1px;
    width: 100%;
    background: #3c3c3c; }

.tabs--gray .nav-item {
  margin-bottom: 0; }

.tabs--gray .nav-link {
  transform: translateY(1px);
  color: #3c3c3c;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0.75rem 1.5rem;
  border: 1px solid transparent;
  margin-right: 0.375rem; }
  .tabs--gray .nav-link:not(.active):hover, .tabs--gray .nav-link:not(.active):focus {
    background-color: transparent;
    color: #003d8f;
    border: 1px solid #3c3c3c; }
  .tabs--gray .nav-link.active {
    background: #f4f4f4;
    border: 1px solid black;
    color: #003d8f;
    border-bottom-color: #f4f4f4; }

.tabs--gray .tab-content,
.tabs--gray .nav-link.active {
  background: #f4f4f4; }

.tabs--blue .nav-tabs {
  background-color: transparent; }
  .tabs--blue .nav-tabs::after {
    content: '';
    height: 1px;
    width: 100%;
    background: #99b6d5; }

.tabs--blue .nav-item {
  margin-bottom: 0; }

.tabs--blue .nav-link {
  transform: translateY(1px);
  color: #99b6d5;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 0.75rem 1.5rem;
  border: 1px solid transparent;
  margin-right: 0.375rem; }
  .tabs--blue .nav-link:not(.active):hover, .tabs--blue .nav-link:not(.active):focus {
    background-color: transparent;
    color: #003d8f;
    border: 1px solid #99b6d5; }
  .tabs--blue .nav-link.active {
    background: #fff;
    border: 1px solid #99b6d5;
    color: #003d8f;
    border-bottom-color: #fff; }

.tabs--blue .tab-content,
.tabs--blue .nav-link.active {
  background: #fff; }

.tariff-promo-item {
  display: block;
  position: relative;
  line-height: 1.2; }
  .tariff-promo-item--no-background {
    min-height: 150px; }
    .tariff-promo-item--no-background img {
      max-width: 100%; }
  .tariff-promo-item__background {
    position: relative;
    width: calc(100% + 2 * 2px);
    left: -2px; }
  .tariff-promo-item__title {
    position: absolute;
    padding: 0.75rem;
    width: 100%; }
  .tariff-promo-item__image {
    position: absolute;
    max-height: 100%;
    max-width: 100%; }
  .tariff-promo-item__top {
    top: 0; }
  .tariff-promo-item__x-center {
    left: 50%;
    transform: translateX(-50%); }
  .tariff-promo-item__y-center {
    top: 50%;
    transform: translateY(-50%); }
    .tariff-promo-item__y-center.tariff-promo-item__x-center {
      transform: translate(-50%, -50%); }
  .tariff-promo-item__bottom {
    bottom: 0; }
  .tariff-promo-item__left {
    left: 0; }
  .tariff-promo-item__right {
    right: 0; }
  .tariff-promo-item .tariff-promo-item__half {
    max-width: 50%; }
  .tariff-promo-item .tariff-promo-item__third {
    max-width: 33.33333%; }
  .tariff-promo-item .tariff-promo-item__twothird {
    max-width: 66.66667%; }

.tariffbox__body {
  padding: 1.5rem;
  border: 2px solid #e5e5e5;
  border-top: none; }
  .tariffbox__body .tariff-promo-item {
    margin: -1.5rem -1.5rem 1.5rem; }
  .tariffbox__body .tariff-toggle {
    margin: 0 -1.5rem; }
  .tariffbox__body > *:first-child {
    margin-top: 0; }
  .tariffbox__body > *:last-child {
    margin-bottom: 0; }
  .tariffbox__body .link--dynamic {
    color: #003d8f; }
  .tariffbox__body.is-hidden > *:not(.toggle-prevention) {
    display: none; }
  .tariffbox__body.is-hidden .tariffbox-promo {
    margin-top: 0; }
  .tariffbox--highlight .tariffbox__body,
  .tariffbox--border-highlight .tariffbox__body {
    border: 2px solid #003d8f;
    border-top: none; }

.tariffbox-configurator {
  background-color: #f4f4f4;
  padding: 0.75rem;
  margin: 1.5rem -0.75rem; }
  .tariffbox-configurator__headline {
    text-align: center;
    color: #003d8f;
    padding-bottom: 0.5625rem;
    border-bottom: 2px solid #e5e5e5;
    font-size: 1.125rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox-configurator__container {
    display: flex;
    justify-content: flex-end;
    flex-flow: row-reverse wrap-reverse; }
    .tariffbox-configurator__container:not(:last-child) {
      margin-bottom: 0.75rem; }
  .tariffbox-configurator__container-label {
    min-width: 100%;
    max-width: 100%; }
  .tariffbox-configurator__container-image {
    min-width: 60%;
    max-width: 60%; }
    .tariffbox-configurator__container-image img {
      width: 100%; }
    @media (min-width: 650px) {
      .tariffbox-configurator--wide .tariffbox-configurator__container-image {
        min-width: 40%;
        max-width: 40%; }
        .tariffbox-configurator--wide .tariffbox-configurator__container-image + .tariffbox-configurator__container-label {
          min-width: 60%;
          max-width: 60%; }
      .tariffbox-configurator--thin .tariffbox-configurator__container-image {
        min-width: 30%;
        max-width: 30%; }
        .tariffbox-configurator--thin .tariffbox-configurator__container-image + .tariffbox-configurator__container-label {
          min-width: 70%;
          max-width: 70%; } }
  .tariffbox-configurator .toggle-label {
    color: #003d8f;
    font-size: 1.125rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    .tariffbox-configurator .toggle-label__sub-text {
      color: #3c3c3c;
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
    .tariffbox-configurator .toggle-label svg {
      color: #003d8f;
      vertical-align: middle; }

.tariffbox__corner-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 75px;
  height: 75px; }
  .tariffbox__corner-image--left {
    left: 0;
    right: auto; }
  .tariffbox__corner-image--rotate {
    transform: rotate(-90deg); }

.tariffbox-feature {
  position: relative;
  padding: 0.5625rem 0; }
  .tariffbox-feature__image {
    float: right;
    margin-left: 0.75rem;
    margin-right: -0.75rem;
    width: 70px; }
  .tariffbox-feature__headline {
    display: flex;
    align-items: center; }
    .tariffbox-feature__headline-text {
      font-size: 1.25rem;
      line-height: 1.39; }
    .tariffbox-feature__headline img {
      max-height: 50px;
      margin-left: 0.1875rem; }
      .tariffbox:first-child:nth-last-child(5) .tariffbox-feature__headline img,
      .tariffbox:first-child:nth-last-child(5) ~ div .tariffbox-feature__headline img {
        max-height: 40px; }
  .tariffbox-feature__subline {
    font-size: 0.875rem; }
  .tariffbox-feature__head {
    color: #003d8f;
    display: flex; }
    .tariffbox-feature__head-info {
      width: 16px;
      height: 16px; }
    .tariffbox-feature__head--check {
      position: absolute;
      left: 0;
      top: .1em;
      width: 22px;
      height: 22px;
      fill: #003d8f; }
    .tariffbox-feature__head .tariff-list-item__arrow {
      transition: transform .25s ease;
      transform: rotate(0deg); }
    .tariffbox-feature__head .is-active .tariff-list-item__arrow {
      transform: rotate(180deg); }
  .tariffbox-feature__body {
    transition: max-height 0.5s ease-in-out;
    max-height: 250px;
    overflow-y: hidden;
    font-size: 1rem;
    line-height: 1.39; }
    .tariffbox-feature__body.is-hidden {
      max-height: 0; }
    .tariffbox-feature__body > * {
      margin-bottom: 0.5625rem; }
    .tariffbox-feature__body img,
    .tariffbox-feature__body object {
      height: 30px;
      max-width: 100%; }
  .tariffbox-feature [data-show-more-trigger] {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end; }
  .tariffbox-feature--show-check {
    padding-left: calc(22px + 0.75rem); }

.tariffbox__hardware {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fff;
  padding: 0 1.5rem;
  position: relative;
  border: 2px solid #e5e5e5;
  border-top: none;
  border-bottom: none; }
  .tariffbox--highlight .tariffbox__hardware {
    border-color: #003d8f; }
  .tariffbox__hardware::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    width: calc(100% + 4px);
    height: 100px;
    background: #003d8f; }
    .tariffbox--basic .tariffbox__hardware::before {
      background: #fff;
      left: 0;
      top: -1px;
      height: calc(200px / 2 + 1px);
      width: 100%; }
    .tariffbox--lowlight .tariffbox__hardware::before {
      background: #f4f4f4;
      height: calc(200px / 2 + 1px);
      width: calc(100% + 4px);
      position: absolute;
      top: 0; }
  .tariffbox__hardware-visuals {
    display: flex;
    width: 100%;
    max-width: 300px;
    min-height: 200px;
    position: relative;
    margin-bottom: 0.75rem; }
    .tariffbox__hardware-visuals-device {
      width: 100%;
      height: 100%; }
      .tariffbox__hardware-visuals-device img {
        max-height: 200px;
        max-width: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .tariffbox__hardware--bsc .tariffbox__hardware-visuals {
      max-width: 400px; }
    .tariffbox__hardware-visuals-badge {
      display: flex;
      width: calc(54 * 1%);
      min-height: 200px;
      margin-left: auto; }
      .tariffbox__hardware-visuals-badge-plus {
        width: calc((100% / 54) * 8);
        margin-left: calc((100% / 54) * 2);
        height: 100%; }
        .tariffbox__hardware-visuals-badge-plus img,
        .tariffbox__hardware-visuals-badge-plus object {
          width: 100%;
          height: 100%; }
        .tariffbox__hardware--bsc .tariffbox__hardware-visuals-badge-plus {
          width: calc((100% / 40) * 8);
          margin-left: calc(100% / 40); }
        .tariffbox__hardware-visuals-badge-plus ~ div {
          width: calc((100% / 54) * 42);
          margin-left: calc((100% / 54) * 2);
          margin-right: 0;
          align-content: center; }
          .tariffbox__hardware--bsc .tariffbox__hardware-visuals-badge-plus ~ div {
            width: calc((100% / 40) * 26);
            margin-left: calc((100% / 40) * 5); }
          .tariffbox__hardware-visuals-badge-plus ~ div > img,
          .tariffbox__hardware-visuals-badge-plus ~ div > object {
            width: 100%;
            height: 100%; }
          .tariffbox__hardware-visuals-badge-plus ~ div *:first-child:nth-last-child(2),
          .tariffbox__hardware-visuals-badge-plus ~ div *:first-child:nth-last-child(2) ~ * {
            max-height: 100px;
            object-fit: contain; }
      .tariffbox__hardware--bsc .tariffbox__hardware-visuals-badge {
        width: calc(40 * 1%); }
    .tariffbox__hardware-visuals-badge ~ .tariffbox__hardware-visuals-device {
      position: absolute;
      left: 0;
      width: calc(46 * 1%); }
      .tariffbox__hardware--bsc .tariffbox__hardware-visuals-badge ~ .tariffbox__hardware-visuals-device {
        width: calc(60 * 1%); }
      .tariffbox__hardware-visuals-badge ~ .tariffbox__hardware-visuals-device img {
        display: block;
        max-width: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .tariffbox__hardware-name {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__hardware-subtext {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__hardware > *:not(.tariffbox__hardware-visuals) {
    max-width: 100%; }

.tariffbox__hardware-preview {
  margin: 1.5rem -0.75rem;
  padding: 0.75rem;
  background: #f4f4f4;
  text-align: center; }
  .tariffbox__hardware-preview-headline, .tariffbox__hardware-preview-subline {
    color: #3c3c3c;
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__hardware-preview-image-container {
    position: relative;
    max-width: 142px;
    margin: 0 auto 0.75rem; }
  .tariffbox__hardware-preview-image {
    position: relative; }
    .tariffbox__hardware-preview-image img,
    .tariffbox__hardware-preview-image object {
      max-width: 100%; }
    .tariffbox__hardware-preview-image:first-child:nth-last-of-type(1) {
      max-width: 50%;
      margin: 0 auto; }
      .tariffbox__hardware-preview--bsc .tariffbox__hardware-preview-image:first-child:nth-last-of-type(1) {
        max-width: 80%; }
    .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) {
      max-width: 50%;
      z-index: 2;
      margin-left: 40%; }
      .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) ~ div {
        width: 40%;
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 10%;
        transform: translateY(-50%); }
      .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) ~ .tariffbox__hardware-preview-badge {
        right: 35%; }
      .tariffbox__hardware-preview--bsc .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) {
        max-width: 80%;
        margin-left: 20%;
        z-index: 1; }
        .tariffbox__hardware-preview--bsc .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) ~ div {
          width: 50%;
          left: 0;
          z-index: 2; }
        .tariffbox__hardware-preview--bsc .tariffbox__hardware-preview-image:first-child:nth-last-of-type(2) ~ .tariffbox__hardware-preview-badge {
          left: 25%;
          right: 0; }
    .tariffbox__hardware-preview-image:first-child:nth-last-of-type(3) {
      max-width: 50%;
      margin: 0 auto;
      z-index: 2; }
      .tariffbox__hardware-preview-image:first-child:nth-last-of-type(3) ~ div {
        max-width: 40%;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        transform: translateY(-50%); }
        .tariffbox__hardware-preview-image:first-child:nth-last-of-type(3) ~ div + div {
          left: auto;
          right: 0; }
      .tariffbox__hardware-preview--bsc .tariffbox__hardware-preview-image:first-child:nth-last-of-type(3) {
        max-width: 60%; }
  .tariffbox__hardware-preview-badge {
    position: absolute;
    max-width: 72px;
    max-height: 72px;
    right: 50%;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%); }
  .tariffbox__hardware-preview .price {
    margin-bottom: 0.5625rem;
    justify-content: center; }
  .tariffbox__hardware-preview-price-info {
    color: #003d8f;
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    .tariffbox__hardware-preview-price-info .icon {
      vertical-align: middle; }
  .tariffbox__hardware-preview .btn {
    margin-top: 0.75rem; }

.tariffbox__head {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  color: #fff;
  background: #003d8f;
  text-align: center; }
  .tariffbox__head [data-show-more-trigger] {
    cursor: pointer;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end; }
  .tariffbox__head-thumbnail {
    display: none; }
  .tariffbox__head-action {
    position: absolute;
    top: -2.1875rem;
    left: 0;
    width: 100%;
    padding: 0.75rem 0.375rem;
    background-color: #003d8f;
    z-index: 15; }
    .tariffbox__head-action span {
      display: inline-flex;
      font-family: "77-black-condensed", Arial, sans-serif;
      align-items: center;
      background-color: #fff;
      color: #003d8f;
      padding: 0.375rem;
      height: 2.1875rem;
      line-height: 1;
      max-width: 100%;
      font-size: 1rem; }
  .tariffbox__head-name {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__head-description {
    font-family: "77-black-condensed", Arial, sans-serif;
    margin-bottom: 0.5625rem;
    font-size: 2rem;
    line-height: 1.22; }
    .tariffbox__head-description [data-strike] {
      font-family: "57-condensed", Arial, sans-serif; }
  .tariffbox__head-mark {
    font-size: 1.125rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__head-image {
    position: relative;
    height: 50px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    text-align: center; }
    .tariffbox__head-image img,
    .tariffbox__head-image object {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 100%; }
    .tariffbox__head-image a {
      display: inline-block;
      height: 100%;
      width: 100%; }
      .tariffbox__head-image a object {
        max-width: 100%; }
  .tariffbox__head-bigtext {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 2.8125rem;
    line-height: 1.22;
    margin-bottom: 0.5625rem;
    margin-top: -0.75rem; }
  .tariffbox__head-price {
    margin-bottom: 0.5625rem; }
  .tariffbox__head-subtext {
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox__head-divider {
    margin-bottom: 0.5625rem; }
  .tariffbox__head-badge {
    position: absolute;
    height: 72px;
    width: 72px;
    top: -1.0625rem;
    right: -0.375rem;
    z-index: 15; }
    .tariffbox--basic .tariffbox__head-badge {
      top: calc(-1.0625rem - 2px); }
    .tariffbox__head-action ~ .tariffbox__head-badge {
      top: calc(-1.0625rem - 2.1875rem); }
    .tariffbox__head-badge--large {
      height: 85px;
      width: 85px; }
      .tariffboxes__content:not(.slick-initialized) .tariffbox--highlight .tariffbox__head-badge--large {
        height: 96px;
        width: 96px; }
    .tariffbox__head-badge img {
      width: 100%;
      max-height: 100%; }
  .tariffbox__head .btn {
    margin: 0.375rem 0; }
  .tariffbox--basic .tariffbox__head {
    color: #003d8f;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-bottom: none;
    padding-top: calc(1.5rem - 2px); }
    .tariffbox--basic .tariffbox__head .divider {
      background: #fff; }
    .tariffbox--basic .tariffbox__head .tariffbox__head-subtext {
      color: #003d8f; }
    .tariffbox--basic .tariffbox__head::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 1.5rem;
      height: 1px;
      width: calc(100% - 3rem);
      background-color: #e5e5e5; }
  .tariffbox--lowlight .tariffbox__head {
    color: #003d8f;
    background: #f4f4f4; }
    .tariffbox--lowlight .tariffbox__head .tariffbox__head-subtext {
      color: #003d8f; }
  .tariffbox--border-highlight.tariffbox--basic .tariffbox__head,
  .tariffbox--border-highlight.tariffbox--lowlight .tariffbox__head {
    border: 2px solid #003d8f;
    border-bottom: none; }

.tariffbox__price-container {
  display: flex;
  justify-content: center;
  align-items: center; }
  .tariffbox__price-container > * {
    margin-left: 0.375rem;
    margin-right: 0.375rem; }
  .tariffbox__price-container .price {
    margin-bottom: .45em; }
  .tariffbox__price-container img,
  .tariffbox__price-container object {
    width: 55px;
    height: 55px; }

.tariffbox-productbox {
  margin: 1.5rem 0; }
  .tariffbox-productbox__images-container {
    justify-content: center;
    display: flex;
    max-height: 280px;
    margin-bottom: 0.75rem; }
  .tariffbox-productbox__image {
    max-height: 280px;
    width: 100%; }
  .tariffbox-productbox__image-back {
    transform: scale(0.9) translateX(-60%) rotate(-10deg);
    max-height: 280px;
    max-width: 100%;
    z-index: 1;
    position: absolute;
    left: 50%; }
  .tariffbox-productbox__image-front {
    transform: translateX(20%);
    max-height: 280px;
    max-width: 100%;
    z-index: 2;
    position: relative;
    margin: 0 auto; }
  .tariffbox-productbox__image-single {
    transform: none;
    max-width: 100%; }
  .tariffbox-productbox__heading {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    color: #3c3c3c; }
  .tariffbox-productbox__price-container {
    background-color: #f3e11e;
    display: inline-block;
    padding: 0.375rem; }
  .tariffbox-productbox__priceoption-title {
    font-size: 0.875rem;
    color: #003d8f; }
  .tariffbox-productbox__color-chooser-container, .tariffbox-productbox__storage-container {
    margin-top: 0.75rem;
    color: #3c3c3c; }
  .tariffbox-productbox__storage-container {
    margin-bottom: 1.5rem; }
  .tariffbox-productbox__text-link-container {
    width: 100%;
    text-align: center; }

.tariffbox-promo {
  margin: 1.5rem -0.75rem;
  padding: 0.75rem;
  background-color: #f4f4f4; }
  .tariffbox-promo__headline {
    font-size: 1.25rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .tariffbox-promo__subline, .tariffbox-promo__text {
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    text-align: center; }
  .tariffbox-promo__image {
    text-align: center; }
    .tariffbox-promo__image img {
      max-height: 140px;
      max-width: 100%;
      display: inline-block; }
  .tariffbox-promo__button {
    margin-top: 0.75rem;
    text-align: center; }

.tariffbox__text {
  margin: 0.375rem 0;
  font-size: 0.875rem;
  line-height: 1.2; }
  .tariffbox__text a {
    color: inherit; }

.tariffbox-toggle {
  background-color: #e0e9f2;
  padding: 0.75rem;
  margin: 1.5rem -0.75rem; }
  .tariffbox-toggle__headline {
    text-align: center;
    color: #3c3c3c;
    font-size: 1.125rem;
    line-height: 1.39;
    padding-bottom: 0.5625rem;
    margin-bottom: 0.5625rem;
    border-bottom: 2px solid #99b6d5; }
  .tariffbox-toggle .toggle-label {
    color: #003d8f;
    font-size: 1.125rem;
    line-height: 1.39; }
    .tariffbox-toggle .toggle-label:not(:last-child) {
      margin-bottom: 0.75rem; }
    .tariffbox-toggle .toggle-label__sub-text {
      color: #3c3c3c;
      font-size: 1rem;
      line-height: 1.39; }
    .tariffbox-toggle .toggle-label svg {
      color: #003d8f;
      vertical-align: middle; }

.text-block-container {
  padding-top: 1.5rem; }
  @media (min-width: 768px) {
    .text-block-container {
      padding-top: 2.25rem; } }

.text-container {
  color: #fff;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 12px;
  padding-bottom: 1.5rem;
  transform: scale(1.00001); }
  .text-container::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3rem;
    transform: skewY(-3.5deg);
    background-color: #003d8f;
    z-index: -1;
    top: -1.2rem; }
    @media (min-width: 650px) {
      .text-container::before {
        display: none; } }
  .text-container__card-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    perspective: 600px;
    z-index: -1; }
  .text-container__card {
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #003d8f;
    outline: 1px solid transparent; }
    @media (min-width: 650px) {
      .text-container__card {
        top: 0;
        margin-left: -1.5rem;
        margin-top: -1.125rem;
        height: calc(100% + 3rem);
        width: calc(100% + 1.5rem);
        transform: rotateY(-11deg); } }
    @media (min-width: 768px) {
      .text-container__card {
        margin-left: -1.125rem;
        width: calc(100% + 0.375rem);
        height: calc(100% + 0.75rem); } }
  @media (min-width: 650px) {
    .text-container {
      padding: 1.5rem;
      max-width: 100%;
      margin: 6rem 0; } }
  .text-container__inner {
    z-index: 1;
    position: relative;
    width: 100%; }
  @media (min-width: 650px) {
    .text-container__text__wrapper {
      flex-basis: auto; } }
  @media (max-width: 450px) {
    .text-container__text__wrapper + .text-container__price__wrapper {
      margin-left: 0.75rem; }
      .text-container__text__wrapper + .text-container__price__wrapper .price {
        font-size: .7em; } }
  @media (max-width: 330px) {
    .text-container__text, .text-container__benefits, .text-container:not(.benefits--highlight) {
      hyphens: auto; } }
  .text-container__icon-headline {
    display: flex;
    margin-bottom: 0.75rem; }
    .text-container__icon-headline .icon {
      margin-right: 0.75rem;
      margin-top: -0.25rem; }
  .text-container__price__wrapper.col {
    flex-basis: 1px; }
  .text-container__price__wrapper--with-strike {
    height: 120%;
    width: 100%; }
  .text-container__price__wrapper .text-container__price__wrapper__strike {
    position: relative;
    overflow: hidden;
    max-width: 80%; }
    @media (min-width: 650px) {
      .text-container__price__wrapper .text-container__price__wrapper__strike {
        max-width: none; } }
    .text-container__price__wrapper .text-container__price__wrapper__strike::before {
      content: '';
      height: 1.5rem;
      background: transparent;
      display: block; }
    .text-container__price__wrapper .text-container__price__wrapper__strike::after {
      content: '';
      position: absolute;
      left: -3rem;
      top: 0;
      width: 150%;
      height: 6.25rem;
      border: 0.375rem solid #f3e11e;
      border-color: #f3e11e transparent transparent transparent;
      border-radius: 140%/6.875rem 6.25rem 0 0; }
    .text-container__price__wrapper .text-container__price__wrapper__strike--white::after {
      border: 0.375rem solid #fff;
      border-color: #fff transparent transparent transparent; }
    .text-container__price__wrapper .text-container__price__wrapper__strike::before, .text-container__price__wrapper .text-container__price__wrapper__strike::after {
      display: none; }
      @media (min-width: 650px) {
        .text-container__price__wrapper .text-container__price__wrapper__strike::before, .text-container__price__wrapper .text-container__price__wrapper__strike::after {
          display: block; } }
  .text-container__price__wrapper--white-strike .text-container__price__wrapper__strike::after {
    border: 0.375rem solid #fff;
    border-color: #fff transparent transparent transparent; }
  .text-container h2, .text-container .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container .benefits__text,
  .text-container h3 {
    color: #fff; }
  .text-container h2 + h3, .text-container .small-teaser__text .benefits--small-teaser-bold .benefits__text + h3, .small-teaser__text .benefits--small-teaser-bold .text-container .benefits__text + h3 {
    font-size: 1.25rem; }
  .text-container h2 + h3, .text-container .small-teaser__text .benefits--small-teaser-bold .benefits__text + h3, .small-teaser__text .benefits--small-teaser-bold .text-container .benefits__text + h3 {
    margin-top: -0.75rem;
    margin-bottom: 0.75rem; }
  .text-container--headline-big h2, .text-container--headline-big .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-big .benefits__text {
    font-size: 5.25rem; }
  .text-container--headline-big h2 + h3, .text-container--headline-big .small-teaser__text .benefits--small-teaser-bold .benefits__text + h3, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-big .benefits__text + h3 {
    font-size: 1.875rem;
    margin-top: -.75em; }
  @media (max-width: 380px) {
    .text-container--headline-big .price--l .price__more {
      font-size: .45em; } }
  @media (min-width: 640px) and (max-width: 680px) {
    .text-container--headline-big .price--l .price__more {
      font-size: .45em; } }
  @media (min-width: 1024px) and (max-width: 1200px) {
    .text-container--headline-big .price--l .price__more {
      font-size: .45em; } }
  .text-container--headline-tablet-flat h2, .text-container--headline-tablet-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-tablet-flat .benefits__text {
    font-size: 3.15rem; }
  .text-container--headline-notebook-flat h2, .text-container--headline-notebook-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-notebook-flat .benefits__text {
    font-size: 2.3175rem; }
  .text-container--headline-tablet-flat h2, .text-container--headline-tablet-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-tablet-flat .benefits__text, .text-container--headline-notebook-flat h2, .text-container--headline-notebook-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-notebook-flat .benefits__text {
    text-transform: uppercase; }
    .text-container--headline-tablet-flat h2 span, .text-container--headline-tablet-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text span, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-tablet-flat .benefits__text span, .text-container--headline-notebook-flat h2 span, .text-container--headline-notebook-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text span, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-notebook-flat .benefits__text span {
      display: block;
      font-size: 7.875rem;
      line-height: .8; }
      @media (max-width: 649.98px) {
        .text-container--headline-tablet-flat h2 span, .text-container--headline-tablet-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text span, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-tablet-flat .benefits__text span, .text-container--headline-notebook-flat h2 span, .text-container--headline-notebook-flat .small-teaser__text .benefits--small-teaser-bold .benefits__text span, .small-teaser__text .benefits--small-teaser-bold .text-container--headline-notebook-flat .benefits__text span {
          font-size: 2.625rem; } }
  .text-container__legal {
    font-size: 1rem;
    line-height: 1.1;
    hyphens: manual; }
    @media (min-width: 480px) {
      .text-container__legal {
        font-size: 1.125rem; } }
  .text-container__buttons {
    padding-bottom: 1.5rem; }
    @media (min-width: 480px) {
      .text-container__buttons {
        display: table; } }
    @media (min-width: 650px) {
      .text-container__buttons {
        margin-bottom: -3.75rem; } }
    .text-container__buttons--aside {
      display: flex; }
      .text-container__buttons--aside .text-container__buttons__row {
        display: inline-block; }
        .text-container__buttons--aside .text-container__buttons__row:not(:last-child) {
          margin-right: 0.75rem; }
      .text-container__buttons--aside .btn {
        width: auto; }
    .text-container__buttons__row {
      display: flex; }
      .text-container__buttons__row:last-child .btn {
        margin-bottom: 0; }
    .text-container__buttons .btn {
      margin-bottom: 0.75rem; }
      @media (min-width: 480px) {
        .text-container__buttons .btn {
          width: 100%;
          text-indent: 0; } }
  .text-container--top {
    align-self: flex-start; }
  .text-container .price__strike {
    display: inline; }
  .text-container .eye-catcher-roof {
    margin-bottom: 0; }
  .text-container--white, .text-container--neutral {
    color: #3c3c3c; }
    .text-container--white h2, .text-container--white .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--white .benefits__text, .text-container--neutral h2, .text-container--neutral .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--neutral .benefits__text {
      color: #003d8f; }
    .text-container--white h3, .text-container--neutral h3 {
      color: #3c3c3c; }
    .text-container--white .benefits .icon, .text-container--neutral .benefits .icon {
      fill: #003d8f; }
    .text-container--white .benefits__highlight, .text-container--neutral .benefits__highlight {
      color: #003d8f; }
    .text-container--white .price, .text-container--neutral .price {
      color: #003d8f; }
      .text-container--white .price__strike::before, .text-container--neutral .price__strike::before {
        background-color: #003d8f; }
  .text-container--white::before {
    background-color: #fff; }
  .text-container--white .text-container__card {
    background: #fff; }
  @media (min-width: 650px) {
    .text-container--white .text-container__price__wrapper .price__strike {
      color: #3d70b7; } }
  .text-container--neutral {
    margin: 0;
    position: static; }
    .text-container--neutral::before {
      background: #fff; }
    .text-container--neutral .text-container__card {
      background-color: #fff; }
    @media (min-width: 650px) {
      .text-container--neutral {
        padding: 0;
        background-color: transparent; }
        .text-container--neutral .text-container__card-wrapper {
          display: none; } }
    .text-container--neutral h2, .text-container--neutral .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .text-container--neutral .benefits__text {
      margin-top: 0.75rem; }
    .text-container--neutral .text-container__buttons {
      margin-bottom: 0;
      padding-bottom: 0; }
  .text-container:not(.text-container--neutral):not(.text-container--white) .btn-text-link {
    color: #fff; }

.text-cta-teaser {
  font-size: 0.875rem;
  line-height: 1.39;
  margin-bottom: 0.5625rem !important; }
  @media (min-width: 650px) {
    .text-cta-teaser {
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }
  @media (min-width: 1024px) {
    .text-cta-teaser {
      font-size: 1.125rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; } }

.thumbnail-container {
  position: relative; }
  .thumbnail-container__wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
    margin: -10px; }
  @media (min-width: 1200px) {
    .thumbnail-container {
      display: none; } }
  .thumbnail-container .thumbnail-container--icon-left,
  .thumbnail-container .thumbnail-container--icon-right {
    display: none;
    z-index: 2;
    position: absolute;
    top: 50%;
    fill: #003d8f;
    transform: translate(50%, -50%);
    transform-origin: center center; }
  .thumbnail-container--show-left::before {
    content: '';
    display: block;
    width: 3.75rem;
    height: 100%;
    position: absolute;
    right: calc(100% - 0.75rem - 10px);
    top: 0;
    z-index: 1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, white 20%, white 100%); }
  .thumbnail-container--show-left .thumbnail-container--icon-left {
    right: calc(100% - 10px);
    display: block;
    transform: translate(-50%, -50%) rotate(180deg);
    transform-origin: center center; }
  .thumbnail-container--show-right::after {
    content: '';
    display: block;
    width: 3.75rem;
    height: 100%;
    position: absolute;
    left: calc(100% - 0.75rem - 10px);
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 100%); }
  .thumbnail-container--show-right .thumbnail-container--icon-right {
    left: calc(100% - 10px);
    display: block; }
  .thumbnail-container--show-right .thumbnail-container__halos,
  .thumbnail-container--show-right .thumbnail-container__thumbnails, .thumbnail-container--show-left .thumbnail-container__halos,
  .thumbnail-container--show-left .thumbnail-container__thumbnails {
    margin-right: 10px; }
  .thumbnail-container__halos, .thumbnail-container__thumbnails {
    display: flex;
    flex-direction: row; }
  .thumbnail-container__thumbnails {
    position: relative; }
    .thumbnail-container__thumbnails::before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
      z-index: -1; }

.tile {
  padding: 1.5rem;
  display: flex;
  flex-grow: 1;
  position: relative;
  flex-wrap: wrap;
  box-shadow: none;
  transition: box-shadow, .2s ease-in-out;
  overflow: hidden;
  min-height: 420px;
  cursor: pointer;
  border: 1px solid #99b6d5; }
  @media (min-width: 650px) {
    .tile {
      min-height: 400px; } }
  @media (min-width: 1024px) {
    .tile {
      min-height: 460px; } }
  .tile .btn > .icon--small {
    transform: translateY(20%); }
  .tile .btn > .icon--xsmall {
    transform: translateY(10%); }
  .tile__background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .tile__background-image img {
      position: absolute;
      width: 100%;
      max-width: 100%;
      max-height: 100%;
      min-height: 420px;
      object-fit: cover;
      object-position: center top; }
      @media (min-width: 650px) {
        .tile__background-image img {
          min-height: 400px; } }
      @media (min-width: 1024px) {
        .tile__background-image img {
          min-height: 460px; } }
    .tile__background-image ~ div {
      position: relative; }
  .tile__eyecatcher-container {
    margin-bottom: 0.75rem; }
  .tile__eyecatcher {
    padding: 0.1875rem 0.375rem;
    font-size: 1rem;
    line-height: 1.39; }
    @media (min-width: 650px) {
      .tile__eyecatcher {
        font-size: 1.125rem;
        line-height: 1.39; } }
  .tile mark, .tile .countdown-label, .tile .countdown-label--primary, .tile .countdown-label--secondary {
    line-height: 1.3; }
  .tile .price {
    position: absolute;
    right: 0;
    bottom: 45px;
    max-width: calc(50% - 12px / 2); }
    .tile .price__after {
      text-align: end; }
    .tile .price__more {
      margin: 0.375rem 0 0 -3.75rem;
      color: inherit;
      width: auto;
      font-family: "57-condensed", Arial, sans-serif;
      line-height: 1 !important;
      font-size: 0.75rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
    .tile .price__unit {
      line-height: 1em; }
  .tile .notification-item {
    position: absolute;
    bottom: 45px; }
  .tile .buttons {
    width: 100%;
    position: absolute;
    bottom: 0; }
  .tile h2, .tile .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .tile .benefits__text,
  .tile .h2 {
    font-family: "57-condensed", Arial, sans-serif;
    font-size: 1.25rem;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 650px) {
      .tile h2, .tile .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .tile .benefits__text,
      .tile .h2 {
        font-size: 1.5rem;
        margin-bottom: 0.5625rem !important; } }
  .tile p,
  .tile .tile__benefits {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 1024px) {
      .tile p,
      .tile .tile__benefits {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .tile__top {
    width: 100%; }
    .tile__top *:last-child {
      margin-bottom: 0; }
    .tile__top .eye-catcher {
      margin: 0; }
    .tile__top p,
    .tile__top h2,
    .tile__top .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .tile__top .benefits__text,
    .tile__top .h2 {
      margin-bottom: 0.5625rem; }
  .tile__middle {
    width: 100%;
    text-align: center;
    min-height: 180px; }
    .tile__middle img {
      max-width: 100%;
      max-height: 180px;
      height: auto; }
  .tile__bottom {
    width: 100%;
    align-items: flex-end;
    z-index: 1;
    min-height: 100px;
    height: auto;
    position: relative; }
    @media (max-width: 1199.98px) {
      .tile__bottom .price-tile.price--xs {
        font-size: .4rem; } }
    .tile__bottom .buttons button:not(:only-child):first-of-type {
      margin-right: 0.75rem; }
    .tile__bottom .buttons button:first-of-type {
      margin-left: auto; }
    .tile__bottom__icon {
      fill: #57ab27; }
    .tile__bottom__asterisk-text {
      position: absolute;
      bottom: 45px;
      right: 0.75rem;
      color: #003d8f;
      font-size: 1rem; }
    .tile__bottom__info {
      font-size: 0.625rem;
      font-family: "77-black-condensed", Arial, sans-serif;
      width: 105px;
      margin-bottom: 0;
      line-height: 1.1; }
  .tile--blue-background {
    color: #fff; }
    .tile--blue-background h2, .tile--blue-background .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .tile--blue-background .benefits__text,
    .tile--blue-background .h2,
    .tile--blue-background .price__more {
      color: inherit; }
  .tile--blue-background {
    background: #003d8f; }
  .tile--is-double .tile__top,
  .tile--is-double .tile__benefits {
    position: relative; }
    @media (min-width: 650px) {
      .tile--is-double .tile__top,
      .tile--is-double .tile__benefits {
        width: 100%;
        max-width: 51%; } }
  .tile--is-double .tile__benefits {
    margin-top: 16rem;
    margin-bottom: 0.75rem; }
    @media (min-width: 650px) {
      .tile--is-double .tile__benefits {
        margin-top: 0.75rem;
        margin-bottom: 4.5rem; } }
  .tile--is-double .tile__middle {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 25rem; }
    @media (min-width: 650px) {
      .tile--is-double .tile__middle {
        bottom: 2rem;
        width: 50%;
        height: auto;
        padding-left: 0.75rem;
        text-align: right; } }
    .tile--is-double .tile__middle picture {
      width: 100%; }
      @media (min-width: 650px) {
        .tile--is-double .tile__middle picture {
          height: 100%; } }
    .tile--is-double .tile__middle img {
      max-height: 100%; }

.tariffoption__title {
  font-family: "77-black-condensed", Arial, sans-serif;
  line-height: 1;
  margin-bottom: 0.375rem; }

.tariffoption .price {
  font-size: .5rem; }

.tariffoption__legal {
  margin-bottom: 0;
  line-height: 1; }

.upselling {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .upselling__text {
    font-size: 0.875rem;
    margin: 0 0.75rem;
    line-height: 1; }
  .upselling .link--dynamic {
    display: inline; }
  .upselling mark, .upselling .countdown-label, .upselling .countdown-label--primary, .upselling .countdown-label--secondary {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 1.25rem; }

.accordion {
  margin-bottom: 1.5rem; }
  .accordion,
  .accordion .accordion__button {
    font-size: 0.875rem;
    line-height: 1.39; }
    @media (min-width: 650px) {
      .accordion,
      .accordion .accordion__button {
        font-size: 1rem;
        line-height: 1.39; } }
    @media (min-width: 1024px) {
      .accordion,
      .accordion .accordion__button {
        font-size: 1.125rem;
        line-height: 1.39; } }
  .accordion--no-border .accordion__item {
    border-bottom: none; }
    .accordion--no-border .accordion__item:first-child {
      border-top: none; }
  @media (min-width: 768px) {
    .accordion__list {
      background-color: #fff; } }
  .accordion--gray {
    padding: 1.5rem; }
    @media (min-width: 768px) {
      .accordion--gray {
        background-color: #f4f4f4; } }
    .accordion--gray .accordion__button {
      padding: 1.5rem; }
    .accordion--gray .accordion__answer {
      padding: 0 1.5rem 1.5rem 1.5rem; }
  .accordion--fineprint .accordion__button {
    padding: 1.5rem 0 1.5rem 1.5rem; }
  .accordion--fineprint .accordion__answer {
    padding: 0 0 1.5rem 1.5rem; }
  .accordion--fineprint .accordion__button,
  .accordion--fineprint .accordion__answer {
    position: relative; }
    .accordion--fineprint .accordion__button::before,
    .accordion--fineprint .accordion__answer::before {
      content: '*';
      position: absolute;
      top: 0;
      left: 0; }
  .accordion--fineprint .accordion__button::before {
    top: 1.25rem; }

.app-presenter__stage-image {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
  align-self: center; }

.app-presenter .store-links {
  display: flex;
  justify-content: center; }

.award-block {
  background-color: #f4f4f4;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 480px) {
    .award-block {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .award-block {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .award-block {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .award-block {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .award-block .scrollable-box {
    text-align: center;
    max-width: none; }
    .award-block .scrollable-box a {
      color: #003d8f;
      font-size: 0.75rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
    .award-block .scrollable-box__item {
      text-align: left;
      margin-right: 0.375rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem; }
      .award-block .scrollable-box__item img {
        margin-bottom: 0.5625rem;
        height: 7.5rem;
        width: 7.5rem; }
        @media (min-width: 650px) {
          .award-block .scrollable-box__item img {
            height: 9.375rem;
            width: 9.375rem; } }
      .award-block .scrollable-box__item:first-child {
        padding-left: 2.25rem; }
      @media (min-width: 650px) {
        .award-block .scrollable-box__item {
          padding-right: 2.25rem;
          padding-top: 1.5rem;
          padding-bottom: 1.5rem; } }

.card-grid {
  margin-bottom: 0.75rem;
  margin-top: 1.5rem; }
  @media (min-width: 650px) {
    .card-grid {
      margin-bottom: 1.5rem;
      margin-top: 2.25rem; } }
  @media (min-width: 1024px) {
    .card-grid {
      margin-bottom: 3rem;
      margin-top: 3.75rem; } }
  .card-grid .card {
    width: 100%;
    margin-bottom: 0.75rem; }

.contact {
  max-width: 400px; }

@media (min-width: 1024px) {
  .content-tariffbox-promo .tariffs-ssc.col-lg-4,
  .content-tariffbox-promo .tariffs--dsl.col-lg-4 {
    max-width: calc((100% / 12) * 4); } }

@media (min-width: 1024px) {
  .content-tariffbox-promo .tariffs-ssc.col-lg-7,
  .content-tariffbox-promo .tariffs--dsl.col-lg-7 {
    max-width: calc((100% / 12) * 7); } }

.content-slider__item {
  height: 100%; }
  .content-slider__item > div {
    height: 100%; }

.content-slider .slick-arrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all; }
  .content-slider .slick-arrow.slick-next {
    right: -20px; }
    @media (min-width: 480px) {
      .content-slider .slick-arrow.slick-next {
        right: -28px; } }
    @media (min-width: 1024px) {
      .content-slider .slick-arrow.slick-next {
        right: -26px; } }
  .content-slider .slick-arrow.slick-prev {
    left: -20px; }
    @media (min-width: 480px) {
      .content-slider .slick-arrow.slick-prev {
        left: -28px; } }
    @media (min-width: 1024px) {
      .content-slider .slick-arrow.slick-prev {
        left: -26px; } }
  .content-slider .slick-arrow.slick-disabled {
    display: none !important; }

.content-slider .slick-list {
  margin: 0; }

.content-slider .slick-track {
  display: flex; }

.content-slider .slick-slide {
  margin: 0 0.375rem;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center; }
  .content-slider .slick-slide > div {
    width: 100%;
    height: 100%; }

.content-slider__wrapper {
  position: relative; }
  .content-slider__wrapper[class*='bg-']:not(.bg-transparent) {
    padding: 3rem 0; }
    .content-slider__wrapper[class*='bg-']:not(.bg-transparent)::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 50%;
      background-color: inherit;
      width: 100vw;
      height: 100%;
      transform: translateX(50vw); }

.funnel-teaser-container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .funnel-teaser-container {
      padding-top: 2.25rem;
      padding-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .funnel-teaser-container {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }

.footer {
  background: #134d9b;
  padding-bottom: 2.25rem;
  position: relative;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-top: 1.5rem; }
  @media (min-width: 480px) {
    .footer {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 650px) {
    .footer {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem;
      padding-left: 2.25rem;
      padding-right: 2.25rem; } }
  @media (min-width: 768px) {
    .footer {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1200px) {
    .footer {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 650px) {
    .footer {
      margin-top: 2.25rem; } }
  @media (min-width: 1024px) {
    .footer {
      margin-top: 3.75rem; } }
  @media (min-width: 650px) {
    .footer {
      padding-bottom: 3rem; } }
  .footer--awards {
    margin-top: 0; }
  .footer a {
    text-decoration: none; }
    .footer a:hover {
      text-decoration: underline; }
  .footer ul {
    list-style: none; }
    .footer ul:not(.footer-nav) {
      margin: 0; }
  .footer .breadcrumb {
    padding-top: 2.25rem; }
    @media (min-width: 650px) {
      .footer .breadcrumb {
        padding-top: 3rem; } }
  .footer__info-wrapper {
    padding: 2.25rem 0; }
    @media (min-width: 768px) {
      .footer__info-wrapper {
        padding-top: 3rem;
        padding-left: 0.375rem; } }
    @media (min-width: 1024px) {
      .footer__info-wrapper {
        padding-left: 2.25rem; } }
    @media (min-width: 1200px) {
      .footer__info-wrapper {
        padding-left: 0.75rem; } }
  @media (min-width: 768px) {
    .footer__info:nth-child(1), .footer__info:nth-child(2) {
      margin-bottom: 0; } }
  .footer__info-list {
    padding: 0; }
    @media (min-width: 768px) {
      .footer__info-list.collapse {
        display: block !important; } }
    @media (min-width: 768px) {
      .footer__info-list-link {
        text-decoration: none; } }
    .footer__info-list-toggle {
      position: absolute;
      padding-right: 0.75rem;
      top: 0;
      right: 0;
      width: 3rem;
      text-align: right;
      padding-top: 0.1875rem;
      cursor: pointer; }
      .footer__info-list-toggle svg {
        fill: white;
        transition: transform .25s ease; }
      .footer__info-list-toggle[aria-expanded=false] svg {
        transform: rotate(180deg); }
      @media (min-width: 768px) {
        .footer__info-list-toggle {
          display: none !important; } }
    .footer__info-list-item {
      position: relative; }
      @media (min-width: 768px) {
        .footer__info-list-item {
          border-bottom: none; } }
      .footer__info-list-item a {
        display: block; }
      .footer__info-list-item--level1 {
        font-family: "77-black-condensed", Arial, sans-serif;
        border-bottom: 2px solid #3d70b7;
        padding-right: 1.5rem; }
        @media (min-width: 768px) {
          .footer__info-list-item--level1 {
            border-bottom: none; } }
        @media (min-width: 1024px) {
          .footer__info-list-item--level1 {
            padding-right: 4.5rem; } }
        .footer__info-list-item--level1 a {
          margin-bottom: 0.5625rem;
          margin-top: 0.5625rem;
          font-size: 1.125rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; }
          @media (min-width: 768px) {
            .footer__info-list-item--level1 a {
              border-bottom: 1px solid #99b6d5; } }
      .footer__info-list-item--level2 {
        font-family: "77-black-condensed", Arial, sans-serif;
        text-transform: none; }
        .footer__info-list-item--level2:last-child {
          margin-bottom: 0; }
        .footer__info-list-item--level2 a {
          border-bottom: none;
          font-size: 1rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; }
      .footer__info-list-item--level3 {
        font-family: "57-condensed", Arial, sans-serif; }
        .footer__info-list-item--level3 a {
          font-size: 1rem;
          line-height: 1.39;
          margin-bottom: 0.5625rem !important; }
          @media (min-width: 768px) {
            .footer__info-list-item--level3 a {
              padding-left: 0;
              padding-top: 0; } }
      .footer__info-list-item--level2:last-child, .footer__info-list-item--level3:last-child {
        border-bottom: 0; }
  .footer__nav {
    padding: 1.5rem 0 0.75rem 0;
    column-count: 2;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .footer__nav {
        padding: 1.5rem 0;
        column-count: auto;
        display: flex;
        justify-content: space-between; } }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .footer__nav {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.5rem -0.375rem; } }
    .footer__nav-item {
      vertical-align: top;
      margin-bottom: 0.5625rem;
      display: inline-block;
      width: 100%;
      hyphens: auto; }
      @media (min-width: 768px) and (max-width: 1023.98px) {
        .footer__nav-item {
          padding: 0 0.375rem; } }
      @media (min-width: 768px) {
        .footer__nav-item {
          display: inline;
          width: auto; } }
      @media (min-width: 1024px) and (max-width: 1199.98px) {
        .footer__nav-item .textlink {
          font-size: 1rem; } }
  .footer__copyright {
    display: block;
    margin-top: 1.5rem;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
  .footer__logos {
    padding-top: 3rem;
    padding-left: 0;
    text-align: center;
    display: flex;
    justify-content: center; }
    .footer__logos--reduced {
      padding-top: 0; }
    .footer__logos-item {
      display: inline-block;
      padding: 0.375rem;
      width: 32%;
      background: #f5f6f7; }
      .footer__logos-item:not(:last-child) {
        margin-right: 0.375rem; }
      @media (min-width: 480px) {
        .footer__logos-item {
          width: 32.75%; } }
      @media (min-width: 768px) {
        .footer__logos-item {
          width: 12.75rem; } }
      .footer__logos-item a {
        display: block; }
      .footer__logos-item img {
        max-width: 100%; }
  .footer__social {
    padding: 1.5rem 0 0 0;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .footer__social {
        padding-right: 1.5rem;
        text-align: right;
        min-width: 350px; } }
    @media (min-width: 1024px) {
      .footer__social {
        text-align: right;
        position: absolute;
        right: 0;
        padding-right: 0.375rem; } }
    .footer__social a {
      height: 100%;
      display: block; }
  .footer.skew--topleft {
    padding-top: 3rem; }

.hardware-container {
  position: relative;
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto; }
  .hardware-container__items-group {
    width: 100%; }
  .hardware-container__items {
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 650px) {
      .hardware-container__items {
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 6px; } }
  .hardware-container .hardware-box {
    margin: 0.375rem;
    width: calc(100% - 0.75rem); }
    @media (min-width: 768px) {
      .hardware-container .hardware-box {
        width: calc(100% / 2 - 0.75rem); } }
    @media (min-width: 1200px) {
      .hardware-container .hardware-box {
        width: calc(100% / 3 - 0.75rem); } }

.hw-comparison__devices {
  display: flex; }
  @media (min-width: 480px) {
    .hw-comparison__devices {
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden; } }
  .hw-comparison__devices .select-container {
    width: 100%; }

.hw-comparison__devices-wrapper {
  display: flex;
  overflow-x: auto;
  width: 635px; }
  @media (min-width: 480px) {
    .hw-comparison__devices-wrapper {
      width: 930px; } }
  @media (min-width: 1024px) {
    .hw-comparison__devices-wrapper {
      width: 930px; } }
  @media (min-width: 1200px) {
    .hw-comparison__devices-wrapper {
      width: 1190px; } }

.hw-comparison__device {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 165px;
  min-width: 165px; }
  @media (min-width: 480px) {
    .hw-comparison__device {
      width: 250px;
      min-width: 250px; } }
  @media (min-width: 1024px) {
    .hw-comparison__device {
      width: 250px;
      min-width: 250px; } }
  @media (min-width: 1200px) {
    .hw-comparison__device {
      width: 330px;
      min-width: 330px; } }
  .hw-comparison__device:first-of-type {
    margin-left: 140px; }
    @media (min-width: 480px) {
      .hw-comparison__device:first-of-type {
        margin-left: 180px; } }
    @media (min-width: 1024px) {
      .hw-comparison__device:first-of-type {
        margin-left: 180px; } }
    @media (min-width: 1200px) {
      .hw-comparison__device:first-of-type {
        margin-left: 200px; } }

.hw-comparison__visuals {
  position: relative; }
  .hw-comparison__visuals-image--back {
    max-height: 220px;
    max-width: 154px; }
  .hw-comparison__visuals-image--front {
    position: absolute;
    top: 0;
    left: 10%;
    max-height: 220px;
    max-width: 154px; }

.hw-comparison__table {
  display: flex; }

.hw-comparison__accordion {
  padding: 0;
  overflow-x: auto;
  width: 635px; }
  @media (min-width: 480px) {
    .hw-comparison__accordion {
      width: 930px; } }
  @media (min-width: 1024px) {
    .hw-comparison__accordion {
      width: 930px; } }
  @media (min-width: 1200px) {
    .hw-comparison__accordion {
      width: 1190px; } }

.hw-comparison__accordion-head {
  height: 3.125rem;
  background-color: #003d8f;
  color: #fff;
  padding: 0.75rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 0.875rem;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  width: 635px; }
  @media (min-width: 480px) {
    .hw-comparison__accordion-head {
      width: 930px;
      font-size: 1.125rem; } }
  @media (min-width: 1024px) {
    .hw-comparison__accordion-head {
      width: 930px; } }
  @media (min-width: 1200px) {
    .hw-comparison__accordion-head {
      width: 1190px; } }
  .hw-comparison__accordion-head span {
    position: absolute;
    font-size: 0.875rem; }
    @media (min-width: 480px) {
      .hw-comparison__accordion-head span {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .hw-comparison__accordion-head span {
        font-size: 1rem; } }
    @media (min-width: 1200px) {
      .hw-comparison__accordion-head span {
        font-size: 1.125rem; } }

.hw-comparison__accordion-title {
  position: relative;
  width: 140px; }
  @media (min-width: 480px) {
    .hw-comparison__accordion-title {
      width: 180px; } }
  @media (min-width: 1024px) {
    .hw-comparison__accordion-title {
      width: 180px; } }
  @media (min-width: 1200px) {
    .hw-comparison__accordion-title {
      width: 200px; } }

.hw-comparison__accordion-arrow {
  position: absolute; }
  @media (min-width: 1200px) {
    .hw-comparison__accordion-arrow {
      float: right;
      position: inherit; } }

.hw-comparison__table-row-title {
  position: relative;
  background: inherit;
  width: 140px;
  min-width: 140px; }
  @media (min-width: 480px) {
    .hw-comparison__table-row-title {
      width: 180px;
      min-width: 180px; } }
  @media (min-width: 1024px) {
    .hw-comparison__table-row-title {
      width: 180px;
      min-width: 180px; } }
  @media (min-width: 1200px) {
    .hw-comparison__table-row-title {
      width: 200px;
      min-width: 200px; } }
  .hw-comparison__table-row-title span,
  .hw-comparison__table-row-title sub {
    font-family: "77-black-condensed", Arial, sans-serif;
    font-size: 0.875rem; }
    @media (min-width: 480px) {
      .hw-comparison__table-row-title span,
      .hw-comparison__table-row-title sub {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .hw-comparison__table-row-title span,
      .hw-comparison__table-row-title sub {
        font-size: 1rem; } }
    @media (min-width: 1200px) {
      .hw-comparison__table-row-title span,
      .hw-comparison__table-row-title sub {
        font-size: 1.125rem; } }

.hw-comparison__table-row-spec {
  width: 165px;
  min-width: 165px; }
  @media (min-width: 480px) {
    .hw-comparison__table-row-spec {
      width: 250px;
      min-width: 250px; } }
  @media (min-width: 1024px) {
    .hw-comparison__table-row-spec {
      width: 250px;
      min-width: 250px; } }
  @media (min-width: 1200px) {
    .hw-comparison__table-row-spec {
      width: 330px;
      min-width: 330px; } }
  .hw-comparison__table-row-spec span,
  .hw-comparison__table-row-spec sub {
    font-size: 0.875rem; }
    @media (min-width: 480px) {
      .hw-comparison__table-row-spec span,
      .hw-comparison__table-row-spec sub {
        font-size: 1rem; } }
    @media (min-width: 1024px) {
      .hw-comparison__table-row-spec span,
      .hw-comparison__table-row-spec sub {
        font-size: 1rem; } }
    @media (min-width: 1200px) {
      .hw-comparison__table-row-spec span,
      .hw-comparison__table-row-spec sub {
        font-size: 1.125rem; } }

.hw-comparison__table-row {
  display: flex;
  flex-wrap: nowrap;
  width: 635px; }
  @media (min-width: 480px) {
    .hw-comparison__table-row {
      width: 930px; } }
  @media (min-width: 1024px) {
    .hw-comparison__table-row {
      width: 930px; } }
  @media (min-width: 1200px) {
    .hw-comparison__table-row {
      width: 1190px; } }
  .hw-comparison__table-row:nth-child(odd) {
    background: #fff; }
    .hw-comparison__table-row:nth-child(odd) > div:not(:last-child) {
      border-right: 1px solid #f4f4f4; }
  .hw-comparison__table-row:nth-child(even) {
    background-color: #f4f4f4; }
    .hw-comparison__table-row:nth-child(even) > div:not(:last-child) {
      border-right: 1px solid #fff; }
  .hw-comparison__table-row > div {
    padding: 0.75rem; }

.hw-configurator-result {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .hw-configurator-result {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .hw-configurator-result {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  .hw-configurator-result__visuals {
    position: relative;
    margin-bottom: 2.25rem; }
    @media (min-width: 768px) {
      .hw-configurator-result__visuals {
        margin-bottom: 0; } }
  .hw-configurator-result__devices {
    width: 50%;
    position: relative; }
  .hw-configurator-result__device {
    width: 75%; }
    .hw-configurator-result__device:nth-child(2) {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1; }
    .hw-configurator-result__device img {
      width: 100%; }
  .hw-configurator-result__gadget {
    position: absolute;
    left: 60%;
    width: 30%;
    bottom: 0;
    z-index: 5; }
    .hw-configurator-result__gadget img {
      width: 100%; }
  .hw-configurator-result__connector {
    position: absolute;
    width: 10%;
    height: 0;
    padding-bottom: 10%;
    right: 40%;
    bottom: 40%;
    z-index: 10;
    border-radius: 50%;
    background: #f3e11e; }
    .hw-configurator-result__connector svg {
      fill: #003d8f;
      position: absolute;
      width: 50%;
      height: 50%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .hw-configurator-result .price-order-block {
    margin-top: 1.5rem;
    text-align: center;
    color: #003d8f; }
    @media (min-width: 768px) {
      .hw-configurator-result .price-order-block {
        margin-top: 2.25rem; } }
    .hw-configurator-result .price-order-block .price {
      display: inline-flex; }
    .hw-configurator-result .price-order-block__subtext {
      font-size: 0.875rem; }
      @media (min-width: 650px) {
        .hw-configurator-result .price-order-block__subtext {
          font-size: 1.125rem; } }

@media (max-width: 479.98px) {
  .hw-configurator-slider__visuals {
    margin-left: calc((0.75rem + 12px) * -1);
    margin-right: calc((0.75rem + 12px) * -1); } }

@media (min-width: 480px) and (max-width: 649.98px) {
  .hw-configurator-slider__visuals {
    margin-left: calc((1.5rem + 12px) * -1);
    margin-right: calc((1.5rem + 12px) * -1); } }

.hw-configurator-slider__visuals .slick-slide {
  width: 40vw; }

.hw-configurator-slider .slick-arrow {
  cursor: pointer;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  width: 3.125rem;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.75) 60%, rgba(255, 255, 255, 0) 100%); }
  .hw-configurator-slider .slick-arrow--next {
    left: auto;
    right: 0;
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0.75) 60%, rgba(255, 255, 255, 0) 100%); }
    .hw-configurator-slider .slick-arrow--next .slick-arrow--inner {
      right: 0; }
  .hw-configurator-slider .slick-arrow--inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .hw-configurator-slider .slick-arrow.slick-disabled {
    opacity: 0;
    cursor: auto; }
  .hw-configurator-slider .slick-arrow .icon {
    position: relative; }

.hwd-configuration-section {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .hwd-configuration-section {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .hwd-configuration-section {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }

.hwd-header {
  position: relative;
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 480px) {
    .hwd-header {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 650px) {
    .hwd-header {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem;
      padding-left: 2.25rem;
      padding-right: 2.25rem; } }
  @media (min-width: 768px) {
    .hwd-header {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1200px) {
    .hwd-header {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 650px) {
    .hwd-header {
      margin-bottom: 2.25rem; } }
  @media (min-width: 768px) {
    .hwd-header {
      padding-top: calc(1.875rem + 1.125rem); } }
  @media (min-width: 1024px) {
    .hwd-header {
      margin-bottom: 3.75rem; } }
  .hwd-header__bg-image-container img {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0; }
    @media (min-width: 1024px) {
      .hwd-header__bg-image-container img {
        max-width: 1920px; } }
    @media (min-width: 1200px) {
      .hwd-header__bg-image-container img {
        width: auto;
        left: 50%;
        transform: translateX(-50%); } }
  @media (min-width: 768px) {
    .hwd-header__benefits {
      min-height: 110px; } }
  @media (min-width: 1200px) {
    .hwd-header__benefits {
      min-height: 200px; } }
  .hwd-header__preline {
    margin-bottom: 0.75rem; }
    .hwd-header__preline {
      font-size: 16px; }
      @media screen and (max-width: 767px) and (min-width: 511.33333px) {
        .hwd-header__preline {
          font-size: calc(0.03129 * 100vw); } }
      @media screen and (min-width: 767px) {
        .hwd-header__preline {
          font-size: 24px; } }
    @media (min-width: 768px) {
      .hwd-header__preline {
        font-size: 16px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 800px) {
    .hwd-header__preline {
      font-size: calc(0.02 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .hwd-header__preline {
      font-size: 24px; } }
  @media (min-width: 1200px) {
    .hwd-header__preline > *, .hwd-header__headline > *, .hwd-header__benefits > * {
      margin-left: 2.5rem; } }
  @media (min-width: 1200px) {
    .hwd-header__headline > *, .hwd-header__benefits > * {
      width: calc(100% - 2.5rem); } }
  .hwd-header__headline > h1 {
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.22; }
    @media (min-width: 480px) {
      .hwd-header__headline > h1 {
        font-size: 1.75rem;
        line-height: 1.22; } }
    @media (min-width: 650px) {
      .hwd-header__headline > h1 {
        font-size: 2.5rem;
        line-height: 1.22; } }
    @media (min-width: 768px) {
      .hwd-header__headline > h1 {
        font-size: 1.75rem;
        line-height: 1.22; } }
    @media (min-width: 1024px) {
      .hwd-header__headline > h1 {
        font-size: 2.25rem;
        line-height: 1.22; } }
    @media (min-width: 1200px) {
      .hwd-header__headline > h1 {
        font-size: 2.8125rem;
        line-height: 1.22; } }
  .hwd-header__benefits {
    color: #fff;
    margin-bottom: 0.75rem; }
    .hwd-header__benefits .benefits__text {
      line-height: 1.39 !important;
      font-size: 0.875rem; }
      @media (min-width: 480px) {
        .hwd-header__benefits .benefits__text {
          font-size: 1rem; } }
      @media (min-width: 650px) {
        .hwd-header__benefits .benefits__text {
          font-size: 1.25rem; } }
      @media (min-width: 768px) {
        .hwd-header__benefits .benefits__text {
          font-size: 1rem; } }
      @media (min-width: 1024px) {
        .hwd-header__benefits .benefits__text {
          font-size: 1.25rem; } }
      @media (min-width: 1200px) {
        .hwd-header__benefits .benefits__text {
          font-size: 1.5rem; } }
  .hwd-header__container-badge {
    margin-top: auto;
    text-align: right; }
    .hwd-header__container-badge > img,
    .hwd-header__container-badge > object,
    .hwd-header__container-badge .countdown {
      width: 100%; }
      @media (min-width: 1200px) {
        .hwd-header__container-badge > img,
        .hwd-header__container-badge > object,
        .hwd-header__container-badge .countdown {
          max-width: 160px; } }
  .hwd-header__container-device {
    position: relative;
    margin-bottom: 0.75rem; }
    @media (min-width: 650px) {
      .hwd-header__container-device {
        margin-bottom: 1.5rem; } }
    @media (min-width: 768px) {
      .hwd-header__container-device {
        margin-bottom: 0; } }
    .hwd-header__container-device img,
    .hwd-header__container-device picture {
      width: calc(((100% * 2) / 3) * .82);
      position: absolute;
      padding: 0 0.375rem;
      bottom: 0; }
      .hwd-header__container-device img[data-view=back],
      .hwd-header__container-device picture[data-view=back] {
        transform: rotate(-10deg);
        margin-left: 9%;
        z-index: 1; }
      .hwd-header__container-device img[data-view=front],
      .hwd-header__container-device picture[data-view=front] {
        right: 0;
        transform: rotate(9deg);
        margin-right: 9%;
        margin-bottom: 14%;
        z-index: 2; }
      .hwd-header__container-device img[data-view=shadow],
      .hwd-header__container-device picture[data-view=shadow] {
        transform: translateY(50%);
        left: 18%;
        z-index: 0; }
  .hwd-header__container-service-card {
    margin-top: 0.75rem;
    position: relative; }
    @media (min-width: 768px) {
      .hwd-header__container-service-card {
        margin-top: auto; } }
    .hwd-header__container-service-card .service-card {
      margin-bottom: 0;
      padding: 0; }
  .hwd-header__container-prices {
    margin-top: 0.75rem;
    display: block;
    width: auto;
    margin-left: auto; }
    @media (min-width: 768px) {
      .hwd-header__container-prices {
        margin-left: 0;
        margin-top: auto; } }
  .hwd-header__container-price > span {
    display: block;
    color: #3c3c3c;
    font-size: 0.75rem;
    line-height: 1.39; }
  .hwd-header__container-price > .textlink {
    display: block; }
  .hwd-header--bsc .hwd-header__container-device img,
  .hwd-header--bsc .hwd-header__container-device picture {
    width: 100%;
    z-index: 2; }
    .hwd-header--bsc .hwd-header__container-device img[data-view=back], .hwd-header--bsc .hwd-header__container-device img[data-view=front],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=back],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=front] {
      transform: rotate(0); }
    .hwd-header--bsc .hwd-header__container-device img[data-view=back], .hwd-header--bsc .hwd-header__container-device img[data-view=front], .hwd-header--bsc .hwd-header__container-device img[data-view=shadow],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=back],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=front],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=shadow] {
      margin: 0;
      right: unset; }
      @media (min-width: 1024px) {
        .hwd-header--bsc .hwd-header__container-device img[data-view=back], .hwd-header--bsc .hwd-header__container-device img[data-view=front], .hwd-header--bsc .hwd-header__container-device img[data-view=shadow],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=back],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=front],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=shadow] {
          width: 90%;
          margin: 0 auto; } }
      @media (min-width: 1200px) {
        .hwd-header--bsc .hwd-header__container-device img[data-view=back], .hwd-header--bsc .hwd-header__container-device img[data-view=front], .hwd-header--bsc .hwd-header__container-device img[data-view=shadow],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=back],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=front],
        .hwd-header--bsc .hwd-header__container-device picture[data-view=shadow] {
          width: 100%;
          margin: 0; } }
    .hwd-header--bsc .hwd-header__container-device img[data-view=shadow],
    .hwd-header--bsc .hwd-header__container-device picture[data-view=shadow] {
      width: 100%;
      z-index: 0;
      left: unset; }
  .hwd-header__image-button {
    text-align: right; }
    @media (min-width: 768px) {
      .hwd-header__image-button {
        text-align: left; } }

.image-grid {
  padding: 0.75rem;
  padding-bottom: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .image-grid {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .image-grid {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  .image-grid__image {
    padding-bottom: 0.75rem; }
  .image-grid--1 {
    padding: 0; }
    .image-grid--1 .image-grid__image {
      padding-bottom: 0; }

.image-text-block {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem; }
  @media (min-width: 650px) {
    .image-text-block {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .image-text-block {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  @media (min-width: 480px) {
    .image-text-block {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 650px) {
    .image-text-block {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem;
      padding-left: 2.25rem;
      padding-right: 2.25rem; } }
  @media (min-width: 768px) {
    .image-text-block {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1200px) {
    .image-text-block {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 1024px) {
    .image-text-block .row {
      display: flex;
      align-items: flex-start; } }
  .image-text-block__item:first-child {
    margin-bottom: 1.5rem; }
    @media (min-width: 1024px) {
      .image-text-block__item:first-child {
        margin-bottom: 0; } }
  .image-text-block img,
  .image-text-block picture {
    max-width: 100%;
    display: block;
    margin: 0 auto; }
  @media (min-width: 1024px) {
    .image-text-block--center-aligned .row {
      align-items: center; } }
  @media (min-width: 1024px) {
    .image-text-block--bottom-aligned .row {
      align-items: flex-end; } }

.infoboxes {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .infoboxes {
      padding-top: 2.25rem;
      padding-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .infoboxes {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }
  .infoboxes .slick-track {
    display: flex; }
  .infoboxes .slick-slide {
    margin-right: 0.75rem;
    margin-top: 0.75rem; }
  .infoboxes .slick-current .infobox__container {
    border: 1px solid #003d8f; }
  .infoboxes .infobox:first-child:nth-last-child(4) .infobox__headline,
  .infoboxes .infobox:first-child:nth-last-child(4) ~ div .infobox__headline {
    font-size: 1.5rem;
    margin-bottom: 0.5625rem !important; }
  .infoboxes__content {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    flex: 0 0 auto; }
    .infoboxes__content:not(.slick-initialized) {
      flex-direction: row;
      margin: 0 auto; }
  .infoboxes .thumbnail-container {
    margin-bottom: 1.5rem; }
  .infoboxes--with-halo .infoboxes__content:not(.slick-initialized) {
    padding-top: 4rem; }

.marketing-box {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .marketing-box {
      padding-top: 2.25rem;
      padding-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .marketing-box {
      padding-top: 3.75rem;
      padding-bottom: 3.75rem; } }
  @media (min-width: 1200px) {
    .marketing-box {
      min-height: calc(550px + 7.5rem); } }
  .marketing-box__content {
    flex: 1;
    position: relative; }
    @media (min-width: 1200px) {
      .marketing-box__content {
        display: flex;
        flex-direction: column; } }
    .marketing-box__content .btn--info {
      margin-bottom: 0; }
  .marketing-box--fullwidth {
    width: calc(100% + 2 * 0.75rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    overflow: visible; }
    @media (min-width: 480px) {
      .marketing-box--fullwidth {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 650px) {
      .marketing-box--fullwidth {
        width: calc(100% + 2 * 2.25rem);
        margin-left: -2.25rem;
        margin-right: -2.25rem; } }
    @media (min-width: 768px) {
      .marketing-box--fullwidth {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 1200px) {
      .marketing-box--fullwidth {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .marketing-box--fullwidth .marketing-box__content {
      position: relative; }
    @media (min-width: 1200px) {
      .marketing-box--fullwidth .marketing-box__content {
        max-width: 1200px;
        left: 50%;
        transform: translateX(-50%); } }
    .marketing-box--fullwidth .marketing-box__extension-trigger {
      display: block; }
    @media (min-width: 1200px) {
      .marketing-box--fullwidth .marketing-box__background {
        position: absolute;
        left: calc(720px / 2 * -1);
        width: 1920px;
        height: 100%;
        margin: 0; } }
    .marketing-box--fullwidth .marketing-box__image-wrapper {
      overflow: visible; }
  .marketing-box__image-wrapper {
    height: 260px;
    position: relative;
    flex: 1;
    overflow: hidden; }
    @media (min-width: 650px) {
      .marketing-box__image-wrapper {
        height: 360px; } }
    @media (min-width: 1024px) {
      .marketing-box__image-wrapper {
        height: 510px; } }
    @media (min-width: 1200px) {
      .marketing-box__image-wrapper {
        height: 100%; } }
  .marketing-box__background {
    height: 100%;
    flex: 1; }
    .marketing-box__background picture {
      height: 100%; }
    .marketing-box__background img {
      height: 100%;
      right: 50%;
      top: 0;
      position: absolute;
      transform: translateX(50%); }
    @media (min-width: 1200px) {
      .marketing-box__background {
        margin: 0 -0.75rem; }
        .marketing-box__background picture {
          height: auto;
          max-height: 100%; }
        .marketing-box__background img {
          height: auto;
          max-height: 100%; } }
  .marketing-box__cutout {
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    right: 50%;
    transform: translateX(50%); }
    .marketing-box__cutout--center {
      top: 50%;
      transform: translate(50%, -50%); }
    .marketing-box__cutout--bottom {
      top: auto;
      bottom: 0; }
    .marketing-box__cutout img {
      max-height: 260px;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
      @media (min-width: 650px) {
        .marketing-box__cutout img {
          max-height: 360px; } }
      @media (min-width: 1024px) {
        .marketing-box__cutout img {
          max-height: 510px; } }
      @media (min-width: 1200px) {
        .marketing-box__cutout img {
          max-height: 550px; } }
    @media (min-width: 1024px) {
      .marketing-box__cutout {
        max-height: 100%; } }
    @media (min-width: 1200px) {
      .marketing-box__cutout {
        height: auto;
        right: calc(75% - 2.25rem / 2); }
        .marketing-box--text-left .marketing-box__cutout {
          right: calc((50% + 2.25rem) / 2); } }
  .marketing-box__badge {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 0;
    left: 0;
    z-index: 1;
    transform: translate(-18%, -18%); }
    @media (min-width: 650px) {
      .marketing-box__badge {
        width: 140px;
        height: 140px; } }
    @media (min-width: 1024px) {
      .marketing-box__badge {
        width: 200px;
        height: 200px; } }
    .marketing-box--fullwidth .marketing-box__badge {
      left: 1.5rem; }
      @media (min-width: 480px) {
        .marketing-box--fullwidth .marketing-box__badge {
          left: 2.25rem; } }
      @media (min-width: 650px) {
        .marketing-box--fullwidth .marketing-box__badge {
          left: 3rem; } }
      @media (min-width: 768px) {
        .marketing-box--fullwidth .marketing-box__badge {
          left: 2.25rem; } }
      @media (min-width: 1200px) {
        .marketing-box--fullwidth .marketing-box__badge {
          left: 0; } }
    .marketing-box__badge img,
    .marketing-box__badge object {
      width: 100%;
      height: 100%; }
    .marketing-box__badge--right {
      left: auto;
      right: 0;
      transform: translate(18%, -18%); }
      .marketing-box--fullwidth .marketing-box__badge--right {
        left: auto;
        right: 1.5rem; }
        @media (min-width: 480px) {
          .marketing-box--fullwidth .marketing-box__badge--right {
            right: 2.25rem; } }
        @media (min-width: 650px) {
          .marketing-box--fullwidth .marketing-box__badge--right {
            right: 3rem; } }
        @media (min-width: 768px) {
          .marketing-box--fullwidth .marketing-box__badge--right {
            right: 2.25rem; } }
        @media (min-width: 1200px) {
          .marketing-box--fullwidth .marketing-box__badge--right {
            right: 0; } }
    @media (min-width: 1200px) {
      .marketing-box__badge--center {
        top: 50%;
        transform: translate(-18%, -50%); }
        .marketing-box__badge--center.marketing-box__badge--right {
          transform: translate(18%, -50%); }
      .marketing-box__badge--bottom {
        top: auto;
        bottom: 0;
        transform: translate(-18%, 18%); }
        .marketing-box__badge--bottom.marketing-box__badge--right {
          transform: translate(18%, 18%); } }
  .marketing-box__text {
    padding: 1.5rem; }
    .marketing-box__text p,
    .marketing-box__text .benefits li {
      font-size: 1.25rem;
      line-height: 1.39;
      margin-bottom: 0.5625rem !important; }
    .marketing-box__text h2, .marketing-box__text .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .marketing-box__text .benefits__text,
    .marketing-box__text .h2 {
      font-size: 1.75rem;
      line-height: 1.22;
      margin-bottom: 0.75rem !important;
      font-family: "77-black-condensed", Arial, sans-serif; }
      @media (min-width: 650px) {
        .marketing-box__text h2, .marketing-box__text .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .marketing-box__text .benefits__text,
        .marketing-box__text .h2 {
          font-size: 2rem;
          line-height: 1.22;
          margin-bottom: 0.75rem !important; } }
      @media (min-width: 1024px) {
        .marketing-box__text h2, .marketing-box__text .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .marketing-box__text .benefits__text,
        .marketing-box__text .h2 {
          font-size: 2.25rem;
          line-height: 1.22;
          margin-bottom: 0.75rem !important; } }
    @media (min-width: 768px) {
      .marketing-box__text {
        padding: 2.25rem; } }
    @media (min-width: 1200px) {
      .marketing-box__text {
        left: calc(50% + 2.25rem);
        position: absolute;
        bottom: 1.5rem;
        width: calc(50% - 2 * 2.25rem); }
        .marketing-box--text-left .marketing-box__text {
          left: 2.25rem; }
        .marketing-box__text-wrapper {
          margin: 0 auto;
          position: absolute;
          bottom: 0;
          right: 50%;
          width: 1200px;
          transform: translateX(50%); } }
    .marketing-box--extension .marketing-box__text {
      padding-bottom: 3.75rem; }
    .marketing-box__text > *:last-child {
      margin-bottom: 0; }
    .marketing-box__text .benefits {
      margin-bottom: 0.75rem; }
    .marketing-box__text mark, .marketing-box__text .countdown-label, .marketing-box__text .countdown-label--primary, .marketing-box__text .countdown-label--secondary {
      font-size: 1rem;
      line-height: 1.39;
      margin-bottom: 0.375rem;
      padding: 0.1875rem 0.375rem; }
      @media (min-width: 650px) {
        .marketing-box__text mark, .marketing-box__text .countdown-label, .marketing-box__text .countdown-label--primary, .marketing-box__text .countdown-label--secondary {
          font-size: 1.125rem;
          line-height: 1.39; } }
  .marketing-box__extension {
    position: relative;
    padding: 3.75rem 0 48px;
    margin-bottom: 1.5rem;
    margin-top: -1.5rem; }
    @media (min-width: 650px) {
      .marketing-box__extension {
        margin-top: -2.25rem;
        margin-bottom: 2.25rem;
        padding-bottom: 60px; } }
    @media (min-width: 1024px) {
      .marketing-box__extension {
        margin-top: -3.75rem;
        margin-bottom: 3.75rem;
        padding-bottom: 72px; } }
    .marketing-box__extension-trigger {
      display: none;
      height: 48px;
      width: 48px;
      border: 2px solid #003d8f;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: transform 0.3s;
      cursor: pointer; }
      .marketing-box__extension-trigger .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -45%);
        fill: #003d8f; }
      .marketing-box__extension-trigger.open {
        display: block;
        transform: rotate(180deg) translate(50%, 50%); }
      @media (min-width: 650px) {
        .marketing-box__extension-trigger {
          width: 60px;
          height: 60px; } }
      @media (min-width: 1024px) {
        .marketing-box__extension-trigger {
          width: 72px;
          height: 72px; } }
      @media (min-width: 1200px) {
        .marketing-box__extension-trigger {
          top: calc(100% + 0.75rem); } }
    .marketing-box__extension .marketing-box__extension-trigger {
      transform: translate(-50%, -100%); }
      @media (min-width: 1200px) {
        .marketing-box__extension .marketing-box__extension-trigger {
          top: 100%; } }
      .marketing-box__extension .marketing-box__extension-trigger.open {
        transform: rotate(180deg) translate(50%, 100%); }

body:not(.body--tunnel) .header {
  padding-top: 62px;
  transition: padding-top .4s ease; }
  body:not(.body--tunnel) .header.header--small {
    padding-top: 0; }
  @media (min-width: 1024px) {
    body:not(.body--tunnel) .header {
      padding-top: 0;
      transition: inherit; } }

.body--tunnel .header {
  padding-top: 62px; }
  @media (min-width: 768px) {
    .body--tunnel .header {
      padding-top: 74px; } }
  @media (min-width: 1024px) {
    .body--tunnel .header {
      padding-top: 0; } }

.header {
  position: relative;
  z-index: 20; }

.navigation-partner {
  display: flex;
  font-family: "77-black-condensed", Arial, sans-serif;
  line-height: 20px;
  height: 55px;
  padding: 0 0.75rem 0 0.75rem;
  position: relative;
  z-index: 5;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 480px) {
    .navigation-partner {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .navigation-partner {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .navigation-partner {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .navigation-partner {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .navigation-partner__link {
    text-decoration: none; }
  .navigation-partner__link:hover {
    text-decoration: underline; }
  .navigation-partner__text {
    width: 100%; }
  @media (min-width: 1024px) {
    .navigation-partner {
      border-bottom: 1px solid #6e91ba; } }

.navigation__kwk-header {
  border-bottom: 1px solid #003d8f;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 480px) {
    .navigation__kwk-header {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .navigation__kwk-header {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .navigation__kwk-header {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .navigation__kwk-header {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 768px) {
    .navigation__kwk-header {
      padding: 0 1.5rem; } }

.navigation__kwk-text {
  display: inline-block;
  margin-right: 0.75rem; }

.navigation {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 62px;
  transition: max-height 0.3s;
  z-index: 2;
  height: 100%;
  background: #00327f;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  @media (min-width: 480px) {
    .navigation {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .navigation {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .navigation {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .navigation {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  .navigation--expanded {
    position: fixed;
    max-height: 1000px;
    height: 100%;
    overflow-y: auto;
    width: 100%;
    margin: 0; }
    .navigation--expanded .navigation__meta,
    .navigation--expanded .navigation__main-wrap .navigation__e2 {
      display: block; }
  .navigation.navigation--sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #00327f;
    margin: 0; }
  @media (min-width: 1024px) {
    .navigation {
      display: block;
      position: relative;
      z-index: 5;
      overflow: visible;
      max-height: inherit;
      transition: inherit;
      height: auto; } }
  .navigation__meta {
    display: none;
    order: 2;
    padding: 0.75rem;
    padding-top: 0; }
    @media (min-width: 1024px) {
      .navigation__meta {
        display: block;
        padding: 0;
        background-color: #fff; } }
    @media (min-width: 1024px) {
      .navigation__meta-wrap {
        max-width: 1224px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        padding: 0 2.25rem;
        height: 40px;
        align-items: center; } }
    @media (min-width: 1200px) {
      .navigation__meta-wrap {
        padding: 0 0.75rem; } }
    .navigation__meta-wrap .navigation__e0 {
      position: absolute;
      top: 4.5rem;
      left: 1.5rem;
      background: #fff;
      padding: 0;
      opacity: 1;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      border-radius: 5px; }
      .navigation__e2--expanded .navigation__meta-wrap .navigation__e0 {
        opacity: 0; }
      @media (min-width: 480px) {
        .navigation__meta-wrap .navigation__e0 {
          left: 2.25rem; } }
      @media (min-width: 650px) {
        .navigation__meta-wrap .navigation__e0 {
          left: 3rem; } }
      @media (min-width: 768px) {
        .navigation__meta-wrap .navigation__e0 {
          left: 2.25rem; } }
      @media (min-width: 1024px) {
        .navigation__meta-wrap .navigation__e0 {
          position: inherit;
          top: 0;
          left: 0;
          opacity: 1;
          padding: 0;
          width: auto;
          margin-top: 2px; } }
      .navigation__meta-wrap .navigation__e0-link {
        font-size: 0.875rem;
        line-height: 1.25rem;
        text-decoration: none;
        color: #003d8f;
        display: block;
        float: left;
        position: relative;
        border-radius: 5px;
        padding: 0.1875rem 0.5625rem; }
        @media (min-width: 1024px) {
          .navigation__meta-wrap .navigation__e0-link {
            font-size: 1rem;
            padding: 3px 0.75rem; } }
        .navigation__meta-wrap .navigation__e0-link:hover, .navigation__meta-wrap .navigation__e0-link:focus {
          color: #3d70b7;
          text-decoration: none; }
        .navigation__meta-wrap .navigation__e0-link--active {
          color: #fff;
          background: #3d70b7; }
          .navigation__meta-wrap .navigation__e0-link--active:hover, .navigation__meta-wrap .navigation__e0-link--active:focus {
            color: #fff;
            text-decoration: none; }
          .navigation__meta-wrap .navigation__e0-link--active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0.375rem;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); }
    .navigation__meta-wrap .navigation__e1 {
      text-align: center; }
      .navigation__meta-wrap .navigation__e1-link {
        display: inline-block;
        margin: 0 0.375rem;
        color: #fff;
        text-decoration: none; }
        @media (min-width: 1024px) {
          .navigation__meta-wrap .navigation__e1-link {
            color: #6e91ba;
            font-size: 1rem; }
            .navigation__meta-wrap .navigation__e1-link:hover, .navigation__meta-wrap .navigation__e1-link:focus {
              color: #003d8f;
              text-decoration: none; }
            .navigation__meta-wrap .navigation__e1-link--active {
              color: #003d8f;
              font-family: "77-black-condensed", Arial, sans-serif; } }
    .navigation__meta .icon {
      margin-bottom: 2px;
      fill: #6e91ba; }
  .navigation__main {
    padding: 0.75rem 1.5rem;
    padding-bottom: 0;
    order: 1; }
    @media (min-width: 480px) {
      .navigation__main {
        padding-left: 2.25rem;
        padding-right: 2.25rem; } }
    @media (min-width: 650px) {
      .navigation__main {
        padding-left: 3rem;
        padding-right: 3rem; } }
    @media (min-width: 768px) {
      .navigation__main {
        padding-left: 2.25rem;
        padding-right: 2.25rem; } }
    @media (min-width: 1024px) {
      .navigation__main {
        padding: 0; } }
    @media (min-width: 1024px) {
      .navigation__main-wrap {
        max-width: 1224px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        height: 70px; } }
    @media (min-width: 1200px) {
      .navigation__main-wrap {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
    .navigation__main-wrap .navigation__e2 {
      display: none; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__e2 {
          display: block;
          margin-right: auto; } }
      .navigation__main-wrap .navigation__e2-list {
        margin-top: 3.75rem;
        padding: 0; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e2-list {
            margin: 0;
            display: flex;
            flex-direction: row; }
            .navigation__main-wrap .navigation__e2-list:hover .navigation__e2-item:not(:hover) .navigation__e2-link {
              opacity: 0.3s; } }
        .navigation__main-wrap .navigation__e2-list .navigation__e2-item {
          height: 36px;
          margin: 0.75rem 0;
          transition: background-position 0.15s;
          background-position: 110% 50%; }
          @media (min-width: 1024px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item {
              height: auto;
              margin-top: 0;
              margin-bottom: 0; }
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:hover .navigation__e2-link::before, .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:focus .navigation__e2-link::before {
                content: '';
                display: block;
                position: absolute;
                top: auto;
                bottom: -1px;
                right: 50%;
                left: auto;
                width: 7px;
                height: 7px;
                border: 7px solid transparent;
                z-index: 5;
                transform: translate(0, 0);
                border-bottom-color: #fff; }
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:hover .navigation__e3, .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:focus .navigation__e3 {
                display: block; }
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:hover .navigation__e2-link, .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:focus .navigation__e2-link {
                color: #fff; }
                .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:hover .navigation__e2-link .icon, .navigation__main-wrap .navigation__e2-list .navigation__e2-item--with-items:focus .navigation__e2-link .icon {
                  fill: #fff; }
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items) {
                position: relative; }
                .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items):nth-child(-n+3):not(.navigation__e2--1-items) {
                  position: static; }
                  .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items):nth-child(-n+3):not(.navigation__e2--1-items) .navigation__e3 {
                    margin-top: 0;
                    left: 0;
                    transform: none; }
                .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items) .navigation__e3 {
                  margin-top: 1px;
                  left: 50%;
                  transform: translateX(-50%); }
                  .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items) .navigation__e3-list {
                    flex-wrap: nowrap; }
                  .navigation__main-wrap .navigation__e2-list .navigation__e2-item:not(.navigation__e2--3-items):not(.navigation__e2--4-items) .navigation__e3-item {
                    min-width: 18.3rem; }
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item.navigation__e2--3-items .navigation__e3 {
                left: 0;
                right: calc(25% - 1.5rem); } }
    @media (min-width: 1024px) and (min-width: 1024px) {
      .navigation__main-wrap .navigation__e2-list .navigation__e2-item.navigation__e2--3-items .navigation__e3 .navigation__e3-item {
        flex: 0 0 33.3333%;
        margin: 0; } }
  @media all and (min-width: 1024px) and (min-width: 1024px) and (-ms-high-contrast: none) {
    .navigation__main-wrap .navigation__e2-list .navigation__e2-item.navigation__e2--3-items .navigation__e3 .navigation__e3-item {
      flex-basis: calc(32% - 1.5rem); } }
          @media (min-width: 1024px) {
              .navigation__main-wrap .navigation__e2-list .navigation__e2-item.navigation__e2--4-items .navigation__e3 {
                left: 0;
                right: 0; } }
          @media (max-width: 1023.98px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item::before {
              content: '';
              display: block;
              position: absolute;
              top: auto;
              bottom: auto;
              right: auto;
              left: 71px;
              width: 7px;
              height: 7px;
              border: 7px solid transparent;
              z-index: 5;
              transform: translate(0, 11px);
              border-right-color: #fff; } }
          @media (max-width: 767.98px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item::before {
              content: '';
              display: block;
              position: absolute;
              top: auto;
              bottom: auto;
              right: auto;
              left: 83px;
              width: 7px;
              height: 7px;
              border: 7px solid transparent;
              z-index: 5;
              transform: translate(0, 11px);
              border-right-color: #fff; } }
          @media (max-width: 649.98px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item::before {
              content: '';
              display: block;
              position: absolute;
              top: auto;
              bottom: auto;
              right: auto;
              left: 71px;
              width: 7px;
              height: 7px;
              border: 7px solid transparent;
              z-index: 5;
              transform: translate(0, 11px);
              border-right-color: #fff; } }
          @media (max-width: 479.98px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item::before {
              content: '';
              display: block;
              position: absolute;
              top: auto;
              bottom: auto;
              right: auto;
              left: 59px;
              width: 7px;
              height: 7px;
              border: 7px solid transparent;
              z-index: 5;
              transform: translate(0, 11px);
              border-right-color: #fff; } }
          .navigation__main-wrap .navigation__e2-list .navigation__e2-item::before {
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s linear; }
          .navigation__main-wrap .navigation__e2-list .navigation__e2-item--expanded::before {
            opacity: 1; }
          @media (max-width: 1023.98px) {
            .navigation__main-wrap .navigation__e2-list .navigation__e2-item--expanded .navigation__e3 {
              opacity: 1;
              pointer-events: auto;
              display: block; } }
      .navigation__main-wrap .navigation__e2-icon-wrapper {
        display: flex;
        height: 37px;
        width: 37px;
        border-radius: 50%;
        padding: 8px;
        margin: 0 13px 0 2px;
        transition: background-color 0.15s;
        background-color: transparent; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e2-icon-wrapper {
            height: auto;
            width: auto;
            margin: 0;
            padding: 0; } }
      .navigation__main-wrap .navigation__e2-icon {
        width: 100%;
        height: 100%;
        fill: #fff; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e2-icon {
            display: none; } }
      .navigation__main-wrap .navigation__e2-text {
        position: relative; }
      .navigation__main-wrap .navigation__e2-link {
        display: flex;
        align-items: center;
        height: 100%;
        font-family: "77-black-condensed", Arial, sans-serif;
        font-size: 1.25rem;
        color: #fff;
        text-decoration: none; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e2-link {
            position: relative;
            z-index: 2;
            display: flex;
            font-family: "77-black-condensed", Arial, sans-serif;
            text-decoration: none;
            opacity: 1;
            font-size: 0.875rem;
            padding: 1.5rem 0.375rem 1.5rem 0;
            transition: opacity .2s;
            line-height: 1.5rem;
            color: #99b6d5; }
            .navigation__main-wrap .navigation__e2-link::before {
              display: none;
              content: '';
              background: transparent;
              width: 350%;
              height: 40%;
              position: absolute;
              left: 50%;
              bottom: 0;
              z-index: 3;
              clip-path: polygon(0% 100%, 39% 0%, 60% 0%, 100% 100%);
              transform: translateX(-50%); } }
        @media (min-width: 1200px) {
          .navigation__main-wrap .navigation__e2-link {
            font-size: 1rem;
            padding: 1.5rem 0.375rem; } }
      .navigation__main-wrap .navigation__e2-open-icon {
        display: none;
        position: relative;
        top: 0;
        width: 0.5rem;
        height: 0.5rem;
        margin-left: .4rem;
        fill: #99b6d5;
        transform: rotate(90deg); }
        @media (min-width: 1200px) {
          .navigation__main-wrap .navigation__e2-open-icon {
            display: block; } }
        @media (min-width: 1500px) {
          .navigation__main-wrap .navigation__e2-open-icon {
            top: 0; } }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e2-open-icon-wrapper {
            padding-left: 0.375rem; } }
        @media (min-width: 1200px) {
          .navigation__main-wrap .navigation__e2-open-icon-wrapper {
            padding-left: 0; } }
      .navigation__main-wrap .navigation__e2-backdrop {
        position: fixed;
        left: 4.5rem;
        width: calc(100% - (4.5rem));
        top: 0;
        bottom: 0;
        z-index: 1;
        background-color: #fff;
        transition: transform 0.15s;
        transform: translateX(100%); }
        @media (min-width: 480px) {
          .navigation__main-wrap .navigation__e2-backdrop {
            left: 5.25rem;
            width: calc(100% - (5.25rem)); } }
        @media (min-width: 650px) {
          .navigation__main-wrap .navigation__e2-backdrop {
            left: 6rem;
            width: calc(100% - (6rem)); } }
        @media (min-width: 768px) {
          .navigation__main-wrap .navigation__e2-backdrop {
            left: 5.25rem;
            width: calc(100% - (5.25rem)); } }
        .navigation__e2--expanded .navigation__main-wrap .navigation__e2-backdrop {
          transform: translateX(0); }
      .navigation__main-wrap .navigation__e2-closebutton {
        position: absolute;
        top: 0;
        right: 0;
        width: calc((37px) + (0.75rem));
        height: calc((37px) + (0.75rem));
        margin-top: 0.375rem;
        border: 0;
        padding: 0;
        z-index: 2;
        color: #003d8f;
        background: #fff;
        cursor: pointer;
        transition: all 0.15s;
        opacity: 0;
        transform: translateX(calc(100vw - (4.5rem))); }
        @media (min-width: 480px) {
          .navigation__main-wrap .navigation__e2-closebutton {
            transform: translateX(calc(100vw - (5.25rem))); } }
        @media (min-width: 650px) {
          .navigation__main-wrap .navigation__e2-closebutton {
            transform: translateX(calc(100vw - (6rem))); } }
        @media (min-width: 768px) {
          .navigation__main-wrap .navigation__e2-closebutton {
            transform: translateX(calc(100vw - (5.25rem))); } }
        .navigation__e2--expanded .navigation__main-wrap .navigation__e2-closebutton {
          opacity: 1;
          transform: translateX(0); }
        .navigation__main-wrap .navigation__e2-closebutton-text {
          display: none; }
        .navigation__main-wrap .navigation__e2-closebutton-icon {
          width: 29px;
          height: 29px;
          margin: 0.375rem;
          padding: 0.375rem; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__e2-backdrop, .navigation__main-wrap .navigation__e2-closebutton {
          display: none; } }
    .navigation__main-wrap .navigation__e3 {
      display: block;
      pointer-events: none;
      position: absolute;
      left: 4.5rem;
      width: calc(100% - (4.5rem));
      top: 0;
      bottom: 0;
      z-index: 2;
      transition: transform 0.15s, opacity 0.3s;
      opacity: 0;
      transform: translateX(100%); }
      @media (min-width: 480px) {
        .navigation__main-wrap .navigation__e3 {
          left: 5.25rem;
          width: calc(100% - (5.25rem)); } }
      @media (min-width: 650px) {
        .navigation__main-wrap .navigation__e3 {
          left: 6rem;
          width: calc(100% - (6rem)); } }
      @media (min-width: 768px) {
        .navigation__main-wrap .navigation__e3 {
          left: 5.25rem;
          width: calc(100% - (5.25rem)); } }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__e3 {
          display: none;
          top: 70px;
          z-index: 1;
          border: 1px solid #99b6d5;
          padding: 0.75rem 0.375rem;
          background-color: #fff;
          opacity: 1;
          width: auto;
          bottom: auto;
          transform: translateX(0);
          pointer-events: auto; } }
      .navigation__e2--expanded .navigation__main-wrap .navigation__e3 {
        transform: translateX(0); }
      .navigation__main-wrap .navigation__e3-head {
        height: 62px;
        padding: 0.75rem 1.5rem;
        background: #fff; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e3-head {
            display: none; } }
      .navigation__main-wrap .navigation__e3-category {
        font-family: "77-black-condensed", Arial, sans-serif;
        font-size: 1.25rem;
        color: #003d8f;
        text-decoration: none; }
        .navigation__main-wrap .navigation__e3-category:hover, .navigation__main-wrap .navigation__e3-category:focus {
          color: #003d8f;
          text-decoration: none; }
      .navigation__main-wrap .navigation__e3-list {
        height: calc(100% - 62px);
        padding: 0;
        overflow-y: auto;
        background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
        background-repeat: no-repeat;
        background-color: white;
        background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
        background-attachment: local, local, scroll, scroll; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e3-list {
            display: flex;
            flex-wrap: wrap; } }
      .navigation__main-wrap .navigation__e3-item {
        margin: 2.25rem 0.75rem;
        padding: 0.75rem; }
        .navigation__main-wrap .navigation__e3-item--special {
          background: #f4f4f4; }
          .navigation__main-wrap .navigation__e3-item--special .navigation__e4-item:not(.navigation__e4-item--no-underline) {
            border-color: #fff; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__e3-item {
            flex: 0 0 25%;
            margin: 0;
            padding: 0.75rem 1.125rem; } }
  @media all and (min-width: 1024px) and (-ms-high-contrast: none) {
    .navigation__main-wrap .navigation__e3-item {
      flex-basis: calc(25% - 2.25rem); } }
      .navigation__main-wrap .navigation__e3-link {
        text-decoration: none;
        color: #003d8f;
        font-family: "77-black-condensed", Arial, sans-serif; }
    .navigation__main-wrap .navigation__e4-list {
      margin: 1.125rem 0 0 0;
      padding: 0; }
    .navigation__main-wrap .navigation__e4-item {
      color: #3c3c3c;
      padding: 0.5625rem 0;
      line-height: 1.5rem;
      border-bottom: 1px solid #e5e5e5; }
      .navigation__main-wrap .navigation__e4-item--no-underline {
        border-color: transparent;
        padding-bottom: 0; }
      .navigation__main-wrap .navigation__e4-item .icon {
        vertical-align: middle;
        margin-right: 0.375rem;
        width: auto;
        fill: #003d8f; }
      .navigation__main-wrap .navigation__e4-item:last-child {
        border-bottom: none; }
    .navigation__main-wrap .navigation__e4-link {
      text-decoration: none; }
      .navigation__main-wrap .navigation__e4-link[href] {
        color: #003d8f; }
      .navigation__main-wrap .navigation__e4-link span {
        color: #bebebe; }
      .navigation__main-wrap .navigation__e4-link[href]:hover, .navigation__main-wrap .navigation__e4-link[href]:focus {
        color: #003d8f; }
        .navigation__main-wrap .navigation__e4-link[href]:hover span, .navigation__main-wrap .navigation__e4-link[href]:focus span {
          color: #6e91ba; }
    .navigation__main-wrap .navigation__e2-list, .navigation__main-wrap .navigation__e3-list, .navigation__main-wrap .navigation__e4-list {
      list-style: none; }
    .navigation__main-wrap .navigation__home {
      display: inline-block;
      height: 37px;
      width: 37px;
      margin: 0; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__home {
          display: inline-block;
          height: 2.5rem;
          width: 2.5rem;
          margin-left: 0.375rem;
          margin-right: 0.75rem; } }
      @media (min-width: 1200px) {
        .navigation__main-wrap .navigation__home {
          height: 3.125rem;
          width: 3.125rem; } }
    .navigation__main-wrap .navigation__logo {
      width: 37px;
      height: 37px; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__logo {
          width: 2.5rem;
          height: 2.5rem; } }
      @media (min-width: 1200px) {
        .navigation__main-wrap .navigation__logo {
          height: 3.125rem;
          width: 3.125rem; } }
    .navigation__main-wrap .navigation__buttons {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 1.5rem;
      display: flex;
      align-items: center;
      height: 62px; }
      .navigation__main-wrap .navigation__buttons .btn {
        margin: 0 0.375rem;
        padding: 0 0.375rem !important;
        max-height: 1.875rem; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__buttons .btn:last-of-type:not(.navigation__cart) {
            margin-right: 0; } }
        @media (min-width: 1200px) {
          .navigation__main-wrap .navigation__buttons .btn {
            padding: 0 0.75rem !important;
            max-height: none; } }
        .navigation__main-wrap .navigation__buttons .btn.navigation__menubutton {
          margin: 0.1875rem 0 0;
          border: 2px solid transparent !important;
          background: transparent !important; }
          .navigation__main-wrap .navigation__buttons .btn.navigation__menubutton::before {
            display: none; }
        .navigation__main-wrap .navigation__buttons .btn .icon:not(.icon--small) {
          vertical-align: middle; }
        @media (min-width: 1024px) {
          .navigation__main-wrap .navigation__buttons .btn .icon.icon--small {
            vertical-align: sub;
            transform-origin: center 75%; } }
      @media (min-width: 480px) {
        .navigation__main-wrap .navigation__buttons {
          right: 2.25rem; } }
      @media (min-width: 650px) {
        .navigation__main-wrap .navigation__buttons {
          right: 3rem; } }
      @media (min-width: 768px) {
        .navigation__main-wrap .navigation__buttons {
          right: 2.25rem; } }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__buttons {
          z-index: 2;
          top: 50%;
          transform: translateY(-50%);
          height: auto; } }
      @media (min-width: 1200px) {
        .navigation__main-wrap .navigation__buttons {
          right: 0.75rem; } }
    .navigation__main-wrap .navigation__menubutton {
      width: 37px;
      height: 37px;
      border: 0;
      padding: 0;
      outline: none;
      color: #fff;
      background: transparent;
      cursor: pointer; }
      .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon {
        display: inline-block;
        position: relative;
        transition: 0.5s ease-in-out;
        width: 29px;
        height: 29px; }
        .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span {
          position: absolute;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: #fff;
          transition: transform .1s;
          transform: rotate(0deg); }
        .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(1) {
          top: 4px; }
          .navigation--expanded .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(1) {
            top: 14px;
            width: 0%;
            left: 50%; }
        .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(2) {
          top: 14px; }
          .navigation--expanded .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(2) {
            transform: rotate(45deg); }
        .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(3) {
          top: 14px; }
          .navigation--expanded .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(3) {
            transform: rotate(-45deg); }
        .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(4) {
          top: 24px; }
          .navigation--expanded .navigation__main-wrap .navigation__menubutton .navigation__menubutton-icon span:nth-child(4) {
            top: 14px;
            width: 0%;
            left: 50%; }
      .navigation__main-wrap .navigation__menubutton .navigation__menubutton-text {
        display: none; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__menubutton {
          display: none; } }
    .navigation__main-wrap .navigation__chat,
    .navigation__main-wrap .navigation__account,
    .navigation__main-wrap .navigation__phone,
    .navigation__main-wrap .navigation__cart,
    .navigation__main-wrap .navigation__mail,
    .navigation__main-wrap .navigation__kwk-icon,
    .navigation__main-wrap .btn--tunnel {
      text-decoration: none;
      border-color: #99b6d5 !important; }
      @media (max-width: 1023.98px) {
        .navigation__main-wrap .navigation__chat,
        .navigation__main-wrap .navigation__account,
        .navigation__main-wrap .navigation__phone,
        .navigation__main-wrap .navigation__cart,
        .navigation__main-wrap .navigation__mail,
        .navigation__main-wrap .navigation__kwk-icon,
        .navigation__main-wrap .btn--tunnel {
          margin-top: 0.125rem !important;
          height: 1.875rem !important;
          line-height: 0.375rem; }
          .navigation__main-wrap .navigation__chat .icon,
          .navigation__main-wrap .navigation__account .icon,
          .navigation__main-wrap .navigation__phone .icon,
          .navigation__main-wrap .navigation__cart .icon,
          .navigation__main-wrap .navigation__mail .icon,
          .navigation__main-wrap .navigation__kwk-icon .icon,
          .navigation__main-wrap .btn--tunnel .icon {
            width: 0.9375rem;
            height: 0.9375rem; } }
      @media (max-width: 1199.98px) {
        .navigation__main-wrap .navigation__chat,
        .navigation__main-wrap .navigation__account,
        .navigation__main-wrap .navigation__phone,
        .navigation__main-wrap .navigation__cart,
        .navigation__main-wrap .navigation__mail,
        .navigation__main-wrap .navigation__kwk-icon,
        .navigation__main-wrap .btn--tunnel {
          border: 0; } }
      .navigation__main-wrap .navigation__chat.navigation .btn,
      .navigation__main-wrap .navigation__account.navigation .btn,
      .navigation__main-wrap .navigation__phone.navigation .btn,
      .navigation__main-wrap .navigation__cart.navigation .btn,
      .navigation__main-wrap .navigation__mail.navigation .btn,
      .navigation__main-wrap .navigation__kwk-icon.navigation .btn,
      .navigation__main-wrap .btn--tunnel.navigation .btn {
        display: inline-block; }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__chat.navigation__account,
        .navigation__main-wrap .navigation__account.navigation__account,
        .navigation__main-wrap .navigation__phone.navigation__account,
        .navigation__main-wrap .navigation__cart.navigation__account,
        .navigation__main-wrap .navigation__mail.navigation__account,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account,
        .navigation__main-wrap .btn--tunnel.navigation__account {
          font-family: "57-condensed", Arial, sans-serif; } }
      @media (min-width: 1024px) {
        .navigation__main-wrap .navigation__chat.navigation__account:hover, .navigation__main-wrap .navigation__chat.navigation__account:focus, .navigation__main-wrap .navigation__chat.navigation__account:active,
        .navigation__main-wrap .navigation__account.navigation__account:hover,
        .navigation__main-wrap .navigation__account.navigation__account:focus,
        .navigation__main-wrap .navigation__account.navigation__account:active,
        .navigation__main-wrap .navigation__phone.navigation__account:hover,
        .navigation__main-wrap .navigation__phone.navigation__account:focus,
        .navigation__main-wrap .navigation__phone.navigation__account:active,
        .navigation__main-wrap .navigation__cart.navigation__account:hover,
        .navigation__main-wrap .navigation__cart.navigation__account:focus,
        .navigation__main-wrap .navigation__cart.navigation__account:active,
        .navigation__main-wrap .navigation__mail.navigation__account:hover,
        .navigation__main-wrap .navigation__mail.navigation__account:focus,
        .navigation__main-wrap .navigation__mail.navigation__account:active,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account:hover,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account:focus,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account:active,
        .navigation__main-wrap .btn--tunnel.navigation__account:hover,
        .navigation__main-wrap .btn--tunnel.navigation__account:focus,
        .navigation__main-wrap .btn--tunnel.navigation__account:active {
          border: 2px solid rgba(255, 255, 255, 0.6);
          background-color: rgba(255, 255, 255, 0.2);
          text-decoration: none;
          color: #fff; }
          .navigation__main-wrap .navigation__chat.navigation__account:hover + .card--login, .navigation__main-wrap .navigation__chat.navigation__account:focus + .card--login, .navigation__main-wrap .navigation__chat.navigation__account:active + .card--login,
          .navigation__main-wrap .navigation__account.navigation__account:hover + .card--login,
          .navigation__main-wrap .navigation__account.navigation__account:focus + .card--login,
          .navigation__main-wrap .navigation__account.navigation__account:active + .card--login,
          .navigation__main-wrap .navigation__phone.navigation__account:hover + .card--login,
          .navigation__main-wrap .navigation__phone.navigation__account:focus + .card--login,
          .navigation__main-wrap .navigation__phone.navigation__account:active + .card--login,
          .navigation__main-wrap .navigation__cart.navigation__account:hover + .card--login,
          .navigation__main-wrap .navigation__cart.navigation__account:focus + .card--login,
          .navigation__main-wrap .navigation__cart.navigation__account:active + .card--login,
          .navigation__main-wrap .navigation__mail.navigation__account:hover + .card--login,
          .navigation__main-wrap .navigation__mail.navigation__account:focus + .card--login,
          .navigation__main-wrap .navigation__mail.navigation__account:active + .card--login,
          .navigation__main-wrap .navigation__kwk-icon.navigation__account:hover + .card--login,
          .navigation__main-wrap .navigation__kwk-icon.navigation__account:focus + .card--login,
          .navigation__main-wrap .navigation__kwk-icon.navigation__account:active + .card--login,
          .navigation__main-wrap .btn--tunnel.navigation__account:hover + .card--login,
          .navigation__main-wrap .btn--tunnel.navigation__account:focus + .card--login,
          .navigation__main-wrap .btn--tunnel.navigation__account:active + .card--login {
            display: block; } }
      .navigation__main-wrap .navigation__chat.navigation__account .navigation__account-text,
      .navigation__main-wrap .navigation__account.navigation__account .navigation__account-text,
      .navigation__main-wrap .navigation__phone.navigation__account .navigation__account-text,
      .navigation__main-wrap .navigation__cart.navigation__account .navigation__account-text,
      .navigation__main-wrap .navigation__mail.navigation__account .navigation__account-text,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account .navigation__account-text,
      .navigation__main-wrap .btn--tunnel.navigation__account .navigation__account-text {
        display: none; }
      .navigation__main-wrap .navigation__chat.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .navigation__account.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .navigation__phone.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .navigation__cart.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .navigation__mail.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account .navigation__account-arrow,
      .navigation__main-wrap .btn--tunnel.navigation__account .navigation__account-arrow {
        display: none; }
      .navigation__main-wrap .navigation__chat.navigation__account + .card--login,
      .navigation__main-wrap .navigation__account.navigation__account + .card--login,
      .navigation__main-wrap .navigation__phone.navigation__account + .card--login,
      .navigation__main-wrap .navigation__cart.navigation__account + .card--login,
      .navigation__main-wrap .navigation__mail.navigation__account + .card--login,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login,
      .navigation__main-wrap .btn--tunnel.navigation__account + .card--login {
        display: none;
        position: absolute;
        top: calc(70px - 1.5rem + 4px);
        right: 0.375rem;
        width: 400px;
        border: 1px solid #99b6d5; }
        .navigation__main-wrap .navigation__chat.navigation__account + .card--login::before,
        .navigation__main-wrap .navigation__account.navigation__account + .card--login::before,
        .navigation__main-wrap .navigation__phone.navigation__account + .card--login::before,
        .navigation__main-wrap .navigation__cart.navigation__account + .card--login::before,
        .navigation__main-wrap .navigation__mail.navigation__account + .card--login::before,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login::before,
        .navigation__main-wrap .btn--tunnel.navigation__account + .card--login::before {
          content: '';
          display: block;
          position: absolute;
          top: auto;
          bottom: 100%;
          right: 5px;
          left: auto;
          width: 7px;
          height: 7px;
          border: 7px solid transparent;
          z-index: 5;
          transform: translate(0, 0);
          border-bottom-color: #fff; }
        @media (min-width: 1200px) {
          .navigation__main-wrap .navigation__chat.navigation__account + .card--login::before,
          .navigation__main-wrap .navigation__account.navigation__account + .card--login::before,
          .navigation__main-wrap .navigation__phone.navigation__account + .card--login::before,
          .navigation__main-wrap .navigation__cart.navigation__account + .card--login::before,
          .navigation__main-wrap .navigation__mail.navigation__account + .card--login::before,
          .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login::before,
          .navigation__main-wrap .btn--tunnel.navigation__account + .card--login::before {
            content: '';
            display: block;
            position: absolute;
            top: auto;
            bottom: 100%;
            right: 10px;
            left: auto;
            width: 7px;
            height: 7px;
            border: 7px solid transparent;
            z-index: 5;
            transform: translate(0, 0);
            border-bottom-color: #fff; } }
        .navigation__main-wrap .navigation__chat.navigation__account + .card--login::after,
        .navigation__main-wrap .navigation__account.navigation__account + .card--login::after,
        .navigation__main-wrap .navigation__phone.navigation__account + .card--login::after,
        .navigation__main-wrap .navigation__cart.navigation__account + .card--login::after,
        .navigation__main-wrap .navigation__mail.navigation__account + .card--login::after,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login::after,
        .navigation__main-wrap .btn--tunnel.navigation__account + .card--login::after {
          position: absolute;
          bottom: 100%;
          left: 0;
          right: 0;
          height: 1.5rem;
          content: '';
          display: block; }
        .navigation__main-wrap .navigation__chat.navigation__account + .card--login:hover,
        .navigation__main-wrap .navigation__account.navigation__account + .card--login:hover,
        .navigation__main-wrap .navigation__phone.navigation__account + .card--login:hover,
        .navigation__main-wrap .navigation__cart.navigation__account + .card--login:hover,
        .navigation__main-wrap .navigation__mail.navigation__account + .card--login:hover,
        .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login:hover,
        .navigation__main-wrap .btn--tunnel.navigation__account + .card--login:hover {
          display: block; }
      .navigation__main-wrap .navigation__chat.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .navigation__account.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .navigation__phone.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .navigation__cart.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .navigation__mail.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account + .card--login-icon::before,
      .navigation__main-wrap .btn--tunnel.navigation__account + .card--login-icon::before {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        bottom: 100%;
        right: 12px;
        left: auto;
        width: 7px;
        height: 7px;
        border: 7px solid transparent;
        z-index: 5;
        transform: translate(0, 0);
        border-bottom-color: #fff; }
      .navigation__main-wrap .navigation__chat.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__chat.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .navigation__account.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__account.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .navigation__phone.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__phone.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .navigation__cart.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__cart.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .navigation__mail.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__mail.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account--icon-only .navigation__account-arrow,
      .navigation__main-wrap .btn--tunnel.navigation__account--icon-only .navigation__account-text,
      .navigation__main-wrap .btn--tunnel.navigation__account--icon-only .navigation__account-arrow {
        display: none; }
      .navigation__main-wrap .navigation__chat.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .navigation__account.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .navigation__phone.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .navigation__cart.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .navigation__mail.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .navigation__kwk-icon.navigation__account--icon-only .navigation__account-icon,
      .navigation__main-wrap .btn--tunnel.navigation__account--icon-only .navigation__account-icon {
        display: inline-block; }
    .navigation__main-wrap .btn--tunnel .icon--small {
      transform: translateY(-15%); }
  .navigation.navigation--tunnel {
    overflow: visible;
    max-height: 74px; }
    .navigation.navigation--tunnel .navigation__home, .navigation.navigation--tunnel .navigation__logo {
      display: inline-block; }
      @media (min-width: 768px) {
        .navigation.navigation--tunnel .navigation__home, .navigation.navigation--tunnel .navigation__logo {
          height: 37px;
          width: 37px; } }
      @media (min-width: 1024px) {
        .navigation.navigation--tunnel .navigation__home, .navigation.navigation--tunnel .navigation__logo {
          height: 2.5rem;
          width: 2.5rem; } }
      @media (min-width: 1200px) {
        .navigation.navigation--tunnel .navigation__home, .navigation.navigation--tunnel .navigation__logo {
          height: 3.125rem;
          width: 3.125rem; } }
    .navigation.navigation--tunnel .navigation__main {
      padding-bottom: 0.75rem; }
      .navigation.navigation--tunnel .navigation__main-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media (min-width: 1024px) {
          .navigation.navigation--tunnel .navigation__main-wrap {
            padding-bottom: 0; } }
    .navigation.navigation--tunnel .navigation--tunnel__content {
      display: flex;
      align-items: center;
      margin: 0; }
      .navigation.navigation--tunnel .navigation--tunnel__content > div {
        position: relative; }
      .navigation.navigation--tunnel .navigation--tunnel__content > .btn-forward.btn {
        min-width: 0; }
      .navigation.navigation--tunnel .navigation--tunnel__content .btn .icon--small {
        vertical-align: sub; }
        @media (min-width: 1024px) and (max-width: 1199.98px) {
          .navigation.navigation--tunnel .navigation--tunnel__content .btn .icon--small {
            vertical-align: middle; } }
      @media (max-width: 1199.98px) {
        .navigation.navigation--tunnel .navigation--tunnel__content .btn--tunnel {
          margin: 0 0.375rem !important;
          padding: 0 0.375rem !important;
          max-height: 1.875rem; } }
  .navigation.navigation--partner .navigation__title-wrap {
    display: inline-flex; }
    @media (min-width: 480px) {
      .navigation.navigation--partner .navigation__title-wrap {
        margin-left: 0.375rem; } }
  .navigation__tunnel__phone[data-toggle='popover'] .icon--medium {
    width: 1.25rem;
    height: 1.25rem; }
  .navigation__title-wrap {
    display: inline-flex;
    height: 36px;
    align-items: center;
    vertical-align: top;
    color: #fff; }
    @media (min-width: 480px) {
      .navigation__title-wrap {
        margin-left: 0.375rem; } }

.options-grid {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  @media (min-width: 650px) {
    .options-grid {
      margin-top: 2.25rem;
      margin-bottom: 2.25rem; } }
  @media (min-width: 1024px) {
    .options-grid {
      margin-top: 3.75rem;
      margin-bottom: 3.75rem; } }
  .options-grid__tile {
    display: flex;
    flex: 0 1 100%;
    margin: 0;
    padding: 0;
    position: relative; }
    .options-grid__tile .inset {
      display: flex;
      flex-grow: 1;
      padding: 0.75rem 0; }
      @media (min-width: 650px) {
        .options-grid__tile .inset {
          padding: 0.375rem; } }
    .options-grid__tile .notification-item {
      font-size: 0.875rem;
      max-width: calc(50% - 12px / 2); }
    @media (min-width: 650px) {
      .options-grid__tile {
        flex: 0 0 50%; }
        .options-grid__tile--highlight {
          flex: 0 0 100%; }
          .options-grid__tile--highlight .notification-item {
            font-size: 1rem; } }
    @media (min-width: 1024px) {
      .options-grid__tile {
        flex: 0 1 33.33%; }
        .options-grid__tile--highlight {
          flex: 0 1 66.66%; } }
    @media (min-width: 1200px) {
      .options-grid__tile {
        flex: 0 0 25%; }
        .options-grid__tile--highlight {
          flex: 0 0 50%; } }
    .options-grid__tile--pointer::before, .options-grid__tile--pointer::after {
      border-bottom: 10px solid #fff;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      bottom: -7px;
      clear: both;
      content: '';
      height: 0;
      left: 48%;
      position: absolute;
      width: 0;
      z-index: 3; }
    .options-grid__tile--pointer::after {
      border-bottom: 10px solid #99b6d5;
      bottom: -6px;
      z-index: 0; }
    .options-grid__tile--pointer.options-grid__tile--on-dark::before, .options-grid__tile--pointer.options-grid__tile--on-dark::after {
      border-bottom-color: #99b6d5; }
    .options-grid__tile--overlay::before {
      content: '';
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5);
      bottom: 0;
      display: block;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 3; }
  .options-grid__option-list {
    display: none;
    flex: 1 0 100%;
    margin: 0;
    max-width: 100%; }
    .options-grid__option-list__content {
      display: none; }
    .options-grid__option-list__inset {
      background-color: #fff;
      margin: 0.375rem 0;
      position: relative;
      border: solid #99b6d5 1px;
      z-index: 0; }
      @media (min-width: 650px) {
        .options-grid__option-list__inset {
          margin: 0.375rem; } }
      .options-grid__option-list__inset .list-closer {
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 10px;
        width: 15px;
        height: 15px;
        z-index: 3; }
        .options-grid__option-list__inset .list-closer .icon {
          width: 100%;
          height: 100%; }
        .options-grid__option-list__inset .list-closer + div.feature::before {
          display: none; }
  .options-grid-end {
    border: 0; }
  .options-grid .info-footnote {
    display: none; }

.price-container {
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }
  @media (min-width: 480px) {
    .price-container {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .price-container {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .price-container {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .price-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 1024px) {
    .price-container {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }

.slider .slick-track {
  display: flex; }

.slider .slick-slide {
  float: none; }

.slider .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 0.75rem;
  padding-left: 0;
  padding-right: 3px; }
  .slider .slick-dots > li {
    margin-right: 0.75rem; }
    .slider .slick-dots > li:last-child {
      margin-right: 0; }
    .slider .slick-dots > li > button {
      cursor: pointer;
      overflow: hidden;
      width: 1.5rem;
      height: 1.5rem;
      outline: none;
      border-radius: 50%;
      text-indent: 99999px; }

.slider__list {
  display: flex;
  list-style: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0; }
  .slider__list.slick-initialized {
    overflow-x: visible;
    display: block; }

.slider__item {
  margin-right: 0.75rem; }
  .slider__item a {
    display: block; }

.slick-slide .slider__image {
  display: inline-block; }

.small-teaser-container {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem; }
  @media (min-width: 650px) {
    .small-teaser-container {
      margin-top: 2.25rem;
      margin-bottom: 1.5rem; } }
  @media (min-width: 1024px) {
    .small-teaser-container {
      margin-top: 3.75rem;
      margin-bottom: 3rem; } }

.step-by-step img {
  display: block;
  width: 100%; }

.step-by-step__headline {
  margin-top: 1.125rem;
  margin-bottom: 0.75rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  line-height: 1.2;
  color: #003d8f; }

.step-by-step__wrapper {
  display: flex;
  display: -webkit-box; }

.step-by-step__element {
  position: relative;
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .step-by-step__element {
      margin-bottom: 0; } }

.step-by-step__text {
  padding: 1.5rem;
  padding-top: 0.75rem;
  font-size: 1rem; }
  @media (min-width: 768px) {
    .step-by-step__text {
      font-size: 1.125rem; } }

.step-by-step__counter {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #003d8f;
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  font-family: "77-black-condensed", Arial, sans-serif;
  line-height: 1.4;
  padding: 0.375rem;
  height: 3.125rem;
  width: 3.125rem; }

.tariffbox-wrapper {
  position: relative; }

.tariffbox {
  position: relative;
  background-color: #fff;
  z-index: 3; }
  .tariffbox--highlight {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.75); }
    .tariffbox--highlight::before {
      border-color: #003d8f; }
  @media (min-width: 1200px) {
    .tariffbox--single {
      border: 0.375rem solid #f3e11e;
      border-top: 0; } }
  .tariffbox-content {
    background-color: #fff; }
  .tariffbox.tariffs__backup-image {
    margin-top: 4.7rem;
    z-index: 1; }
  .tariffbox.inactive {
    pointer-events: none; }
    .tariffbox.inactive img {
      filter: contrast(50%) saturate(10%); }
    .tariffbox.inactive h4,
    .tariffbox.inactive a,
    .tariffbox.inactive p,
    .tariffbox.inactive .smallprintlink,
    .tariffbox.inactive .tariff-list-item__headline {
      color: #e5e5e5; }
    .tariffbox.inactive .icon {
      fill: #e5e5e5; }
    .tariffbox.inactive .unordered-list, .tariffbox.inactive .rte ul, .rte .tariffbox.inactive ul {
      color: #e5e5e5; }
      .tariffbox.inactive .unordered-list li::before, .tariffbox.inactive .rte ul li::before, .rte .tariffbox.inactive ul li::before {
        color: #e5e5e5; }
    .tariffbox.inactive .btn {
      color: #999999;
      box-shadow: 0 4px 0 #999999;
      border-bottom-color: #e5e5e5; }
      .tariffbox.inactive .btn .icon {
        fill: #999999; }
    .tariffbox.inactive .tariff-list-item {
      pointer-events: initial;
      border-color: #e5e5e5; }
    .tariffbox.inactive .flag--ribbon {
      background-color: #e5e5e5; }
      .tariffbox.inactive .flag--ribbon::before, .tariffbox.inactive .flag--ribbon::after {
        border-color: transparent #e5e5e5 transparent transparent; }
    .tariffbox.inactive .price,
    .tariffbox.inactive .tariff-header__distinction,
    .tariffbox.inactive .tariff-header__small,
    .tariffbox.inactive .price__strike {
      color: #fff; }
    .tariffbox.inactive .price__strike::before {
      background-color: #999999; }
    .tariffbox.inactive mark, .tariffbox.inactive .countdown-label, .tariffbox.inactive .countdown-label--primary, .tariffbox.inactive .countdown-label--secondary,
    .tariffbox.inactive .tariff__list-item mark,
    .tariffbox.inactive .tariff__list-item .countdown-label,
    .tariffbox.inactive .tariff__list-item .countdown-label--primary,
    .tariffbox.inactive .tariff__list-item .countdown-label--secondary,
    .tariffbox.inactive .flag--ribbon > span {
      color: #fff;
      background-color: #e5e5e5; }
    .tariffbox.inactive .tariff-header__card,
    .tariffbox.inactive .btn {
      background-color: #e5e5e5; }
    .tariffbox.inactive:hover .tariff-header__card {
      margin-left: 0;
      transition: none;
      transform: none;
      transform-style: initial; }
  @media (min-width: 480px) {
    .tariffbox:hover .tariff-header__card {
      transform: rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
      transform-style: preserve-3d;
      backface-visibility: hidden;
      margin-left: -4.14%; } }
  [data-tariff-slider]:not(.slick-initialized) .tariffbox--active {
    transform: translateY(-0.75rem);
    z-index: 1;
    background: #fff; }
  .tariffbox--inactive {
    pointer-events: none; }
    .tariffbox--inactive hr.divider {
      background-color: #fff !important; }
    .tariffbox--inactive.tariffbox--basic hr.divider {
      background-color: #bebebe !important; }
    .tariffbox--inactive.tariffbox--highlight .tariffbox__body {
      border-color: #e5e5e5; }
    .tariffbox--inactive .tariffbox__head-action {
      background: #bebebe; }
      .tariffbox--inactive .tariffbox__head-action span {
        color: #bebebe !important; }
    .tariffbox--inactive *:not(.btn):not(.btn__span):not(.unibox-halo__text) {
      color: #bebebe;
      fill: #bebebe; }
    .tariffbox--inactive mark, .tariffbox--inactive .countdown-label, .tariffbox--inactive .countdown-label--primary, .tariffbox--inactive .countdown-label--secondary {
      background: #f4f4f4; }
    .tariffbox--inactive:not(.tariffbox--basic) .tariffbox__head {
      background: #bebebe; }
      .tariffbox--inactive:not(.tariffbox--basic) .tariffbox__head *:not(.btn):not(.btn__span) {
        color: #fff;
        fill: #fff; }
      .tariffbox--inactive:not(.tariffbox--basic) .tariffbox__head .divider {
        background: #fff; }
    .tariffbox--inactive.tariffbox--basic .tariffbox__head {
      background: #fff; }
      .tariffbox--inactive.tariffbox--basic .tariffbox__head .divider {
        background: #bebebe; }
      .tariffbox--inactive.tariffbox--basic .tariffbox__head .tariffbox__head-subtext {
        color: #bebebe; }
    .tariffbox--inactive img {
      filter: saturate(10%);
      opacity: .5; }
  .tariffbox .tariffbox-features-toggle {
    color: #003d8f;
    cursor: pointer;
    text-decoration: underline; }

.tariffboxes__content {
  display: flex; }
  .tariffboxes__content:not(.slick-slider) {
    margin-right: -6px;
    margin-left: -6px; }
    .tariffboxes__content:not(.slick-slider) .tariffbox-wrapper {
      flex: 1; }
    .tariffboxes__content:not(.slick-slider) .tariffbox {
      margin-right: 6px;
      margin-left: 6px; }
      .tariffboxes__content:not(.slick-slider) .tariffbox--single {
        margin: 0; }
  .tariffboxes__content.slick-initialized .tariffbox--highlight {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75); }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__body {
    padding-right: 1.15385rem;
    padding-left: 1.15385rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__body .tariff-promo-item {
      margin-right: -1.15385rem;
      margin-left: -1.15385rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox__body .tariffbox-promo {
      margin-right: -0.57692rem;
      margin-left: -0.57692rem;
      padding-right: 0.57692rem;
      padding-left: 0.57692rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__body {
    padding-right: 1.95rem;
    padding-left: 1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__body .tariff-promo-item {
      margin-right: -1.95rem;
      margin-left: -1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper .tariffbox--highlight .tariffbox__body .tariffbox-promo {
      margin-right: -1.95rem;
      margin-left: -1.95rem;
      padding-right: 1.95rem;
      padding-left: 1.95rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__body {
    padding-right: 0.23077rem;
    padding-left: 0.23077rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__body .tariff-promo-item {
      margin-right: -0.23077rem;
      margin-left: -0.23077rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox__body .tariffbox-promo {
      margin-right: -0.11538rem;
      margin-left: -0.11538rem;
      padding-right: 0.11538rem;
      padding-left: 0.11538rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__body {
    padding-right: 1.95rem;
    padding-left: 1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__body .tariff-promo-item {
      margin-right: -1.95rem;
      margin-left: -1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) .tariffbox--highlight .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(2) ~ div .tariffbox--highlight .tariffbox__body .tariffbox-promo {
      margin-right: -1.15385rem;
      margin-left: -1.15385rem;
      padding-right: 1.15385rem;
      padding-left: 1.15385rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__body {
    padding-right: 0.46154rem;
    padding-left: 0.46154rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__body .tariff-promo-item {
      margin-right: -0.46154rem;
      margin-left: -0.46154rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox__body .tariffbox-promo {
      margin-right: -0.23077rem;
      margin-left: -0.23077rem;
      padding-right: 0.23077rem;
      padding-left: 0.23077rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__body {
    padding-right: 1.95rem;
    padding-left: 1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__body .tariff-promo-item {
      margin-right: -1.95rem;
      margin-left: -1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) .tariffbox--highlight .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(3) ~ div .tariffbox--highlight .tariffbox__body .tariffbox-promo {
      margin-right: -1.15385rem;
      margin-left: -1.15385rem;
      padding-right: 1.15385rem;
      padding-left: 1.15385rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__body {
    padding-right: 0.69231rem;
    padding-left: 0.69231rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__body .tariff-promo-item {
      margin-right: -0.69231rem;
      margin-left: -0.69231rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox__body .tariffbox-promo {
      margin-right: -0.34615rem;
      margin-left: -0.34615rem;
      padding-right: 0.34615rem;
      padding-left: 0.34615rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__body {
    padding-right: 1.95rem;
    padding-left: 1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__body .tariff-promo-item {
      margin-right: -1.95rem;
      margin-left: -1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) .tariffbox--highlight .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(4) ~ div .tariffbox--highlight .tariffbox__body .tariffbox-promo {
      margin-right: -1.15385rem;
      margin-left: -1.15385rem;
      padding-right: 1.15385rem;
      padding-left: 1.15385rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__body {
    padding-right: 0.92308rem;
    padding-left: 0.92308rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__body .tariff-promo-item {
      margin-right: -0.92308rem;
      margin-left: -0.92308rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox__body .tariffbox-promo {
      margin-right: -0.46154rem;
      margin-left: -0.46154rem;
      padding-right: 0.46154rem;
      padding-left: 0.46154rem; }
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__head, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__body,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__head,
  .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__body {
    padding-right: 1.95rem;
    padding-left: 1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__head .tariff-promo-item, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__body .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__head .tariff-promo-item,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__body .tariff-promo-item {
      margin-right: -1.95rem;
      margin-left: -1.95rem; }
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__head .tariffbox-promo, .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) .tariffbox--highlight .tariffbox__body .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__head .tariffbox-promo,
    .tariffboxes__content--highlight:not(.slick-initialized) .tariffbox-wrapper:first-child:nth-last-child(5) ~ div .tariffbox--highlight .tariffbox__body .tariffbox-promo {
      margin-right: -1.15385rem;
      margin-left: -1.15385rem;
      padding-right: 1.15385rem;
      padding-left: 1.15385rem; }
  @media (min-width: 1024px) {
    .tariffboxes__content--single {
      padding-top: calc(1.5rem + 2.1875rem) !important; } }

.tariffboxes .slick-list {
  padding-top: 1.5rem !important;
  margin-left: -0.375rem;
  margin-right: -0.375rem; }
  @media (min-width: 1200px) {
    .tariffboxes .slick-list {
      padding-top: 4rem !important; } }

.tariffboxes.tariffboxes--with-highlight .slick-list,
.tariffboxes .tariffboxes__content--single .slick-list {
  padding-top: calc(1.5rem + 2.1875rem) !important; }

@media (min-width: 1200px) {
  .tariffboxes.tariffboxes--with-highlight .slick-list {
    padding-top: 4rem !important; } }

.tariffboxes .slick-slide {
  position: relative;
  padding-right: 6px;
  padding-left: 6px;
  top: 0;
  transition: top 0.3s; }
  .tariffboxes .slick-slide.slick-current .tariffbox::before {
    border: 2px solid #003d8f; }

.tariffboxes .slick-dots {
  position: absolute;
  opacity: 0; }

.tariffboxes .thumbnail-container {
  display: none; }

.tariffboxes .slick-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 2.25rem;
  cursor: pointer; }
  .tariffboxes .slick-arrow--prev {
    left: -2.25rem; }
  .tariffboxes .slick-arrow--next {
    right: -2.25rem; }
  .tariffboxes .slick-arrow--inner {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%); }
  .tariffboxes .slick-arrow.slick-disabled {
    display: none !important; }

.tariffboxes--with-halo .tariffboxes__content:not(.slick-initialized) {
  padding-top: 4rem; }
  .tariffboxes--with-halo .tariffboxes__content:not(.slick-initialized).tariffboxes__content--highlight {
    padding-top: calc(4rem + 2.1875rem); }

.tariff-detail {
  margin-bottom: 1.5rem; }
  .tariff-detail__priceinfo__text {
    margin-bottom: 2.25rem; }
    @media (min-width: 768px) {
      .tariff-detail__priceinfo__text {
        margin-bottom: 0; } }
  .tariff-detail__priceinfo, .tariff-detail__foot-notes {
    margin-bottom: 2.25rem; }
  .tariff-detail__downloadlist ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; }
    .tariff-detail__downloadlist ul li {
      margin-bottom: 0.75rem; }
      .tariff-detail__downloadlist ul li:last-child {
        margin-bottom: 0; }
  .tariff-detail__table {
    display: block; }
    .tariff-detail__table--1 tr:not(:first-of-type) {
      padding: 1.5rem 0; }
      @media (min-width: 650px) {
        .tariff-detail__table--1 tr:not(:first-of-type) {
          padding: 0; } }
      .tariff-detail__table--1 tr:not(:first-of-type) td {
        width: 100%;
        padding: 0 1.5rem; }
        .tariff-detail__table--1 tr:not(:first-of-type) td.pdf-view {
          width: 100%; }
        @media (min-width: 650px) {
          .tariff-detail__table--1 tr:not(:first-of-type) td {
            width: 50%;
            padding: 1.5rem; } }
    .tariff-detail__table--1 td {
      padding: 1.5rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--1 td:not(:first-of-type) {
          text-align: center; } }
    .tariff-detail__table--2 tbody:first-of-type tr:not(:first-of-type) td:first-of-type {
      display: none; }
    .tariff-detail__table--2 tr:not(:first-of-type) td {
      width: 100%;
      padding: 1.5rem 2.25rem 2.25rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--2 tr:not(:first-of-type) td {
          width: 50%; } }
      .tariff-detail__table--2 tr:not(:first-of-type) td:first-of-type {
        width: 100%;
        padding-bottom: 0; }
    .tariff-detail__table--2 td {
      padding: 1.5rem; }
      .tariff-detail__table--2 td:not(:first-of-type) {
        text-align: center; }
    .tariff-detail__table--3 tbody:first-of-type tr:not(:first-of-type) td:first-of-type {
      display: none; }
    .tariff-detail__table--3 tr:not(:first-of-type) td {
      width: 50%;
      padding: 1.5rem 2.25rem 2.25rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--3 tr:not(:first-of-type) td {
          width: 33.33333%; } }
      .tariff-detail__table--3 tr:not(:first-of-type) td:first-of-type {
        width: 100%;
        padding-bottom: 0; }
    .tariff-detail__table--3 td {
      padding: 1.5rem; }
      .tariff-detail__table--3 td:not(:first-of-type) {
        text-align: center; }
    .tariff-detail__table--4 tbody:first-of-type tr:not(:first-of-type) td:first-of-type {
      display: none; }
    .tariff-detail__table--4 tr:not(:first-of-type) td {
      width: 50%;
      padding: 1.5rem 2.25rem 2.25rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--4 tr:not(:first-of-type) td {
          width: 25%; } }
      .tariff-detail__table--4 tr:not(:first-of-type) td:first-of-type {
        width: 100%;
        padding-bottom: 0; }
    .tariff-detail__table--4 td {
      padding: 1.5rem; }
      .tariff-detail__table--4 td:not(:first-of-type) {
        text-align: center; }
    .tariff-detail__table--5 tbody:first-of-type tr:not(:first-of-type) td:first-of-type {
      display: none; }
    .tariff-detail__table--5 tr:not(:first-of-type) td {
      width: 50%;
      padding: 1.5rem 2.25rem 2.25rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--5 tr:not(:first-of-type) td {
          width: 20%; } }
      .tariff-detail__table--5 tr:not(:first-of-type) td:first-of-type {
        width: 100%;
        padding-bottom: 0; }
    .tariff-detail__table--5 td {
      padding: 1.5rem; }
      .tariff-detail__table--5 td:not(:first-of-type) {
        text-align: center; }
    .tariff-detail__table--6 tbody:first-of-type tr:not(:first-of-type) td:first-of-type {
      display: none; }
    .tariff-detail__table--6 tr:not(:first-of-type) td {
      width: 50%;
      padding: 1.5rem 2.25rem 2.25rem; }
      @media (min-width: 650px) {
        .tariff-detail__table--6 tr:not(:first-of-type) td {
          width: 16.66667%; } }
      .tariff-detail__table--6 tr:not(:first-of-type) td:first-of-type {
        width: 100%;
        padding-bottom: 0; }
    .tariff-detail__table--6 td {
      padding: 1.5rem; }
      .tariff-detail__table--6 td:not(:first-of-type) {
        text-align: center; }
    .tariff-detail__table .tariff {
      color: #003d8f; }
      .tariff-detail__table .tariff + .eye-catcher {
        margin-top: 0.75rem; }
    .tariff-detail__table .eye-catcher {
      margin-top: 0; }
      .tariff-detail__table .eye-catcher span {
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 0;
        margin-right: 0; }
    .tariff-detail__table tbody {
      display: block;
      overflow: hidden;
      padding-bottom: 0;
      transition: height 0.3s; }
      .tariff-detail__table tbody.collapsed {
        height: 62px; }
        .tariff-detail__table tbody.collapsed tr:first-of-type .icon {
          transform: translateY(-50%); }
    .tariff-detail__table tr:nth-of-type(odd) {
      background-color: #f4f4f4; }
    .tariff-detail__table tr:not(:first-of-type) {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .tariff-detail__table tr:first-of-type {
      cursor: pointer;
      display: block;
      background-color: #003d8f;
      color: #fff; }
      .tariff-detail__table tr:first-of-type td {
        position: relative;
        width: 100%; }
      .tariff-detail__table tr:first-of-type .icon {
        position: absolute;
        right: 1.5rem;
        top: 50%;
        transform: translateY(-50%) rotateZ(180deg);
        transition: transform .25s; }
    .tariff-detail__table tr:last-of-type::after {
      content: '';
      display: block;
      height: 1.5rem; }
    .tariff-detail__table td {
      display: block; }
      .tariff-detail__table td > strong {
        display: block; }
    .tariff-detail__table h3 {
      margin-bottom: 0;
      color: inherit;
      font-size: 1.125rem;
      font-family: "77-black-condensed", Arial, sans-serif;
      padding-right: 1.25rem; }
  .tariff-detail__table-icon {
    color: #003d8f; }

.teaser-slider:not(.slick-initialized) .teaser-slider-item ~ .teaser-slider-item {
  display: none; }

.teaser-slider.arrows-in .slick-arrow {
  background-color: rgba(255, 255, 255, 0.5); }
  .teaser-slider.arrows-in .slick-arrow.slick-next {
    right: 1.5rem; }
  .teaser-slider.arrows-in .slick-arrow.slick-prev {
    left: 1.5rem; }

.teaser-slider .slick-arrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .3s;
  border-radius: 5px;
  cursor: pointer;
  padding: 0; }
  @media (min-width: 768px) {
    .teaser-slider .slick-arrow {
      top: calc((100% - 45px) / 2);
      transform: translateY(-50%); } }
  .teaser-slider .slick-arrow.slick-next {
    right: -5.25rem; }
  .teaser-slider .slick-arrow.slick-prev {
    left: -5.25rem; }
  .teaser-slider .slick-arrow--inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    cursor: pointer;
    pointer-events: all; }

.teaser-slider .slick-list {
  margin: 0; }

.teaser-slider .slick-dots {
  visibility: hidden;
  height: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0; }
  @media (min-width: 768px) {
    .teaser-slider .slick-dots {
      visibility: visible;
      height: 45px; } }
  .teaser-slider .slick-dots button {
    cursor: pointer;
    display: block;
    border: none; }
  .teaser-slider .slick-dots li {
    position: relative;
    cursor: pointer;
    margin: 1.5rem 6px;
    display: block;
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #e5e5e5; }
    .teaser-slider .slick-dots li h2, .teaser-slider .slick-dots li .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .teaser-slider .slick-dots li .benefits__text {
      display: none; }
    .teaser-slider .slick-dots li button {
      display: none; }
    .teaser-slider .slick-dots li:hover, .teaser-slider .slick-dots li:active {
      background-color: #6e91ba; }
    .teaser-slider .slick-dots li.slick-active {
      background-color: #003d8f; }

.teaser-slider .slick-track {
  display: flex; }

.teaser-slider .slick-slide {
  margin: 0 0.375rem;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center; }
  .teaser-slider .slick-slide > div {
    width: 100%; }

.top-stage {
  position: relative;
  height: 120vw;
  transition: height 0.3s ease; }
  @media (min-width: 768px) {
    .top-stage {
      height: 44vw;
      max-height: 550px; } }
  .top-stage > .container, .top-stage > .marketing-box:not(.marketing-box--fullwidth) {
    height: 100%;
    padding: 0; }
    @media (min-width: 768px) {
      .top-stage > .container, .top-stage > .marketing-box:not(.marketing-box--fullwidth) {
        padding: 0 12px; } }
  .top-stage__content {
    position: relative;
    width: 100%;
    height: 100%; }
  .top-stage__text-container {
    padding: 1.5rem 6.96% 0 6.96%; }
    @media (min-width: 768px) {
      .top-stage__text-container {
        padding: 3rem 3.33% 0 3.33%; } }
    .top-stage__text-container > * {
      position: relative;
      z-index: 9; }
    .top-stage__text-container .benefits {
      color: #fff; }
    .top-stage__text-container .top-stage__preline,
    .top-stage__text-container .top-stage__subline,
    .top-stage__text-container .asterisk-text,
    .top-stage__text-container .benefits {
      vertical-align: middle; }
      .top-stage__text-container .top-stage__preline,
      .top-stage__text-container .top-stage__subline,
      .top-stage__text-container .asterisk-text,
      .top-stage__text-container .benefits {
        font-size: 16px; }
        @media screen and (max-width: 767px) and (min-width: 511.33333px) {
          .top-stage__text-container .top-stage__preline,
          .top-stage__text-container .top-stage__subline,
          .top-stage__text-container .asterisk-text,
          .top-stage__text-container .benefits {
            font-size: calc(0.03129 * 100vw); } }
        @media screen and (min-width: 767px) {
          .top-stage__text-container .top-stage__preline,
          .top-stage__text-container .top-stage__subline,
          .top-stage__text-container .asterisk-text,
          .top-stage__text-container .benefits {
            font-size: 24px; } }
      @media (min-width: 768px) {
        .top-stage__text-container .top-stage__preline,
        .top-stage__text-container .top-stage__subline,
        .top-stage__text-container .asterisk-text,
        .top-stage__text-container .benefits {
          font-size: 16px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 800px) {
    .top-stage__text-container .top-stage__preline,
    .top-stage__text-container .top-stage__subline,
    .top-stage__text-container .asterisk-text,
    .top-stage__text-container .benefits {
      font-size: calc(0.02 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .top-stage__text-container .top-stage__preline,
    .top-stage__text-container .top-stage__subline,
    .top-stage__text-container .asterisk-text,
    .top-stage__text-container .benefits {
      font-size: 24px; } }
    .top-stage__text-container .btn:not(:last-of-type) {
      margin-right: 1.5rem; }
  .top-stage__button-container {
    width: 100%;
    background: #00327f;
    padding: 3%;
    margin-top: -1px; }
    .top-stage__button-container.bg-transparent {
      background: none; }
    @media (min-width: 768px) {
      .top-stage__button-container {
        padding: 5%; } }
  @media (min-width: 650px) and (max-width: 767.98px) {
    .top-stage .top-stage__content .btn {
      font-size: 1rem;
      line-height: 1rem;
      box-shadow: none;
      height: 38px; } }
  .top-stage__preline mark .icon, .top-stage__preline .countdown-label .icon, .top-stage__preline .countdown-label--primary .icon, .top-stage__preline .countdown-label--secondary .icon {
    width: .7em;
    height: .7em; }
  .top-stage__headline {
    color: #fff;
    line-height: 1.22;
    margin-bottom: 0.75rem; }
    .top-stage__headline {
      font-size: 28px; }
      @media screen and (max-width: 767px) and (min-width: 477.24444px) {
        .top-stage__headline {
          font-size: calc(0.05867 * 100vw); } }
      @media screen and (min-width: 767px) {
        .top-stage__headline {
          font-size: 45px; } }
    @media (min-width: 768px) {
      .top-stage__headline {
        font-size: 28px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 746.66667px) {
    .top-stage__headline {
      font-size: calc(0.0375 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .top-stage__headline {
      font-size: 45px; } }
  .top-stage__headline-asterisk .asterisk-text {
    display: inline;
    color: inherit;
    vertical-align: super;
    position: relative;
    top: .3em; }
  .top-stage__subline,
  .top-stage .asterisk-text {
    color: #fff;
    line-height: 1.39;
    margin-bottom: 0.5625rem; }
    .top-stage__subline + .btn,
    .top-stage .asterisk-text + .btn {
      margin-top: 0.5625rem; }
  .top-stage .asterisk-text {
    margin-bottom: 1rem; }
  .top-stage__prices {
    display: flex;
    flex-flow: wrap; }
    .top-stage__prices .top-stage__price {
      position: relative;
      width: 50%;
      margin-bottom: 1.5rem; }
      .top-stage__prices .top-stage__price:nth-child(odd) {
        padding-right: 0.75rem; }
      .top-stage__prices .top-stage__price:nth-child(even) {
        padding-left: 0.75rem; }
        .top-stage__prices .top-stage__price:nth-child(even)::before {
          content: '';
          position: absolute;
          height: 100%;
          width: 2px;
          left: 0;
          background: rgba(255, 255, 255, 0.2); }
      .top-stage__prices .top-stage__price:first-child:last-child {
        flex-basis: 100%;
        padding-right: 0; }
      .top-stage__prices .top-stage__price .price {
        font-size: 5px; }
        @media screen and (max-width: 767px) and (min-width: 599.21875px) {
          .top-stage__prices .top-stage__price .price {
            font-size: calc(0.00834 * 100vw); } }
        @media screen and (min-width: 767px) {
          .top-stage__prices .top-stage__price .price {
            font-size: 6.4px; } }
      @media (min-width: 768px) {
        .top-stage__prices .top-stage__price .price {
          font-size: 5px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 937.5px) {
    .top-stage__prices .top-stage__price .price {
      font-size: calc(0.00533 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .top-stage__prices .top-stage__price .price {
      font-size: 6.4px; } }
      .top-stage__prices .top-stage__price-headline {
        margin-bottom: 0.375rem; }
      .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
        line-height: 1.1; }
        .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
          font-size: 14px; }
          @media screen and (max-width: 767px) and (min-width: 671.125px) {
            .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
              font-size: calc(0.02086 * 100vw); } }
          @media screen and (min-width: 767px) {
            .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
              font-size: 16px; } }
        @media (min-width: 768px) {
          .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
            font-size: 14px; } }
  @media screen and (min-width: 768px) and (max-width: 1200px) and (min-width: 1050px) {
    .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
      font-size: calc(0.01333 * 100vw); } }
  @media screen and (min-width: 768px) and (min-width: 1200px) {
    .top-stage__prices .top-stage__price-headline, .top-stage__prices .top-stage__price-subline {
      font-size: 16px; } }
  .top-stage__background-image {
    position: absolute;
    height: 100%;
    width: 100%; }
    .top-stage__background-image picture {
      height: 100%;
      display: flex;
      justify-content: center; }
      .top-stage__background-image picture img {
        height: 100%; }
  @media (max-width: 767.98px) {
    .top-stage__headline, .top-stage__subline, .top-stage__benefits, .top-stage__prices {
      width: 100% !important; } }
  .top-stage__image-container {
    position: absolute;
    height: 100%;
    width: 100%; }
    .top-stage__image-container > img,
    .top-stage__image-container > picture img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 1; }
    .top-stage__image-container-second-visual {
      position: absolute; }
      .top-stage__image-container-second-visual > img,
      .top-stage__image-container-second-visual > picture img {
        width: 100%;
        z-index: 1; }
  .top-stage__service-card-animation {
    position: absolute; }
    .top-stage__service-card-animation object {
      display: none;
      pointer-events: none; }
  .top-stage__service-card-animation-image--hide {
    position: absolute;
    width: 0;
    left: -99999px; }
  .top-stage-helper--xs-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateX(0); }
  .top-stage-helper--xs-top-middle {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%); }
  .top-stage-helper--xs-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateX(0); }
  .top-stage-helper--xs-middle-left {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%); }
  .top-stage-helper--xs-middle-middle {
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%); }
  .top-stage-helper--xs-middle-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%); }
  .top-stage-helper--xs-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    transform: translateX(0); }
  .top-stage-helper--xs-bottom-middle {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .top-stage-helper--xs-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    transform: translateX(0); }
  @media (min-width: 480px) {
    .top-stage-helper--sm-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--sm-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--sm-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--sm-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--sm-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--sm-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--sm-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--sm-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--sm-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }
  @media (min-width: 650px) {
    .top-stage-helper--ms-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--ms-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--ms-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--ms-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--ms-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--ms-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--ms-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--ms-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--ms-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }
  @media (min-width: 768px) {
    .top-stage-helper--md-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--md-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--md-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--md-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--md-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--md-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--md-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--md-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--md-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }
  @media (min-width: 1024px) {
    .top-stage-helper--lg-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--lg-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--lg-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--lg-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--lg-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--lg-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--lg-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--lg-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--lg-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }
  @media (min-width: 1200px) {
    .top-stage-helper--xl-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--xl-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--xl-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--xl-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--xl-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--xl-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--xl-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--xl-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--xl-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }
  @media (min-width: 1500px) {
    .top-stage-helper--xxl-top-left {
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--xxl-top-middle {
      top: 0;
      right: auto;
      bottom: auto;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--xxl-top-right {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0); }
    .top-stage-helper--xxl-middle-left {
      top: 50%;
      right: auto;
      bottom: auto;
      left: 0;
      transform: translateY(-50%); }
    .top-stage-helper--xxl-middle-middle {
      top: 50%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, -50%); }
    .top-stage-helper--xxl-middle-right {
      top: 50%;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateY(-50%); }
    .top-stage-helper--xxl-bottom-left {
      top: auto;
      right: auto;
      bottom: 0;
      left: 0;
      transform: translateX(0); }
    .top-stage-helper--xxl-bottom-middle {
      top: auto;
      right: auto;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .top-stage-helper--xxl-bottom-right {
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      transform: translateX(0); } }

.top-stage-slider {
  position: relative;
  z-index: 0;
  margin-left: -1px;
  margin-bottom: 0.75rem;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem; }
  .top-stage-slider .slick-track {
    display: flex;
    align-items: stretch; }
  .top-stage-slider .slick-slide {
    height: auto; }
    .top-stage-slider .slick-slide > div {
      display: flex; }
    .top-stage-slider .slick-slide > div,
    .top-stage-slider .slick-slide .container-full,
    .top-stage-slider .slick-slide .container,
    .top-stage-slider .slick-slide .marketing-box:not(.marketing-box--fullwidth),
    .top-stage-slider .slick-slide .row {
      height: 100%; }
    .top-stage-slider .slick-slide .row {
      flex-direction: column; }
      @media (min-width: 1024px) {
        .top-stage-slider .slick-slide .row {
          flex-direction: row; } }
  @media (min-width: 480px) {
    .top-stage-slider {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 650px) {
    .top-stage-slider {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem; } }
  @media (min-width: 768px) {
    .top-stage-slider {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem; } }
  @media (min-width: 1200px) {
    .top-stage-slider {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 768px) {
    .top-stage-slider {
      margin-bottom: 1.5rem; } }
  @media (min-width: 1024px) {
    .top-stage-slider {
      margin-bottom: 2.25rem; } }
  .top-stage-slider:not(.slick-initialized) .top-stage ~ .top-stage {
    display: none; }
  .top-stage-slider .slick-active {
    z-index: 1; }
  .top-stage-slider .slick-list {
    padding-bottom: 1000px;
    margin-bottom: -1000px; }
  .top-stage-slider .slick-track {
    transition: margin-bottom 0.3s; }
  .top-stage-slider .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    position: absolute;
    bottom: calc(5.5vw + 1000px);
    transition: opacity 0.3s; }
    @media (min-width: 768px) {
      .top-stage-slider .slick-dots {
        bottom: calc(18px + 1000px); } }
    .top-stage-slider .slick-dots li {
      position: relative;
      cursor: pointer;
      margin: 0 3px;
      display: block;
      background-color: #fff;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      border: 1px solid #999999; }
      .top-stage-slider .slick-dots li:hover {
        background-color: rgba(0, 61, 143, 0.7); }
      .top-stage-slider .slick-dots li.slick-active {
        background-color: #003d8f;
        border-color: #003d8f; }
    .top-stage-slider .slick-dots button {
      display: none; }
  .top-stage-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 500px);
    z-index: 1;
    pointer-events: none; }
    .top-stage-slider .slick-arrow--inner {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 50px;
      width: 50px;
      cursor: pointer;
      pointer-events: all; }
    .top-stage-slider .slick-arrow--next {
      right: 0; }
    .top-stage-slider .slick-arrow.slick-disabled {
      opacity: .2; }
    @media (min-width: 1348px) {
      .top-stage-slider .slick-arrow {
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        display: flex;
        flex-direction: column;
        width: 1200px; }
        .top-stage-slider .slick-arrow--inner.slick-prev {
          margin-left: -62px; }
        .top-stage-slider .slick-arrow--inner.slick-next {
          margin-right: -62px;
          align-self: flex-end; } }

.tradein {
  position: relative;
  padding-top: 1.5rem;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
  line-height: 1.39; }
  @media (min-width: 480px) {
    .tradein {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 650px) {
    .tradein {
      width: calc(100% + 2 * 2.25rem);
      margin-left: -2.25rem;
      margin-right: -2.25rem;
      padding-left: 2.25rem;
      padding-right: 2.25rem; } }
  @media (min-width: 768px) {
    .tradein {
      width: calc(100% + 2 * 1.5rem);
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media (min-width: 1200px) {
    .tradein {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 650px) {
    .tradein {
      padding-top: 2.25rem; } }
  @media (min-width: 650px) {
    .tradein {
      font-size: 1.25rem;
      line-height: 1.39; } }
  .tradein__background {
    position: absolute;
    top: 0;
    left: 0; }
  .tradein__content {
    position: relative; }
  .tradein__headline {
    font-size: 1.75rem;
    line-height: 1.22;
    margin-bottom: 0.75rem;
    color: #fff; }
    @media (min-width: 650px) {
      .tradein__headline {
        font-size: 2.5rem;
        line-height: 1.22; } }
    @media (min-width: 1024px) {
      .tradein__headline {
        font-size: 2.8125rem;
        line-height: 1.22; } }
  .tradein__subheadline {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem;
    color: #fff; }
    @media (min-width: 650px) {
      .tradein__subheadline {
        font-size: 1.5rem;
        line-height: 1.22; } }
  .tradein__input-wrapper {
    height: 224px; }
    .tradein__input-wrapper > div {
      position: relative; }
    .tradein__input-wrapper [data-toggle='popover'] {
      position: absolute;
      display: block;
      left: calc(100% + 0.75rem);
      top: 50%;
      transform: translateY(-50%); }
    .tradein__input-wrapper [data-toggle='popover'],
    .tradein__input-wrapper .icon {
      height: 1rem;
      width: 1rem; }
    @media (min-width: 650px) {
      .tradein__input-wrapper {
        height: 270px; }
        .tradein__input-wrapper [data-toggle='popover'],
        .tradein__input-wrapper .icon {
          height: 1.25rem;
          width: 1.25rem; } }
    @media (min-width: 1024px) {
      .tradein__input-wrapper {
        height: 296px; } }
  .tradein__result {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .tradein__badge {
    margin-bottom: 0.75rem;
    text-align: right; }
    @media (min-width: 650px) {
      .tradein__badge {
        position: absolute;
        left: calc(50% + 100px);
        text-align: left; } }
  @media all and (min-width: 650px) and (-ms-high-contrast: none) {
    .tradein__badge {
      top: 105px; } }
    .tradein__badge img {
      width: 100px;
      height: 100px; }
      @media (min-width: 650px) {
        .tradein__badge img {
          width: 180px;
          height: 180px; } }
  .tradein__subline {
    margin-bottom: 0.5625rem; }
  .tradein__price-headline {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem;
    color: #003d8f; }
    @media (min-width: 650px) {
      .tradein__price-headline {
        font-size: 1.5rem;
        line-height: 1.22; } }
  .tradein__buttons-wrapper {
    margin-bottom: 0.75rem; }
  .tradein p {
    margin-bottom: 0.5625rem; }

.v-check {
  position: relative;
  color: #fff;
  padding-top: 1.5rem; }
  @media (min-width: 768px) {
    .v-check {
      padding-top: 4.125rem; } }
  .v-check .container, .v-check .marketing-box:not(.marketing-box--fullwidth) {
    position: relative; }
  .v-check__content {
    padding-bottom: 4.5rem; }
    .v-check__content > div {
      flex-grow: 1; }
    @media (min-width: 768px) {
      .v-check__content {
        padding-bottom: 5.25rem; } }
    @media (min-width: 1024px) {
      .v-check__content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-bottom: 7.5rem; } }
  @media (min-width: 768px) {
    .v-check__content--with-router {
      margin-bottom: 15rem; } }
  .v-check .btn {
    margin: 0.75rem 0 0.75rem 0; }
  .v-check__asterisk-text, .v-check__footnote {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 768px) {
      .v-check__asterisk-text, .v-check__footnote {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .v-check__footnote {
    color: #3c3c3c;
    padding: 1.5rem 0 3rem 0; }
    @media (min-width: 768px) {
      .v-check__footnote {
        padding-top: 2.25rem;
        padding-bottom: 4.5rem; } }
    @media (min-width: 1024px) {
      .v-check__footnote {
        padding-top: 3.75rem;
        padding-bottom: 7.5rem; } }
  .v-check__background-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    width: calc(100% + 2 * 0.75rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
    @media (min-width: 480px) {
      .v-check__background-image {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 650px) {
      .v-check__background-image {
        width: calc(100% + 2 * 2.25rem);
        margin-left: -2.25rem;
        margin-right: -2.25rem; } }
    @media (min-width: 768px) {
      .v-check__background-image {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 1200px) {
      .v-check__background-image {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .v-check__background-image img {
      height: 100%;
      width: 100%;
      object-fit: fill; }
  .v-check .glow {
    text-shadow: 0 0 3px white; }
  .v-check--result-noselection {
    margin-bottom: 4.5rem; }
    @media (min-width: 768px) {
      .v-check--result-noselection {
        margin-bottom: 5.25rem; } }
    @media (min-width: 1024px) {
      .v-check--result-noselection {
        margin-bottom: 7.5rem; } }
    .v-check--result-noselection .v-check__footnote {
      color: #fff;
      padding: 0 0.375rem;
      z-index: 2; }
    .v-check--result-noselection p.line-height-12,
    .v-check--result-noselection div.line-height-12 {
      vertical-align: top;
      padding-top: 1.5rem; }
    @media (min-width: 650px) {
      .v-check--result-noselection p.line-height-12,
      .v-check--result-noselection div.line-height-12 {
        width: 45%;
        display: inline-block; } }
    @media (min-width: 1024px) {
      .v-check--result-noselection p.line-height-12,
      .v-check--result-noselection div.line-height-12 {
        width: 65%; } }
  .v-check__heading {
    font-size: 1.75rem;
    line-height: 1.22;
    margin-bottom: 0.75rem !important;
    font-family: "77-black-condensed", Arial, sans-serif;
    color: #fff;
    margin-bottom: 0.75rem; }
    @media (min-width: 768px) {
      .v-check__heading {
        font-size: 2.5rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    @media (min-width: 1024px) {
      .v-check__heading {
        font-size: 2.8125rem;
        line-height: 1.22;
        margin-bottom: 0.75rem !important; } }
    .router-selection__head .v-check__heading {
      color: #003d8f; }
  .v-check__subheading {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    color: #fff;
    margin-bottom: 0.75rem;
    padding-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .v-check__subheading {
        font-size: 1.5rem;
        line-height: 1.22;
        margin-bottom: 0.5625rem !important; } }
    .router-selection__head .v-check__subheading {
      color: #3c3c3c; }
  .v-check .form-control {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important; }
    @media (min-width: 768px) {
      .v-check .form-control {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .v-check__address, .v-check__additions {
    font-size: 1rem;
    line-height: 1.39;
    margin-bottom: 0.5625rem !important;
    color: #fff;
    margin-bottom: 0.75rem; }
    @media (min-width: 768px) {
      .v-check__address, .v-check__additions {
        font-size: 1.125rem;
        line-height: 1.39;
        margin-bottom: 0.5625rem !important; } }
  .v-check__additions {
    margin-top: 0.75rem; }
  .v-check__icon {
    width: 1.5rem;
    height: 1.5rem; }
    @media (min-width: 768px) {
      .v-check__icon {
        width: 2.25rem;
        height: 2.25rem; } }
    @media (min-width: 1024px) {
      .v-check__icon {
        width: 3rem;
        height: 3rem; } }
  .v-check__error-message {
    color: #f0b602; }
  .v-check__router-image--deso {
    right: 0;
    position: absolute;
    bottom: -4.6875rem;
    z-index: 0; }
    @media (min-width: 1024px) {
      .v-check__router-image--deso {
        bottom: -9.375rem; } }
    .v-check__router-image--deso img {
      display: block;
      margin: 0 auto;
      max-height: 15rem; }
      @media (min-width: 1024px) {
        .v-check__router-image--deso img {
          position: relative;
          max-height: 18.75rem; } }
  .v-check__router-image--moso {
    position: relative;
    top: -7.5rem;
    width: calc(100% + 2 * 0.75rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
    @media (min-width: 480px) {
      .v-check__router-image--moso {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 650px) {
      .v-check__router-image--moso {
        width: calc(100% + 2 * 2.25rem);
        margin-left: -2.25rem;
        margin-right: -2.25rem; } }
    @media (min-width: 768px) {
      .v-check__router-image--moso {
        width: calc(100% + 2 * 1.5rem);
        margin-left: -1.5rem;
        margin-right: -1.5rem; } }
    @media (min-width: 1200px) {
      .v-check__router-image--moso {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .v-check__router-image--moso img {
      width: 100%; }
  .v-check .autocomplete {
    position: absolute;
    top: calc(100% - 0.75rem - 0.1875rem);
    left: 1px;
    width: calc(100% - 0.75rem);
    list-style: none;
    z-index: 1;
    margin: 0 5px;
    padding: 0.375rem 0 0;
    border: 1px solid #999999;
    border-top: none;
    border-radius: 0 0 5px 5px;
    color: #3c3c3c; }
    .v-check .autocomplete + input {
      border-radius: 5px 5px 0 0; }
    .v-check .autocomplete__item {
      background: #fff;
      padding: 0.375rem 0.75rem;
      border-bottom: 1px solid #999999;
      cursor: pointer;
      font-size: 0.875rem;
      line-height: 1; }
      .v-check .autocomplete__item:hover {
        background: #f4f4f4; }
      .v-check .autocomplete__item:last-child {
        border-bottom: none;
        border-radius: 0 0 5px 5px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .v-check__map-container-wrapper > .container, .v-check__map-container-wrapper > .marketing-box:not(.marketing-box--fullwidth) {
    min-height: 0; } }
  @media all and (-ms-high-contrast: none) and (min-width: 480px), (-ms-high-contrast: active) and (min-width: 480px) {
    .v-check__map-container-wrapper > .container, .v-check__map-container-wrapper > .marketing-box:not(.marketing-box--fullwidth) {
      min-height: 11rem; } }
  @media all and (-ms-high-contrast: none) and (min-width: 768px), (-ms-high-contrast: active) and (min-width: 768px) {
    .v-check__map-container-wrapper > .container, .v-check__map-container-wrapper > .marketing-box:not(.marketing-box--fullwidth) {
      min-height: 21rem; } }
  @media all and (-ms-high-contrast: none) and (min-width: 1024px), (-ms-high-contrast: active) and (min-width: 1024px) {
    .v-check__map-container-wrapper > .container, .v-check__map-container-wrapper > .marketing-box:not(.marketing-box--fullwidth) {
      min-height: 22rem; } }

.horizontal-scroll--fade {
  position: relative; }
  .horizontal-scroll--fade::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.25rem;
    height: 100%;
    content: ''; }

.datepicker {
  border-radius: 5px;
  position: absolute;
  background-color: #fff;
  border: 1px solid #bebebe;
  direction: ltr; }
  .datepicker-inline {
    width: 220px; }
  .datepicker-rtl {
    direction: rtl; }
    .datepicker-rtl.dropdown-menu {
      left: auto; }
    .datepicker-rtl table tr td span {
      float: right; }
  .datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px; }
    .datepicker-dropdown::before {
      content: '';
      display: inline-block;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #bebebe;
      border-top: 0;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      position: absolute; }
    .datepicker-dropdown::after {
      content: '';
      display: inline-block;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #fff;
      border-top: 0;
      position: absolute; }
    .datepicker-dropdown.datepicker-orient-left::before {
      left: 6px; }
    .datepicker-dropdown.datepicker-orient-left::after {
      left: 7px; }
    .datepicker-dropdown.datepicker-orient-right::before {
      right: 6px; }
    .datepicker-dropdown.datepicker-orient-right::after {
      right: 7px; }
    .datepicker-dropdown.datepicker-orient-bottom::before {
      top: -7px; }
    .datepicker-dropdown.datepicker-orient-bottom::after {
      top: -6px; }
    .datepicker-dropdown.datepicker-orient-top::before {
      bottom: -7px;
      border-bottom: 0;
      border-top: 7px solid #bebebe; }
    .datepicker-dropdown.datepicker-orient-top::after {
      bottom: -6px;
      border-bottom: 0;
      border-top: 6px solid #fff; }
  .datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    user-select: none; }
    .datepicker table tr td,
    .datepicker table tr th {
      text-align: center;
      width: 30px;
      height: 30px;
      border-radius: 5px;
      border: none; }
  .table-striped .datepicker table tr td,
  .table-striped .datepicker table tr th {
    background-color: transparent; }
  .datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #99b6d5;
    color: #fff;
    cursor: pointer; }
  .datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr td.day.old, .datepicker table tr td.day.new {
    color: #999999; }
  .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #6c757d;
    cursor: default; }
  .datepicker table tr td.highlighted {
    color: #fff;
    background-color: #000;
    border-color: #f3e11e;
    border-radius: 0; }
    .datepicker table tr td.highlighted:hover {
      color: #fff;
      background-color: #a29509;
      border-color: #d3c20b; }
    .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus {
      color: #fff;
      background-color: #a29509;
      border-color: #d3c20b;
      box-shadow: 0 0 0 0.2rem rgba(245, 230, 64, 0.5); }
    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted:disabled {
      color: #fff;
      background-color: #000;
      border-color: #f3e11e; }
    .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.highlighted.dropdown-toggle {
      color: #fff;
      background-color: black;
      border-color: #c7b70b; }
      .datepicker table tr td.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.highlighted:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.highlighted.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(245, 230, 64, 0.5); }
    .datepicker table tr td.highlighted.focused {
      background: #d3c20b; }
    .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
      background: #f3e11e;
      color: #6c757d; }
  .datepicker table tr td.today {
    color: #fff;
    background-color: #000;
    border-color: #fee28d; }
    .datepicker table tr td.today:hover {
      color: #212529;
      background-color: #fdc928;
      border-color: #fed65a; }
    .datepicker table tr td.today:focus, .datepicker table tr td.today.focus {
      color: #212529;
      background-color: #fdc928;
      border-color: #fed65a;
      box-shadow: 0 0 0 0.2rem rgba(254, 231, 158, 0.5); }
    .datepicker table tr td.today.disabled, .datepicker table tr td.today:disabled {
      color: #fff;
      background-color: #000;
      border-color: #fee28d; }
    .datepicker table tr td.today:not(:disabled):not(.disabled):active, .datepicker table tr td.today:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.today.dropdown-toggle {
      color: #fff;
      background-color: black;
      border-color: #fed34e; }
      .datepicker table tr td.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.today:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.today.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(254, 231, 158, 0.5); }
    .datepicker table tr td.today.focused {
      background: #fed65a; }
    .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
      background: #fee28d;
      color: #6c757d; }
  .datepicker table tr td.range {
    color: #fff;
    background-color: #000;
    border-color: #e5e5e5;
    border-radius: 0; }
    .datepicker table tr td.range:hover {
      color: #212529;
      background-color: #b2b2b2;
      border-color: #cccccc; }
    .datepicker table tr td.range:focus, .datepicker table tr td.range.focus {
      color: #212529;
      background-color: #b2b2b2;
      border-color: #cccccc;
      box-shadow: 0 0 0 0.2rem rgba(233, 233, 233, 0.5); }
    .datepicker table tr td.range.disabled, .datepicker table tr td.range:disabled {
      color: #fff;
      background-color: #000;
      border-color: #e5e5e5; }
    .datepicker table tr td.range:not(:disabled):not(.disabled):active, .datepicker table tr td.range:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.range.dropdown-toggle {
      color: #fff;
      background-color: black;
      border-color: #c5c5c5; }
      .datepicker table tr td.range:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.range.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(233, 233, 233, 0.5); }
    .datepicker table tr td.range.focused {
      background: #cccccc; }
    .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
      background: #e5e5e5;
      color: #6c757d; }
  .datepicker table tr td.range.highlighted {
    color: #fff;
    background-color: #000;
    border-color: #ece382; }
    .datepicker table tr td.range.highlighted:hover {
      color: #212529;
      background-color: #dfcf29;
      border-color: #e5d956; }
    .datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus {
      color: #212529;
      background-color: #dfcf29;
      border-color: #e5d956;
      box-shadow: 0 0 0 0.2rem rgba(239, 231, 149, 0.5); }
    .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted:disabled {
      color: #fff;
      background-color: #000;
      border-color: #ece382; }
    .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.range.highlighted.dropdown-toggle {
      color: #fff;
      background-color: black;
      border-color: #e4d74b; }
      .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.highlighted:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.range.highlighted.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(239, 231, 149, 0.5); }
    .datepicker table tr td.range.highlighted.focused {
      background: #e5d956; }
    .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
      background: #ece382;
      color: #6c757d; }
  .datepicker table tr td.range.today {
    color: #fff;
    background-color: #000;
    border-color: #ebce74; }
    .datepicker table tr td.range.today:hover {
      color: #212529;
      background-color: #daac1f;
      border-color: #e5be47; }
    .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus {
      color: #212529;
      background-color: #daac1f;
      border-color: #e5be47;
      box-shadow: 0 0 0 0.2rem rgba(238, 213, 137, 0.5); }
    .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:disabled {
      color: #fff;
      background-color: #000;
      border-color: #ebce74; }
    .datepicker table tr td.range.today:not(:disabled):not(.disabled):active, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.range.today.dropdown-toggle {
      color: #fff;
      background-color: black;
      border-color: #e3ba3c; }
      .datepicker table tr td.range.today:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.range.today:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.range.today.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(238, 213, 137, 0.5); }
    .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
      background: #ebce74;
      color: #6c757d; }
  .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
    color: #212529;
    background-color: #fff;
    border-color: #f4f4f4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {
      color: #212529;
      background-color: #f4f4f4;
      border-color: #dbdbdb; }
    .datepicker table tr td.selected:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.highlighted.focus {
      color: #212529;
      background-color: #f4f4f4;
      border-color: #dbdbdb;
      box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }
    .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:disabled, .datepicker table tr td.selected.highlighted.disabled, .datepicker table tr td.selected.highlighted:disabled {
      color: #212529;
      background-color: #fff;
      border-color: #f4f4f4; }
    .datepicker table tr td.selected:not(:disabled):not(.disabled):active, .datepicker table tr td.selected:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.selected.dropdown-toggle, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active,
    .show > .datepicker table tr td.selected.highlighted.dropdown-toggle {
      color: #212529;
      background-color: #e6e6e6;
      border-color: #d4d4d4; }
      .datepicker table tr td.selected:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.selected.dropdown-toggle:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled):active:focus, .datepicker table tr td.selected.highlighted:not(:disabled):not(.disabled).active:focus,
      .show > .datepicker table tr td.selected.highlighted.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(212, 213, 214, 0.5); }
  .datepicker table tr td.active, .datepicker table tr td.active.highlighted {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  .datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 5px; }
    .datepicker table tr td span:hover, .datepicker table tr td span.focused {
      background: #99b6d5;
      color: #fff; }
    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
      background: none;
      color: #6c757d;
      cursor: default; }
    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
    .datepicker table tr td span.old, .datepicker table tr td span.new {
      color: #6c757d; }
      .datepicker table tr td span.old:hover, .datepicker table tr td span.new:hover {
        color: #999999; }
  .datepicker .datepicker-switch {
    width: 145px; }
  .datepicker .datepicker-switch,
  .datepicker .prev,
  .datepicker .next,
  .datepicker tfoot tr th {
    cursor: pointer;
    color: #003d8f; }
    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
      background: #e5e5e5; }
  .datepicker .prev.disabled,
  .datepicker .next.disabled {
    visibility: hidden; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }

.input-group.date .input-group-addon {
  cursor: pointer;
  height: 2.375rem; }

.input-daterange {
  width: 100%; }
  .input-daterange input {
    text-align: center; }
  .input-daterange input:first-child {
    border-radius: 3px 0 0 3px; }
  .input-daterange input:last-child {
    border-radius: 0 3px 3px 0; }
  .input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.3;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px; }

[data-uniboxes-slider].slick-initialized .slick-arrow {
  position: absolute;
  top: 0;
  height: 100%;
  width: 2.25rem;
  cursor: pointer; }
  @media (min-width: 1200px) {
    [data-uniboxes-slider].slick-initialized .slick-arrow {
      width: 3rem; } }
  [data-uniboxes-slider].slick-initialized .slick-arrow--prev {
    left: -2.25rem; }
    @media (min-width: 1200px) {
      [data-uniboxes-slider].slick-initialized .slick-arrow--prev {
        left: -3rem; } }
  [data-uniboxes-slider].slick-initialized .slick-arrow--next {
    right: -2.25rem; }
    @media (min-width: 1200px) {
      [data-uniboxes-slider].slick-initialized .slick-arrow--next {
        right: -3rem; } }
  [data-uniboxes-slider].slick-initialized .slick-arrow--inner {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%); }
  [data-uniboxes-slider].slick-initialized .slick-arrow.slick-disabled {
    display: none !important; }
  @media (min-width: 1200px) {
    [data-uniboxes-slider].slick-initialized .slick-arrow .icon {
      width: 2.5rem;
      height: 2.5rem; } }

/*
@import '_patternlab/styleguide/button-example';
@import '_patternlab/styleguide/color-example';
@import '_patternlab/styleguide/documentation';
@import '_patternlab/styleguide/grid-demo';
@import '_patternlab/styleguide/hardware-color';
@import '_patternlab/styleguide/hardware-list-demo';
@import '_patternlab/styleguide/icon-tiles';
@import '_patternlab/styleguide/ios-iframe-fix';
@import '_patternlab/styleguide/teaser-example';
@import '_patternlab/styleguide/top-stage-helper';
*/
.skew--right {
  clip-path: polygon(0 1.5rem, 100% 0, 100% 100%, 0 calc(100% - 1.25rem)); }
  @media (min-width: 1024px) {
    .skew--right {
      clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 calc(100% - 2.5rem)); } }

.skew--left {
  clip-path: polygon(0 0, 100% 1.5rem, 100% calc(100% - 1.25rem), 0% 100%); }
  @media (min-width: 1024px) {
    .skew--left {
      clip-path: polygon(0 0, 100% 3rem, 100% calc(100% - 2.5rem), 0% 100%); } }

.skew--bothright {
  clip-path: polygon(0 1.5rem, 100% 0, 100% calc(100% - 1.25rem), 0% 100%); }
  @media (min-width: 1024px) {
    .skew--bothright {
      clip-path: polygon(0 3rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%); } }

.skew--bothleft {
  clip-path: polygon(0 0, 100% 1.5rem, 100% 100%, 0 calc(100% - 1.25rem)); }
  @media (min-width: 1024px) {
    .skew--bothleft {
      clip-path: polygon(0 0, 100% 3rem, 100% 100%, 0 calc(100% - 2.5rem)); } }

.skew--topright {
  clip-path: polygon(0 1.5rem, 100% 0, 100% 100%, 0 100%); }
  @media (min-width: 1024px) {
    .skew--topright {
      clip-path: polygon(0 3rem, 100% 0, 100% 100%, 0 100%); } }

.skew--topleft {
  clip-path: polygon(0 0, 100% 1.5rem, 100% 100%, 0% 100%); }
  @media (min-width: 1024px) {
    .skew--topleft {
      clip-path: polygon(0 0, 100% 3rem, 100% 100%, 0% 100%); } }

.skew--bottomright {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 1.25rem)); }
  @media (min-width: 1024px) {
    .skew--bottomright {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2.5rem)); } }

.skew--bottomleft {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.25rem), 0% 100%); }
  @media (min-width: 1024px) {
    .skew--bottomleft {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5rem), 0% 100%); } }

.skew--up {
  clip-path: polygon(0 1.5rem, 100% 0, 100% calc(100% - 1.25rem), 0 100%); }
  @media (min-width: 1024px) {
    .skew--up {
      clip-path: polygon(0 3rem, 100% 0, 100% calc(100% - 2.5rem), 0 100%); } }

.skew--down {
  clip-path: polygon(0 0, 100% 1.5rem, 100% 100%, 0 calc(100% - 1.25rem)); }
  @media (min-width: 1024px) {
    .skew--down {
      clip-path: polygon(0 0, 100% 3rem, 100% 100%, 0 calc(100% - 2.5rem)); } }

.skew--left + .skew--right,
.skew--left + .skew--topright,
.skew--left + .skew--left,
.skew--left + .skew--topleft,
.skew--left + .skew--bothleft,
.skew--left + .skew--bothright,
.skew--left + .gap-filler + .skew--right,
.skew--left + .gap-filler + .skew--topright,
.skew--left + .gap-filler + .skew--left,
.skew--left + .gap-filler + .skew--bothleft,
.skew--left + .gap-filler + .skew--bothright,
.skew--left + .gap-filler + .skew--topleft,
.skew--right + .skew--right,
.skew--right + .skew--topright,
.skew--right + .skew--left,
.skew--right + .skew--topleft,
.skew--right + .skew--bothleft,
.skew--right + .skew--bothright,
.skew--right + .gap-filler + .skew--right,
.skew--right + .gap-filler + .skew--topright,
.skew--right + .gap-filler + .skew--left,
.skew--right + .gap-filler + .skew--bothleft,
.skew--right + .gap-filler + .skew--bothright,
.skew--right + .gap-filler + .skew--topleft,
.skew--bothleft + .skew--right,
.skew--bothleft + .skew--topright,
.skew--bothleft + .skew--left,
.skew--bothleft + .skew--topleft,
.skew--bothleft + .skew--bothleft,
.skew--bothleft + .skew--bothright,
.skew--bothleft + .gap-filler + .skew--right,
.skew--bothleft + .gap-filler + .skew--topright,
.skew--bothleft + .gap-filler + .skew--left,
.skew--bothleft + .gap-filler + .skew--bothleft,
.skew--bothleft + .gap-filler + .skew--bothright,
.skew--bothleft + .gap-filler + .skew--topleft,
.skew--bothright + .skew--right,
.skew--bothright + .skew--topright,
.skew--bothright + .skew--left,
.skew--bothright + .skew--topleft,
.skew--bothright + .skew--bothleft,
.skew--bothright + .skew--bothright,
.skew--bothright + .gap-filler + .skew--right,
.skew--bothright + .gap-filler + .skew--topright,
.skew--bothright + .gap-filler + .skew--left,
.skew--bothright + .gap-filler + .skew--bothleft,
.skew--bothright + .gap-filler + .skew--bothright,
.skew--bothright + .gap-filler + .skew--topleft,
.skew--bottomright + .skew--right,
.skew--bottomright + .skew--topright,
.skew--bottomright + .skew--left,
.skew--bottomright + .skew--topleft,
.skew--bottomright + .skew--bothleft,
.skew--bottomright + .skew--bothright,
.skew--bottomright + .gap-filler + .skew--right,
.skew--bottomright + .gap-filler + .skew--topright,
.skew--bottomright + .gap-filler + .skew--left,
.skew--bottomright + .gap-filler + .skew--bothleft,
.skew--bottomright + .gap-filler + .skew--bothright,
.skew--bottomright + .gap-filler + .skew--topleft,
.skew--bottomleft + .skew--right,
.skew--bottomleft + .skew--topright,
.skew--bottomleft + .skew--left,
.skew--bottomleft + .skew--topleft,
.skew--bottomleft + .skew--bothleft,
.skew--bottomleft + .skew--bothright,
.skew--bottomleft + .gap-filler + .skew--right,
.skew--bottomleft + .gap-filler + .skew--topright,
.skew--bottomleft + .gap-filler + .skew--left,
.skew--bottomleft + .gap-filler + .skew--bothleft,
.skew--bottomleft + .gap-filler + .skew--bothright,
.skew--bottomleft + .gap-filler + .skew--topleft {
  margin-top: -0.75rem; }
  @media (min-width: 1024px) {
    .skew--left + .skew--right,
    .skew--left + .skew--topright,
    .skew--left + .skew--left,
    .skew--left + .skew--topleft,
    .skew--left + .skew--bothleft,
    .skew--left + .skew--bothright,
    .skew--left + .gap-filler + .skew--right,
    .skew--left + .gap-filler + .skew--topright,
    .skew--left + .gap-filler + .skew--left,
    .skew--left + .gap-filler + .skew--bothleft,
    .skew--left + .gap-filler + .skew--bothright,
    .skew--left + .gap-filler + .skew--topleft,
    .skew--right + .skew--right,
    .skew--right + .skew--topright,
    .skew--right + .skew--left,
    .skew--right + .skew--topleft,
    .skew--right + .skew--bothleft,
    .skew--right + .skew--bothright,
    .skew--right + .gap-filler + .skew--right,
    .skew--right + .gap-filler + .skew--topright,
    .skew--right + .gap-filler + .skew--left,
    .skew--right + .gap-filler + .skew--bothleft,
    .skew--right + .gap-filler + .skew--bothright,
    .skew--right + .gap-filler + .skew--topleft,
    .skew--bothleft + .skew--right,
    .skew--bothleft + .skew--topright,
    .skew--bothleft + .skew--left,
    .skew--bothleft + .skew--topleft,
    .skew--bothleft + .skew--bothleft,
    .skew--bothleft + .skew--bothright,
    .skew--bothleft + .gap-filler + .skew--right,
    .skew--bothleft + .gap-filler + .skew--topright,
    .skew--bothleft + .gap-filler + .skew--left,
    .skew--bothleft + .gap-filler + .skew--bothleft,
    .skew--bothleft + .gap-filler + .skew--bothright,
    .skew--bothleft + .gap-filler + .skew--topleft,
    .skew--bothright + .skew--right,
    .skew--bothright + .skew--topright,
    .skew--bothright + .skew--left,
    .skew--bothright + .skew--topleft,
    .skew--bothright + .skew--bothleft,
    .skew--bothright + .skew--bothright,
    .skew--bothright + .gap-filler + .skew--right,
    .skew--bothright + .gap-filler + .skew--topright,
    .skew--bothright + .gap-filler + .skew--left,
    .skew--bothright + .gap-filler + .skew--bothleft,
    .skew--bothright + .gap-filler + .skew--bothright,
    .skew--bothright + .gap-filler + .skew--topleft,
    .skew--bottomright + .skew--right,
    .skew--bottomright + .skew--topright,
    .skew--bottomright + .skew--left,
    .skew--bottomright + .skew--topleft,
    .skew--bottomright + .skew--bothleft,
    .skew--bottomright + .skew--bothright,
    .skew--bottomright + .gap-filler + .skew--right,
    .skew--bottomright + .gap-filler + .skew--topright,
    .skew--bottomright + .gap-filler + .skew--left,
    .skew--bottomright + .gap-filler + .skew--bothleft,
    .skew--bottomright + .gap-filler + .skew--bothright,
    .skew--bottomright + .gap-filler + .skew--topleft,
    .skew--bottomleft + .skew--right,
    .skew--bottomleft + .skew--topright,
    .skew--bottomleft + .skew--left,
    .skew--bottomleft + .skew--topleft,
    .skew--bottomleft + .skew--bothleft,
    .skew--bottomleft + .skew--bothright,
    .skew--bottomleft + .gap-filler + .skew--right,
    .skew--bottomleft + .gap-filler + .skew--topright,
    .skew--bottomleft + .gap-filler + .skew--left,
    .skew--bottomleft + .gap-filler + .skew--bothleft,
    .skew--bottomleft + .gap-filler + .skew--bothright,
    .skew--bottomleft + .gap-filler + .skew--topleft {
      margin-top: -2.25rem; } }

.page-top-background-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 540px;
  background: radial-gradient(circle at center 60%, #b6def1 1%, #30a1d8 40%, #003d8f 100%); }
  @media (min-width: 650px) {
    .page-top-background-box::before {
      height: 630px; } }

.page-top-background-box > * {
  position: relative; }

.bg-secondary, .bg-secondary-300, .bg-secondary-400, .bg-secondary-500, .bg-secondary-600 {
  color: #fff; }
  .bg-secondary .bg-white, .bg-secondary-300 .bg-white, .bg-secondary-400 .bg-white, .bg-secondary-500 .bg-white, .bg-secondary-600 .bg-white {
    color: #3c3c3c; }
    .bg-secondary .bg-white h1,
    .bg-secondary .bg-white .h1,
    .bg-secondary .bg-white h2,
    .bg-secondary .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary .bg-white .benefits__text,
    .bg-secondary .bg-white .h2,
    .bg-secondary .bg-white h3,
    .bg-secondary .bg-white .h3,
    .bg-secondary .bg-white h4,
    .bg-secondary .bg-white .h4,
    .bg-secondary .bg-white h5,
    .bg-secondary .bg-white .h5, .bg-secondary-300 .bg-white h1,
    .bg-secondary-300 .bg-white .h1,
    .bg-secondary-300 .bg-white h2,
    .bg-secondary-300 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-300 .bg-white .benefits__text,
    .bg-secondary-300 .bg-white .h2,
    .bg-secondary-300 .bg-white h3,
    .bg-secondary-300 .bg-white .h3,
    .bg-secondary-300 .bg-white h4,
    .bg-secondary-300 .bg-white .h4,
    .bg-secondary-300 .bg-white h5,
    .bg-secondary-300 .bg-white .h5, .bg-secondary-400 .bg-white h1,
    .bg-secondary-400 .bg-white .h1,
    .bg-secondary-400 .bg-white h2,
    .bg-secondary-400 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-400 .bg-white .benefits__text,
    .bg-secondary-400 .bg-white .h2,
    .bg-secondary-400 .bg-white h3,
    .bg-secondary-400 .bg-white .h3,
    .bg-secondary-400 .bg-white h4,
    .bg-secondary-400 .bg-white .h4,
    .bg-secondary-400 .bg-white h5,
    .bg-secondary-400 .bg-white .h5, .bg-secondary-500 .bg-white h1,
    .bg-secondary-500 .bg-white .h1,
    .bg-secondary-500 .bg-white h2,
    .bg-secondary-500 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-500 .bg-white .benefits__text,
    .bg-secondary-500 .bg-white .h2,
    .bg-secondary-500 .bg-white h3,
    .bg-secondary-500 .bg-white .h3,
    .bg-secondary-500 .bg-white h4,
    .bg-secondary-500 .bg-white .h4,
    .bg-secondary-500 .bg-white h5,
    .bg-secondary-500 .bg-white .h5, .bg-secondary-600 .bg-white h1,
    .bg-secondary-600 .bg-white .h1,
    .bg-secondary-600 .bg-white h2,
    .bg-secondary-600 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-600 .bg-white .benefits__text,
    .bg-secondary-600 .bg-white .h2,
    .bg-secondary-600 .bg-white h3,
    .bg-secondary-600 .bg-white .h3,
    .bg-secondary-600 .bg-white h4,
    .bg-secondary-600 .bg-white .h4,
    .bg-secondary-600 .bg-white h5,
    .bg-secondary-600 .bg-white .h5 {
      color: #003d8f; }
  .bg-secondary h1,
  .bg-secondary .h1,
  .bg-secondary h2,
  .bg-secondary .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary .benefits__text,
  .bg-secondary .h2,
  .bg-secondary h3,
  .bg-secondary .h3,
  .bg-secondary h4,
  .bg-secondary .h4,
  .bg-secondary h5,
  .bg-secondary .h5, .bg-secondary-300 h1,
  .bg-secondary-300 .h1,
  .bg-secondary-300 h2,
  .bg-secondary-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-300 .benefits__text,
  .bg-secondary-300 .h2,
  .bg-secondary-300 h3,
  .bg-secondary-300 .h3,
  .bg-secondary-300 h4,
  .bg-secondary-300 .h4,
  .bg-secondary-300 h5,
  .bg-secondary-300 .h5, .bg-secondary-400 h1,
  .bg-secondary-400 .h1,
  .bg-secondary-400 h2,
  .bg-secondary-400 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-400 .benefits__text,
  .bg-secondary-400 .h2,
  .bg-secondary-400 h3,
  .bg-secondary-400 .h3,
  .bg-secondary-400 h4,
  .bg-secondary-400 .h4,
  .bg-secondary-400 h5,
  .bg-secondary-400 .h5, .bg-secondary-500 h1,
  .bg-secondary-500 .h1,
  .bg-secondary-500 h2,
  .bg-secondary-500 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-500 .benefits__text,
  .bg-secondary-500 .h2,
  .bg-secondary-500 h3,
  .bg-secondary-500 .h3,
  .bg-secondary-500 h4,
  .bg-secondary-500 .h4,
  .bg-secondary-500 h5,
  .bg-secondary-500 .h5, .bg-secondary-600 h1,
  .bg-secondary-600 .h1,
  .bg-secondary-600 h2,
  .bg-secondary-600 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-600 .benefits__text,
  .bg-secondary-600 .h2,
  .bg-secondary-600 h3,
  .bg-secondary-600 .h3,
  .bg-secondary-600 h4,
  .bg-secondary-600 .h4,
  .bg-secondary-600 h5,
  .bg-secondary-600 .h5 {
    color: #fff; }

.background--gray {
  background: #f4f4f4 !important; }

.background--gray-200 {
  background: #e5e5e5 !important; }

.background--secondary-100 {
  background: #e0e9f2 !important; }

.background--secondary-200 {
  background: #99b6d5 !important; }

.background--secondary-300 {
  background: #6e91ba !important; }

.background--secondary-400 {
  background: #3d70b7 !important; }

.background--secondary-500 {
  background: #134d9b !important; }

.background--yellow {
  background: #f3e11e !important; }

.background--blue {
  background: #003d8f !important; }

.background--blue, .background--secondary-300, .background--secondary-400, .background--secondary-500, .background--gradient-linear-to-bottom-dark-300 {
  color: #fff; }
  .background--blue h1,
  .background--blue .h1,
  .background--blue h2,
  .background--blue .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .background--blue .benefits__text,
  .background--blue .h2,
  .background--blue h3,
  .background--blue .h3,
  .background--blue h4,
  .background--blue .h4,
  .background--blue h5,
  .background--blue .h5, .background--secondary-300 h1,
  .background--secondary-300 .h1,
  .background--secondary-300 h2,
  .background--secondary-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .background--secondary-300 .benefits__text,
  .background--secondary-300 .h2,
  .background--secondary-300 h3,
  .background--secondary-300 .h3,
  .background--secondary-300 h4,
  .background--secondary-300 .h4,
  .background--secondary-300 h5,
  .background--secondary-300 .h5, .background--secondary-400 h1,
  .background--secondary-400 .h1,
  .background--secondary-400 h2,
  .background--secondary-400 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .background--secondary-400 .benefits__text,
  .background--secondary-400 .h2,
  .background--secondary-400 h3,
  .background--secondary-400 .h3,
  .background--secondary-400 h4,
  .background--secondary-400 .h4,
  .background--secondary-400 h5,
  .background--secondary-400 .h5, .background--secondary-500 h1,
  .background--secondary-500 .h1,
  .background--secondary-500 h2,
  .background--secondary-500 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .background--secondary-500 .benefits__text,
  .background--secondary-500 .h2,
  .background--secondary-500 h3,
  .background--secondary-500 .h3,
  .background--secondary-500 h4,
  .background--secondary-500 .h4,
  .background--secondary-500 h5,
  .background--secondary-500 .h5, .background--gradient-linear-to-bottom-dark-300 h1,
  .background--gradient-linear-to-bottom-dark-300 .h1,
  .background--gradient-linear-to-bottom-dark-300 h2,
  .background--gradient-linear-to-bottom-dark-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .background--gradient-linear-to-bottom-dark-300 .benefits__text,
  .background--gradient-linear-to-bottom-dark-300 .h2,
  .background--gradient-linear-to-bottom-dark-300 h3,
  .background--gradient-linear-to-bottom-dark-300 .h3,
  .background--gradient-linear-to-bottom-dark-300 h4,
  .background--gradient-linear-to-bottom-dark-300 .h4,
  .background--gradient-linear-to-bottom-dark-300 h5,
  .background--gradient-linear-to-bottom-dark-300 .h5 {
    color: #fff; }
    .background--blue h1 .bg-white,
    .background--blue .h1 .bg-white,
    .background--blue h2 .bg-white,
    .background--blue .small-teaser__text .benefits--small-teaser-bold .benefits__text .bg-white,
    .small-teaser__text .benefits--small-teaser-bold .background--blue .benefits__text .bg-white,
    .background--blue .h2 .bg-white,
    .background--blue h3 .bg-white,
    .background--blue .h3 .bg-white,
    .background--blue h4 .bg-white,
    .background--blue .h4 .bg-white,
    .background--blue h5 .bg-white,
    .background--blue .h5 .bg-white, .background--secondary-300 h1 .bg-white,
    .background--secondary-300 .h1 .bg-white,
    .background--secondary-300 h2 .bg-white,
    .background--secondary-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text .bg-white,
    .small-teaser__text .benefits--small-teaser-bold .background--secondary-300 .benefits__text .bg-white,
    .background--secondary-300 .h2 .bg-white,
    .background--secondary-300 h3 .bg-white,
    .background--secondary-300 .h3 .bg-white,
    .background--secondary-300 h4 .bg-white,
    .background--secondary-300 .h4 .bg-white,
    .background--secondary-300 h5 .bg-white,
    .background--secondary-300 .h5 .bg-white, .background--secondary-400 h1 .bg-white,
    .background--secondary-400 .h1 .bg-white,
    .background--secondary-400 h2 .bg-white,
    .background--secondary-400 .small-teaser__text .benefits--small-teaser-bold .benefits__text .bg-white,
    .small-teaser__text .benefits--small-teaser-bold .background--secondary-400 .benefits__text .bg-white,
    .background--secondary-400 .h2 .bg-white,
    .background--secondary-400 h3 .bg-white,
    .background--secondary-400 .h3 .bg-white,
    .background--secondary-400 h4 .bg-white,
    .background--secondary-400 .h4 .bg-white,
    .background--secondary-400 h5 .bg-white,
    .background--secondary-400 .h5 .bg-white, .background--secondary-500 h1 .bg-white,
    .background--secondary-500 .h1 .bg-white,
    .background--secondary-500 h2 .bg-white,
    .background--secondary-500 .small-teaser__text .benefits--small-teaser-bold .benefits__text .bg-white,
    .small-teaser__text .benefits--small-teaser-bold .background--secondary-500 .benefits__text .bg-white,
    .background--secondary-500 .h2 .bg-white,
    .background--secondary-500 h3 .bg-white,
    .background--secondary-500 .h3 .bg-white,
    .background--secondary-500 h4 .bg-white,
    .background--secondary-500 .h4 .bg-white,
    .background--secondary-500 h5 .bg-white,
    .background--secondary-500 .h5 .bg-white, .background--gradient-linear-to-bottom-dark-300 h1 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .h1 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 h2 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text .bg-white,
    .small-teaser__text .benefits--small-teaser-bold .background--gradient-linear-to-bottom-dark-300 .benefits__text .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .h2 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 h3 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .h3 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 h4 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .h4 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 h5 .bg-white,
    .background--gradient-linear-to-bottom-dark-300 .h5 .bg-white {
      color: #003d8f; }

.background--white {
  background: #fff !important; }

@media (max-width: 767.98px) {
  .background--white-on-small {
    background: #fff !important; } }

@media (max-width: 767.98px) {
  .background--blue-on-small {
    background: #003d8f !important; }
    .background--blue-on-small .section-headline__headline,
    .background--blue-on-small .section-headline__subline {
      color: #fff; } }

@media (max-width: 649.98px) {
  .background--blue-on-extrasmall {
    background: #003d8f !important; }
    .background--blue-on-extrasmall .section-headline__headline,
    .background--blue-on-extrasmall .section-headline__subline {
      color: #fff; } }

.background--radial {
  background: radial-gradient(circle at center center, #fff 0, #30a1d8 40%, #003d8f 100%) !important; }

.background--gradient {
  background: radial-gradient(circle at center 60%, #fff 1%, #30a1d8 40%, #003d8f 100%) !important; }

.background--gradient-white-20 {
  background: radial-gradient(circle at center 60%, #fff 20%, #30a1d8 60%, #003d8f 90%) !important; }

.background--gradient-iptv-card {
  background: linear-gradient(to bottom, #3fa3d7 0%, #014594 100%); }

.background--gradient-linear-to-bottom-dark-300 {
  background: linear-gradient(to bottom, #30a1d8 0%, #003d8f 100%); }

.background--gradient-dark {
  background: radial-gradient(circle at center 60%, #3c6cb4 1%, #3c6cb4 40%, #042c7c 100%) !important; }

.opacity-0 {
  opacity: 0; }

.opacity-1 {
  opacity: 0.1; }

.opacity-2 {
  opacity: 0.2; }

.opacity-3 {
  opacity: 0.3; }

.opacity-4 {
  opacity: 0.4; }

.opacity-5 {
  opacity: 0.5; }

.opacity-6 {
  opacity: 0.6; }

.opacity-7 {
  opacity: 0.7; }

.opacity-8 {
  opacity: 0.8; }

.opacity-9 {
  opacity: 0.9; }

.opacity-10 {
  opacity: 1; }

.bg-secondary, .bg-secondary-300, .bg-secondary-400, .bg-secondary-500 {
  color: #fff; }
  .bg-secondary .bg-white, .bg-secondary-300 .bg-white, .bg-secondary-400 .bg-white, .bg-secondary-500 .bg-white {
    color: #3c3c3c; }
    .bg-secondary .bg-white h1,
    .bg-secondary .bg-white .h1,
    .bg-secondary .bg-white h2,
    .bg-secondary .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary .bg-white .benefits__text,
    .bg-secondary .bg-white .h2,
    .bg-secondary .bg-white h3,
    .bg-secondary .bg-white .h3,
    .bg-secondary .bg-white h4,
    .bg-secondary .bg-white .h4,
    .bg-secondary .bg-white h5,
    .bg-secondary .bg-white .h5, .bg-secondary-300 .bg-white h1,
    .bg-secondary-300 .bg-white .h1,
    .bg-secondary-300 .bg-white h2,
    .bg-secondary-300 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-300 .bg-white .benefits__text,
    .bg-secondary-300 .bg-white .h2,
    .bg-secondary-300 .bg-white h3,
    .bg-secondary-300 .bg-white .h3,
    .bg-secondary-300 .bg-white h4,
    .bg-secondary-300 .bg-white .h4,
    .bg-secondary-300 .bg-white h5,
    .bg-secondary-300 .bg-white .h5, .bg-secondary-400 .bg-white h1,
    .bg-secondary-400 .bg-white .h1,
    .bg-secondary-400 .bg-white h2,
    .bg-secondary-400 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-400 .bg-white .benefits__text,
    .bg-secondary-400 .bg-white .h2,
    .bg-secondary-400 .bg-white h3,
    .bg-secondary-400 .bg-white .h3,
    .bg-secondary-400 .bg-white h4,
    .bg-secondary-400 .bg-white .h4,
    .bg-secondary-400 .bg-white h5,
    .bg-secondary-400 .bg-white .h5, .bg-secondary-500 .bg-white h1,
    .bg-secondary-500 .bg-white .h1,
    .bg-secondary-500 .bg-white h2,
    .bg-secondary-500 .bg-white .small-teaser__text .benefits--small-teaser-bold .benefits__text,
    .small-teaser__text .benefits--small-teaser-bold .bg-secondary-500 .bg-white .benefits__text,
    .bg-secondary-500 .bg-white .h2,
    .bg-secondary-500 .bg-white h3,
    .bg-secondary-500 .bg-white .h3,
    .bg-secondary-500 .bg-white h4,
    .bg-secondary-500 .bg-white .h4,
    .bg-secondary-500 .bg-white h5,
    .bg-secondary-500 .bg-white .h5 {
      color: #003d8f; }
  .bg-secondary h1,
  .bg-secondary .h1,
  .bg-secondary h2,
  .bg-secondary .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary .benefits__text,
  .bg-secondary .h2,
  .bg-secondary h3,
  .bg-secondary .h3,
  .bg-secondary h4,
  .bg-secondary .h4,
  .bg-secondary h5,
  .bg-secondary .h5, .bg-secondary-300 h1,
  .bg-secondary-300 .h1,
  .bg-secondary-300 h2,
  .bg-secondary-300 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-300 .benefits__text,
  .bg-secondary-300 .h2,
  .bg-secondary-300 h3,
  .bg-secondary-300 .h3,
  .bg-secondary-300 h4,
  .bg-secondary-300 .h4,
  .bg-secondary-300 h5,
  .bg-secondary-300 .h5, .bg-secondary-400 h1,
  .bg-secondary-400 .h1,
  .bg-secondary-400 h2,
  .bg-secondary-400 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-400 .benefits__text,
  .bg-secondary-400 .h2,
  .bg-secondary-400 h3,
  .bg-secondary-400 .h3,
  .bg-secondary-400 h4,
  .bg-secondary-400 .h4,
  .bg-secondary-400 h5,
  .bg-secondary-400 .h5, .bg-secondary-500 h1,
  .bg-secondary-500 .h1,
  .bg-secondary-500 h2,
  .bg-secondary-500 .small-teaser__text .benefits--small-teaser-bold .benefits__text,
  .small-teaser__text .benefits--small-teaser-bold .bg-secondary-500 .benefits__text,
  .bg-secondary-500 .h2,
  .bg-secondary-500 h3,
  .bg-secondary-500 .h3,
  .bg-secondary-500 h4,
  .bg-secondary-500 .h4,
  .bg-secondary-500 h5,
  .bg-secondary-500 .h5 {
    color: #fff; }

.text-zoom--75 {
  font-size: 0.75em !important; }

.text-zoom--100 {
  font-size: 1em !important; }

.text-zoom--115 {
  font-size: 1.15em !important; }

.text-zoom--120 {
  font-size: 1.2em !important; }

.text-zoom--130 {
  font-size: 1.3em !important; }

.text-zoom--160 {
  font-size: 1.6em !important; }

.mirror {
  transform: rotate(180deg); }

.float-left {
  float: left; }

.float-right {
  float: right; }

@media (min-width: 480px) {
  .float-sm-left {
    float: left; }
  .float-sm-right {
    float: right; } }

@media (min-width: 650px) {
  .float-ms-left {
    float: left; }
  .float-ms-right {
    float: right; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left; }
  .float-md-right {
    float: right; } }

@media (min-width: 1024px) {
  .float-lg-left {
    float: left; }
  .float-lg-right {
    float: right; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left; }
  .float-xl-right {
    float: right; } }

@media (min-width: 1500px) {
  .float-xxl-left {
    float: left; }
  .float-xxl-right {
    float: right; } }

.font-size--xxxsmall {
  font-size: 0.425rem !important;
  line-height: 1; }

.font-size--xxsmall {
  font-size: 0.625rem !important;
  line-height: 1; }

.font-size--xsmall {
  font-size: 0.875rem !important;
  line-height: 1; }

.font-size--small {
  font-size: 1rem !important;
  line-height: 1; }

.font-size--med {
  font-size: 1.125rem !important;
  line-height: 1; }

.font-size--large {
  font-size: 1.25rem !important;
  line-height: 1; }

.font-size--mlarge {
  font-size: 1.5rem !important;
  line-height: 1; }

.font-size--larger {
  font-size: 1.875rem !important;
  line-height: 1; }

.font-size--xlarge {
  font-size: 2.25rem !important;
  line-height: 1; }

.font-size--xxlarge {
  font-size: 2.625rem !important;
  line-height: 1; }

.font-family--normal {
  font-family: "57-condensed", Arial, sans-serif; }

.font-family--black {
  font-family: "77-black-condensed", Arial, sans-serif; }

.font-family--extra-black {
  font-family: "87-extra-black-condensed", Arial, sans-serif; }

.font-family--fallback-1 {
  font-family: Arial; }

.font-family--fallback-2 {
  font-family: sans-serif; }

.font-color--primary {
  color: #f3e11e !important; }

.font-color--primary-dark {
  color: #f0b602 !important; }

.font-color--secondary {
  color: #003d8f !important; }

.font-color--secondary-100 {
  color: #e0e9f2 !important; }

.font-color--secondary-200 {
  color: #99b6d5 !important; }

.font-color--secondary-300 {
  color: #6e91ba !important; }

.font-color--secondary-400 {
  color: #3d70b7 !important; }

.font-color--secondary-500 {
  color: #134d9b !important; }

.font-color--gray-100 {
  color: #f4f4f4 !important; }

.font-color--gray-200 {
  color: #e5e5e5 !important; }

.font-color--white {
  color: #fff !important; }

.line-height-1 {
  line-height: 1; }

.line-height-12 {
  line-height: 1.2; }

.line-height-15 {
  line-height: 1.5; }

.max-width {
  max-width: 1224px;
  margin-left: auto;
  margin-right: auto; }

.max-text-length {
  max-width: 37rem; }

@media (min-width: 480px) {
  .font-size-sm-15 {
    font-size: 1.5rem; } }

@media (min-width: 768px) {
  .font-size-md-2 {
    font-size: 2rem; } }

.font-size-75 {
  font-size: .75em; }

.font-size-125 {
  font-size: 1.25em; }

.font-size-150 {
  font-size: 1.5em; }

.font-size-175 {
  font-size: 1.75em; }

.font-size-200 {
  font-size: 2em; }

.font-size-xs-75 {
  font-size: .75em; }

.font-size-xs-125 {
  font-size: 1.25em; }

.font-size-xs-150 {
  font-size: 1.5em; }

.font-size-xs-175 {
  font-size: 1.75em; }

.font-size-xs-200 {
  font-size: 2em; }

@media (min-width: 480px) {
  .font-size-sm-75 {
    font-size: .75em; } }

@media (min-width: 480px) {
  .font-size-sm-125 {
    font-size: 1.25em; } }

@media (min-width: 480px) {
  .font-size-sm-150 {
    font-size: 1.5em; } }

@media (min-width: 480px) {
  .font-size-sm-175 {
    font-size: 1.75em; } }

@media (min-width: 480px) {
  .font-size-sm-200 {
    font-size: 2em; } }

@media (min-width: 650px) {
  .font-size-ms-75 {
    font-size: .75em; } }

@media (min-width: 650px) {
  .font-size-ms-125 {
    font-size: 1.25em; } }

@media (min-width: 650px) {
  .font-size-ms-150 {
    font-size: 1.5em; } }

@media (min-width: 650px) {
  .font-size-ms-175 {
    font-size: 1.75em; } }

@media (min-width: 650px) {
  .font-size-ms-200 {
    font-size: 2em; } }

@media (min-width: 768px) {
  .font-size-md-75 {
    font-size: .75em; } }

@media (min-width: 768px) {
  .font-size-md-125 {
    font-size: 1.25em; } }

@media (min-width: 768px) {
  .font-size-md-150 {
    font-size: 1.5em; } }

@media (min-width: 768px) {
  .font-size-md-175 {
    font-size: 1.75em; } }

@media (min-width: 768px) {
  .font-size-md-200 {
    font-size: 2em; } }

@media (min-width: 1024px) {
  .font-size-lg-75 {
    font-size: .75em; } }

@media (min-width: 1024px) {
  .font-size-lg-125 {
    font-size: 1.25em; } }

@media (min-width: 1024px) {
  .font-size-lg-150 {
    font-size: 1.5em; } }

@media (min-width: 1024px) {
  .font-size-lg-175 {
    font-size: 1.75em; } }

@media (min-width: 1024px) {
  .font-size-lg-200 {
    font-size: 2em; } }

@media (min-width: 1200px) {
  .font-size-xl-75 {
    font-size: .75em; } }

@media (min-width: 1200px) {
  .font-size-xl-125 {
    font-size: 1.25em; } }

@media (min-width: 1200px) {
  .font-size-xl-150 {
    font-size: 1.5em; } }

@media (min-width: 1200px) {
  .font-size-xl-175 {
    font-size: 1.75em; } }

@media (min-width: 1200px) {
  .font-size-xl-200 {
    font-size: 2em; } }

@media (min-width: 1500px) {
  .font-size-xxl-75 {
    font-size: .75em; } }

@media (min-width: 1500px) {
  .font-size-xxl-125 {
    font-size: 1.25em; } }

@media (min-width: 1500px) {
  .font-size-xxl-150 {
    font-size: 1.5em; } }

@media (min-width: 1500px) {
  .font-size-xxl-175 {
    font-size: 1.75em; } }

@media (min-width: 1500px) {
  .font-size-xxl-200 {
    font-size: 2em; } }

.noscroll {
  overflow-y: hidden;
  position: relative;
  height: 100vh; }

.position-bottom {
  bottom: 0; }

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

.z-2 {
  z-index: 2; }

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

.z-4 {
  z-index: 4; }

.z-5 {
  z-index: 5; }

.z-6 {
  z-index: 6; }

.z-7 {
  z-index: 7; }

.z-8 {
  z-index: 8; }

.z-9 {
  z-index: 9; }

.z-10 {
  z-index: 10; }

.min-height-0 {
  min-height: 0; }

.flex-1 {
  flex: 1; }

.flex-grow-1 {
  flex-grow: 1; }

.flex-grow-2 {
  flex-grow: 2; }

.flex-grow-3 {
  flex-grow: 3; }

.flex-grow-4 {
  flex-grow: 4; }

.flex-grow-5 {
  flex-grow: 5; }

.flex-grow-6 {
  flex-grow: 6; }

.flex-grow-7 {
  flex-grow: 7; }

.flex-grow-8 {
  flex-grow: 8; }

.flex-grow-9 {
  flex-grow: 9; }

@media (max-width: 479.98px) {
  .container-overflow--dxs {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

@media (max-width: 649.98px) {
  .container-overflow--dsm {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

@media (max-width: 767.98px) {
  .container-overflow--dms {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

@media (max-width: 1023.98px) {
  .container-overflow--dmd {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

@media (max-width: 1199.98px) {
  .container-overflow--dlg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

@media (max-width: 1499.98px) {
  .container-overflow--dxl {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block; } }

.container-overflow--dxxl {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  display: block; }

.cursor-pointer {
  cursor: pointer; }

/*
 *  Varibles declaration
 */
/*
 * Calculation of the image scaling depending on col width:
 * The front and back image has two thirds of the col width and will
 * multiplied with .82 to take 82% of the col height.
 */
/*
 *  Mixins
 */
/*
 *  Resolution component
 *  Show which screen is triggering (for development purpose only)
 */
.oao-resolution {
  display: block;
  width: 100%;
  height: 5px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: yellow; }
  @media only screen and (min-width: 768px) {
    .oao-resolution {
      background-color: orange; } }
  @media only screen and (min-width: 992px) {
    .oao-resolution {
      background-color: red; } }
  @media only screen and (min-width: 1200px) {
    .oao-resolution {
      background-color: blue; } }

/*
 *  Font component
 */
@font-face {
  font-family: '57-condensed';
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-57-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-57-condensed.woff") format("woff"); }

@font-face {
  font-family: '77-black-condensed';
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-77-black-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-77-black-condensed.woff") format("woff"); }

@font-face {
  font-family: '87-extra-black-condensed';
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/1und1-web-sans-87-extra-black-condensed.woff2") format("woff2"), url("../fonts/1und1-web-sans-87-extra-black-condensed.woff") format("woff"); }

/*
 *  Helper component
 */
/*
 *  Hero component
 */
.oao-hero {
  position: relative;
  height: 120vw;
  width: calc(100% + 2 * 0.75rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease; }
  @media only screen and (min-width: 768px) {
    .oao-hero {
      height: 44vw;
      max-height: 550px; } }
  @media only screen and (min-width: 768px) {
    .oao-hero:before {
      content: "";
      display: block;
      width: calc(100% - 22px + (2 * 1.5rem));
      height: 25%;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1000;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); } }
  @media only screen and (min-width: 1200px) {
    .oao-hero:before {
      width: calc(100% - 22px); } }
  .oao-hero .quick-link-container {
    z-index: 1501; }
    .oao-hero .quick-link-container a:hover, .oao-hero .quick-link-container a:focus, .oao-hero .quick-link-container a:active {
      color: #fff; }
  .oao-hero__image {
    position: relative;
    height: 100%;
    width: 100%; }
    .oao-hero__image picture {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    @media only screen and (max-width: 768px) {
      .oao-hero__image img {
        width: calc(100% + 30px);
        height: 100%; } }
    @media only screen and (max-width: 992px) {
      .oao-hero__image img {
        width: calc(100% + 50px);
        height: 100%; } }
  .oao-hero__content {
    position: absolute;
    z-index: 1500;
    top: 0;
    width: 100%;
    padding-top: 1.5rem;
    padding-right: 0.75rem;
    padding-left: 0.75rem; }
    @media only screen and (min-width: 768px) {
      .oao-hero__content {
        padding-top: 3rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem; } }
    .oao-hero__content--underlay {
      margin-top: 10px; }
      .oao-hero__content--underlay .container, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth) {
        position: relative; }
        .oao-hero__content--underlay .container:before, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth):before, .oao-hero__content--underlay .container:after, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth):after {
          content: "";
          display: block;
          height: calc(100% + 20px);
          position: absolute;
          top: -18px;
          left: 0;
          margin-left: -1px; }
        .oao-hero__content--underlay .container:before, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth):before {
          width: 100%;
          background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); }
          @media only screen and (min-width: 768px) {
            .oao-hero__content--underlay .container:before, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth):before {
              width: 75%; } }
        .oao-hero__content--underlay .container:after, .oao-hero__content--underlay .marketing-box:not(.marketing-box--fullwidth):after {
          width: 100%;
          width: calc((1920px - 100%) / 2);
          background: #fff;
          transform: translateX(-100%); }
      .oao-hero__content--underlay h1 {
        color: #003d8f; }
    @media only screen and (min-width: 992px) {
      .oao-hero__content h1 {
        margin-left: 0; } }
  .oao-hero__subheadline {
    text-transform: uppercase;
    margin-bottom: 0; }
    .oao-hero__subheadline mark, .oao-hero__subheadline .countdown-label, .oao-hero__subheadline .countdown-label--primary, .oao-hero__subheadline .countdown-label--secondary {
      margin-left: 0; }
  .oao-hero__button {
    position: absolute;
    top: 95px;
    display: none; }
    @media only screen and (min-width: 992px) {
      .oao-hero__button {
        display: block;
        top: 110px; } }
    @media only screen and (min-width: 1200px) {
      .oao-hero__button {
        top: 120px; } }

/*
 *  Intro component
 */
.oao-intro__headline {
  font-size: 1.5rem;
  line-height: 1.22; }
  @media only screen and (min-width: 480px) {
    .oao-intro__headline {
      font-size: 1.75rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 576px) {
    .oao-intro__headline {
      font-size: 2.5rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 768px) {
    .oao-intro__headline {
      font-size: 1.75rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 992px) {
    .oao-intro__headline {
      font-size: 2.25rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 1200px) {
    .oao-intro__headline {
      font-size: 2.8125rem;
      line-height: 1.22; } }

.oao-intro__text a {
  color: #003d8f; }
  .oao-intro__text a:hover, .oao-intro__text a:focus, .oao-intro__text a:active {
    text-decoration: underline; }

/*
 *  Tile component
 */
.oao-tiles {
  position: relative; }
  .oao-tiles--small {
    width: calc(100% + 2 * 0.75rem); }
    @media only screen and (min-width: 480px) {
      .oao-tiles--small {
        width: calc(100% + 2 * 1.5rem); } }
    @media only screen and (min-width: 576px) {
      .oao-tiles--small {
        width: calc(100% + 2 * 2.25rem); } }
    @media only screen and (max-width: 768px) {
      .oao-tiles--small {
        position: relative;
        left: 50%;
        transform: translateX(-50%); } }
    @media only screen and (min-width: 768px) {
      .oao-tiles--small {
        display: none; } }
    .oao-tiles--small .slick-slide > div {
      margin-right: 10px;
      margin-left: 10px; }
    .oao-tiles--small .card {
      margin-bottom: 1px; }
  .oao-tiles--large {
    display: none; }
    @media only screen and (min-width: 768px) {
      .oao-tiles--large {
        display: block; } }
  .oao-tiles .card {
    border-color: #e4e5e4; }
    .oao-tiles .card-title {
      padding-top: 8px; }
    .oao-tiles .card-body {
      padding-bottom: 0; }
  .oao-tiles .btn-secondary-light {
    border-color: #003d8f !important; }
  .oao-tiles .slick-dots {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -40px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    text-indent: -9999px; }
    @media only screen and (min-width: 768px) {
      .oao-tiles .slick-dots {
        bottom: calc(18px + 1000px); } }
    .oao-tiles .slick-dots li {
      position: relative;
      cursor: pointer;
      margin: 0 3px;
      display: block;
      background-color: #fff;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      border: 1px solid #999; }
      .oao-tiles .slick-dots li.slick-active {
        background-color: #003d8f;
        border-color: #003d8f; }
  .oao-tiles__link {
    display: inline-block;
    color: #003d8f;
    margin-top: 10px; }
  .oao-tiles__icon {
    display: inline-block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
    margin-top: 15px; }
    .oao-tiles__icon:last-child {
      margin-right: 0; }
    .oao-tiles__icon--facebook {
      width: 20px;
      height: 45px;
      background-image: url("../img/icons/icon_facebook.jpg");
      background-size: 20px 45px; }
    .oao-tiles__icon--instagram {
      width: 45px;
      height: 46px;
      background-image: url("../img/icons/icon_instagram.jpg");
      background-size: 45px 46px; }

/*
 *  Board component (displays persons)
 */
@media only screen and (min-width: 992px) {
  .oao-board__headline {
    padding-bottom: 55px !important; } }

.oao-board__headline h2, .oao-board__headline .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .oao-board__headline .benefits__text {
  margin-left: 0; }

@media only screen and (max-width: 768px) {
  .oao-board__entry {
    padding-bottom: 50px; } }

@media only screen and (max-width: 768px) {
  .oao-board__entry:last-child {
    padding-bottom: 0; } }

@media only screen and (min-width: 768px) {
  .oao-board__entry--telecommunication {
    padding-bottom: 50px; } }

@media only screen and (min-width: 992px) {
  .oao-board__entry--telecommunication {
    padding-bottom: 100px; } }

@media only screen and (min-width: 768px) {
  .oao-board__entry--telecommunication:nth-last-child(-n+3) {
    padding-bottom: 0; } }

@media only screen and (min-width: 992px) {
  .oao-board__entry--telecommunication:nth-last-child(-n+3) {
    padding-bottom: 0; } }

.oao-board__image {
  width: 90%; }

.oao-board .modal-header {
  border-bottom: 0;
  padding-bottom: 10px; }

.oao-board .modal-body {
  padding-top: 0; }

/*
 *  Supervisory component
 */
.oao-supervisory {
  position: relative;
  background-color: #f4f4f4;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -1.5rem; }
  @media only screen and (min-width: 768px) {
    .oao-supervisory {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media only screen and (min-width: 992px) {
    .oao-supervisory {
      padding-top: 65px;
      padding-bottom: 65px; } }
  @media only screen and (min-width: 1200px) {
    .oao-supervisory {
      padding-top: 90px; } }
  @media only screen and (max-width: 1200px) {
    .oao-supervisory:before, .oao-supervisory:after {
      content: "";
      display: block;
      width: calc((100vw - 100%) / 2);
      height: 100%;
      background-color: #f4f3f2;
      position: absolute;
      top: 0; } }
  .oao-supervisory:before {
    left: 0;
    transform: translateX(-100%); }
  .oao-supervisory:after {
    right: 0;
    transform: translateX(100%); }
  .oao-supervisory h2, .oao-supervisory .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .oao-supervisory .benefits__text,
  .oao-supervisory h4 {
    margin-left: 0; }
  @media only screen and (max-width: 768px) {
    .oao-supervisory h2, .oao-supervisory .small-teaser__text .benefits--small-teaser-bold .benefits__text, .small-teaser__text .benefits--small-teaser-bold .oao-supervisory .benefits__text {
      font-size: 1.96875rem; } }
  .oao-supervisory h4 {
    margin-bottom: 1rem; }
  @media only screen and (max-width: 768px) {
    .oao-supervisory p {
      margin-bottom: 0.5rem; } }
  .oao-supervisory__headline {
    padding-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .oao-supervisory__headline {
        padding-bottom: 34px; } }
  .oao-supervisory__entry {
    padding-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .oao-supervisory__entry {
        padding-bottom: 40px; } }
    @media only screen and (min-width: 768px) {
      .oao-supervisory__entry:nth-last-child(-n+2) {
        padding-bottom: 0; } }
    @media only screen and (min-width: 768px) {
      .oao-supervisory__entry:nth-last-child(-n+3) {
        padding-bottom: 0; } }
  .oao-supervisory__button {
    color: #003d8f;
    text-decoration: underline;
    cursor: pointer; }
  .oao-supervisory .modal-header {
    border-bottom: 0;
    padding-bottom: 10px; }
  .oao-supervisory .modal-body {
    padding-top: 0; }

/*
 *  Timeline component
 */
.oao-timeline__entry {
  padding-bottom: 60px; }
  .oao-timeline__entry:last-child {
    padding-bottom: 0; }

@media only screen and (max-width: 768px) {
  .oao-timeline__column--text {
    order: 2; } }

@media only screen and (max-width: 768px) {
  .oao-timeline__column--image {
    order: 1;
    text-align: center; } }

@media only screen and (min-width: 992px) {
  .oao-timeline__headline {
    padding-top: 40px; } }

.oao-timeline__image {
  width: 85%; }
  @media only screen and (min-width: 768px) {
    .oao-timeline__image {
      width: 100%; } }

/*
 *  Social component
 */
.oao-social__image {
  max-width: 315px;
  height: auto; }
  @media only screen and (max-width: 768px) {
    .oao-social__image {
      position: relative;
      display: inline-block;
      width: 75%;
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 40px; } }
  @media only screen and (min-width: 768px) {
    .oao-social__image {
      float: left;
      margin-right: 25px;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 992px) {
    .oao-social__image {
      margin-right: 35px;
      margin-bottom: 35px; } }
  @media only screen and (min-width: 1200px) {
    .oao-social__image {
      margin-right: 50px; } }

/*
 *  Highlights component
 */
.oao-highlights__highlight {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    .oao-highlights__highlight {
      flex-direction: row;
      justify-content: space-between; } }

.oao-highlights__entry {
  background-color: #003d8f;
  color: #fff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 5px; }
  @media only screen and (min-width: 768px) {
    .oao-highlights__entry {
      margin-bottom: 0;
      width: calc(33.3333% - 10px); } }
  .oao-highlights__entry:last-child {
    margin-bottom: 0; }

.oao-highlights__number {
  margin-bottom: 0;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px; }

/*
 *  Textblock component
 */
/*
 *  Sustainable tiles component
 */
.oao-sustainability-tiles__entry {
  padding-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .oao-sustainability-tiles__entry {
      padding-bottom: 0; } }
  .oao-sustainability-tiles__entry:nth-last-child(-n+2) {
    padding-bottom: 0; }

.oao-sustainability-tiles__image {
  width: 100%;
  height: auto; }

.oao-sustainability-tiles__text {
  font-size: 14px;
  padding-top: 5px; }
  @media only screen and (min-width: 768px) {
    .oao-sustainability-tiles__text {
      padding-top: 10px; } }

/*
 *  Highlights component
 */
@media only screen and (min-width: 992px) {
  .oao-sponsoring__column {
    align-self: center; } }

@media only screen and (max-width: 768px) {
  .oao-sponsoring__column--text {
    order: 2; } }

@media only screen and (max-width: 768px) {
  .oao-sponsoring__column--image {
    order: 1;
    text-align: center; } }

.oao-sponsoring__entry {
  margin-bottom: 60px; }
  .oao-sponsoring__entry:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 992px) {
    .oao-sponsoring__entry {
      margin-top: -20px;
      margin-bottom: 0; } }

.oao-sponsoring__image {
  width: 85%;
  margin-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .oao-sponsoring__image {
      width: 100%; } }

@media only screen and (min-width: 992px) {
  .oao-sponsoring__headline {
    margin-top: -20px; } }

@media only screen and (min-width: 1200px) {
  .oao-sponsoring__headline {
    margin-top: -50px; } }

.oao-sponsoring__text {
  margin-bottom: 6px; }

/*
 *  Sponsoring tile component
 */
.oao-sponsoring-tile .card {
  border: none; }
  .oao-sponsoring-tile .card-body {
    padding-bottom: 0; }
    @media only screen and (min-width: 992px) {
      .oao-sponsoring-tile .card-body {
        padding-top: 1.5rem !important;
        padding-right: 3rem;
        padding-left: 3rem; } }
  @media only screen and (min-width: 992px) {
    .oao-sponsoring-tile .card-footer {
      padding-right: 3rem;
      padding-left: 3rem; } }

.oao-sponsoring-tile__image {
  width: 100% !important; }

/*
 *  News component
 */
.oao-news__entry {
  padding-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-news__entry {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 992px) {
    .oao-news__entry {
      padding-bottom: 65px; } }
  .oao-news__entry:last-child {
    padding-bottom: 0; }
  @media only screen and (min-width: 768px) {
    .oao-news__entry:nth-child(odd) .oao-news__column--image {
      order: 2; } }
  @media only screen and (min-width: 768px) {
    .oao-news__entry:nth-child(odd) .oao-news__column--text {
      order: 1; } }
  @media only screen and (min-width: 768px) {
    .oao-news__entry:nth-child(odd) .oao-news__inner {
      padding-right: 20px; } }
  @media only screen and (min-width: 992px) {
    .oao-news__entry:nth-child(odd) .oao-news__inner {
      padding-right: 40px; } }
  @media only screen and (min-width: 768px) {
    .oao-news__entry:nth-child(even) .oao-news__inner {
      padding-left: 20px; } }
  @media only screen and (min-width: 992px) {
    .oao-news__entry:nth-child(even) .oao-news__inner {
      padding-left: 40px; } }

.oao-news__image {
  width: 100%; }
  @media only screen and (max-width: 768px) {
    .oao-news__image {
      margin-bottom: 30px; } }

.oao-news__top {
  display: flex;
  justify-content: space-between; }

.oao-news__date, .oao-news__author, .oao-news__tags {
  color: #99B6D4;
  font-size: 15px; }

.oao-news__date, .oao-news__author {
  font-weight: 700; }

.oao-news__headline {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px; }
  @media only screen and (min-width: 768px) {
    .oao-news__headline {
      font-size: 25px; } }

.oao-news__text {
  padding-bottom: 18px; }

.oao-news__link--archive {
  margin-top: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-news__link--archive {
      margin-top: 70px; } }

.oao-news__tags {
  padding-top: 15px; }

/*
 *  Contact component
 */
.oao-contact {
  position: relative;
  background-color: #F3F2F1;
  padding-top: 40px;
  padding-bottom: 40px; }
  .oao-contact:before, .oao-contact:after {
    position: absolute;
    content: "";
    display: block;
    width: 100px;
    height: 100%;
    background-color: #f4f4f4;
    top: 0; }
  .oao-contact:before {
    left: 0;
    transform: translateX(-100%); }
  .oao-contact:after {
    right: 0;
    transform: translateX(100%); }
  @media only screen and (min-width: 768px) {
    .oao-contact {
      padding-top: 65px;
      padding-bottom: 50px; } }
  @media only screen and (min-width: 992px) {
    .oao-contact {
      padding-top: 85px;
      padding-bottom: 70px; } }
  .oao-contact__column--text {
    align-self: center; }
  .oao-contact__image {
    width: 100%; }
    @media only screen and (max-width: 768px) {
      .oao-contact__image {
        margin-bottom: 40px; } }
  .oao-contact__headline {
    margin-bottom: 1.75rem; }
  .oao-contact__text p {
    margin-bottom: 1.5rem; }
  .oao-contact__additional {
    padding-top: 40px; }
    @media only screen and (min-width: 768px) {
      .oao-contact__additional {
        padding-top: 75px; } }
    @media only screen and (min-width: 992px) {
      .oao-contact__additional {
        padding-top: 95px; } }
    .oao-contact__additional a {
      color: #003d8f;
      text-decoration: underline; }

/*
 *  Media component
 */
.oao-media {
  padding-top: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-media {
      padding-top: 120px; } }
  .oao-media .content-tab {
    width: 100%; }
    .oao-media .content-tab__tab-list:before {
      content: '';
      width: 20px;
      border-bottom: 1px solid #99b6d5; }
      @media only screen and (min-width: 768px) {
        .oao-media .content-tab__tab-list:before {
          width: 50px; } }
    .oao-media .content-tab__panel-container {
      padding-top: 40px; }
  .oao-media .content__panel {
    width: 100%; }
  .oao-media__headline {
    padding-bottom: 30px; }
  .oao-media__entry {
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .oao-media__entry {
        margin-bottom: 45px; } }
  .oao-media__footer {
    margin-top: 35px;
    display: flex;
    flex-display: row; }
  .oao-media__content {
    padding-left: 20px; }
  .oao-media__inner {
    text-decoration: none;
    display: inline-block; }
  .oao-media__icon {
    display: inline-block;
    width: 54px;
    height: 48px;
    background-image: url("../img/icons/icon_download.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .oao-media__info {
    color: #003d8f;
    padding-bottom: 3px; }

/*
 *  Media slider component
 */
.oao-media-slider {
  position: relative;
  background-color: #f4f4f4;
  width: calc(100% + 2 * 1.5rem); }
  @media only screen and (min-width: 576px) {
    .oao-media-slider {
      width: calc(100% + 2 * 2.5rem); } }
  @media only screen and (max-width: 992px) {
    .oao-media-slider {
      position: relative;
      left: 50%;
      transform: translateX(-50%); } }
  @media only screen and (min-width: 992px) {
    .oao-media-slider {
      width: 100%;
      max-width: 1224px;
      padding-right: 2px;
      padding-left: 2px;
      margin: 0 auto; } }
  .oao-media-slider:before, .oao-media-slider:after {
    content: "";
    display: inline-block;
    width: 150px;
    height: 100%;
    background-color: #F3F2F1;
    position: absolute;
    top: 0; }
    @media only screen and (min-width: 992px) {
      .oao-media-slider:before, .oao-media-slider:after {
        width: calc((1920px - 1240px) / 2 + 8px); } }
  .oao-media-slider:before {
    left: 0;
    transform: translate(-100%); }
  .oao-media-slider:after {
    right: 0;
    transform: translate(100%); }
  .oao-media-slider__entry {
    background-color: #fff;
    margin-right: 10px;
    margin-left: 10px; }
  @media only screen and (min-width: 768px) {
    .oao-media-slider .oao-news__top {
      padding-top: 14px; } }
  .oao-media-slider .oao-news__tags {
    padding-bottom: 15px; }
  .oao-media-slider .card {
    border: 0; }
    @media only screen and (min-width: 768px) {
      .oao-media-slider .card {
        margin-right: 10px;
        margin-left: 10px; } }
  .oao-media-slider .slick-track {
    display: flex !important; }
  .oao-media-slider .slick-dots {
    bottom: -40px; }
  .oao-media-slider .slick-slide {
    height: inherit !important;
    background-color: #fff !important;
    position: relative; }
    .oao-media-slider .slick-slide:before, .oao-media-slider .slick-slide:after {
      content: "";
      display: inline-block;
      width: 10px;
      height: 100%;
      background-color: #F3F2F1;
      position: absolute;
      top: 0; }
    .oao-media-slider .slick-slide:before {
      left: 0; }
    .oao-media-slider .slick-slide:after {
      right: 0; }
    @media only screen and (max-width: 768px) {
      .oao-media-slider .slick-slide > div {
        margin-right: 10px;
        margin-left: 10px; } }
  .oao-media-slider .slick-arrow {
    display: none !important; }
    @media only screen and (min-width: 1380px) {
      .oao-media-slider .slick-arrow {
        display: inline-block !important;
        width: 20px;
        height: 42px;
        background-color: transparent;
        border: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-indent: -9999px;
        background-size: 20px 42px;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 500; } }
    .oao-media-slider .slick-arrow:hover, .oao-media-slider .slick-arrow:focus, .oao-media-slider .slick-arrow:active {
      outline: none; }
    @media only screen and (min-width: 1380px) {
      .oao-media-slider .slick-arrow.slick-prev {
        left: -50px;
        background-image: url("../img/icons/icon_arrow_left.png"); } }
    @media only screen and (min-width: 1600px) {
      .oao-media-slider .slick-arrow.slick-prev {
        left: -100px; } }
    @media only screen and (min-width: 1750px) {
      .oao-media-slider .slick-arrow.slick-prev {
        left: -150px; } }
    @media only screen and (min-width: 2000px) {
      .oao-media-slider .slick-arrow.slick-prev {
        left: -300px; } }
    @media only screen and (min-width: 1380px) {
      .oao-media-slider .slick-arrow.slick-next {
        right: -50px;
        background-image: url("../img/icons/icon_arrow_right.png"); } }
    @media only screen and (min-width: 1600px) {
      .oao-media-slider .slick-arrow.slick-next {
        right: -100px; } }
    @media only screen and (min-width: 1750px) {
      .oao-media-slider .slick-arrow.slick-next {
        right: -150px; } }
    @media only screen and (min-width: 2000px) {
      .oao-media-slider .slick-arrow.slick-next {
        right: -300px; } }

/*
 *  Main locations component
 */
@media only screen and (max-width: 992px) {
  .oao-main-location__headline {
    margin-bottom: 30px; } }

@media only screen and (min-width: 992px) {
  .oao-main-location__headline {
    margin-bottom: -20px; } }

.oao-main-location .card-body {
  padding-bottom: 14px; }

/*
 *  Side locations component
 */
/*
 *  Anchor component
 */
@media only screen and (max-width: 768px) {
  .oao-anchor .filter__wrapper.fade-right:before {
    left: calc(100% - 0.75rem - 10px + 25px);
    display: inline-block;
    width: 15px;
    height: 31px;
    z-index: 50;
    background-image: url("../img/icons/icon_arrow_right.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -2px; } }

/*
 *  Breadcrumb component
 */
.oao-breadcrumb--standalone {
  display: none; }
  @media only screen and (min-width: 768px) {
    .oao-breadcrumb--standalone {
      display: block; } }
  @media only screen and (min-width: 768px) {
    .oao-breadcrumb--standalone:before {
      content: "";
      display: block;
      width: 100%;
      height: 100px;
      position: absolute;
      top: 0;
      left: 0;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); } }

.oao-breadcrumb .breadcrumb__entry:last-child {
  color: #fff; }

/*
 *  Pagination component
 */
.oao-pagination .page-numbers {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-family: "77-black-condensed", Arial, sans-serif;
  font-size: 1rem; }
  .oao-pagination .page-numbers li {
    margin: 0 .15em;
    vertical-align: middle; }
    .oao-pagination .page-numbers li .page-numbers {
      display: block;
      width: 1.875em;
      height: 1.875em;
      line-height: 1.875em;
      text-align: center;
      color: #6c757d;
      background-color: #fff;
      border: 1px solid #999999;
      border-radius: 5px;
      text-decoration: none; }
      .oao-pagination .page-numbers li .page-numbers:hover, .oao-pagination .page-numbers li .page-numbers:focus, .oao-pagination .page-numbers li .page-numbers:active {
        text-decoration: none;
        color: inherit; }
      .oao-pagination .page-numbers li .page-numbers.current {
        color: #fff;
        background-color: #003d8f;
        border-color: #003d8f; }

/*
 *  Search component
 */
.oao-search__headline {
  padding-bottom: 40px; }

.oao-search__entry {
  padding-bottom: 30px; }
  @media only screen and (min-width: 992px) {
    .oao-search__entry {
      padding-bottom: 40px; } }
  .oao-search__entry:last-child {
    padding-bottom: 0; }

.oao-search__link {
  text-decoration: none; }

/*
 *  Card component
 */
.oao-card--corporate {
  display: flex; }

/*
 *  Energy intro component
 */
.oao-energy-intro__headline {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px; }
  @media only screen and (min-width: 768px) {
    .oao-energy-intro__headline {
      font-size: 25px; } }

.oao-energy-intro__image {
  width: 100% !important;
  margin-top: 25px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 992px) {
    .oao-energy-intro__image {
      margin-top: 40px;
      margin-bottom: 55px; } }
  @media only screen and (min-width: 992px) {
    .oao-energy-intro__image--mobile {
      display: none; } }
  .oao-energy-intro__image--desktop {
    display: none; }
    @media only screen and (min-width: 992px) {
      .oao-energy-intro__image--desktop {
        display: block; } }

.oao-energy-intro__text p:last-child {
  margin-bottom: 0; }

/*
 *  Energy tiles component
 */
.oao-energy-tiles__headline {
  padding-top: 5px;
  padding-bottom: 8px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px; }
  @media only screen and (min-width: 768px) {
    .oao-energy-tiles__headline {
      font-size: 25px; } }

@media only screen and (min-width: 992px) {
  .oao-energy-tiles__entry {
    margin-top: 20px; } }

@media only screen and (max-width: 992px) {
  .oao-energy-tiles__entry:first-child {
    margin-top: 15px; } }

.oao-energy-tiles__subheadline {
  text-align: left; }

.oao-energy-tiles__image {
  height: 87px;
  width: auto;
  margin-bottom: 15px; }
  @media only screen and (min-width: 992px) {
    .oao-energy-tiles__image {
      height: 140px; } }

.oao-energy-tiles__text {
  text-align: left; }
  .oao-energy-tiles__text a {
    color: #003d8f; }
    .oao-energy-tiles__text a:hover {
      text-decoration: underline; }

/*
 *  Global module
 */
body {
  padding-top: 0 !important; }

.oao-content {
  margin-top: 0; }

/*
 *  Header module
 */
.header {
  z-index: 5000;
  height: 50px !important; }
  @media only screen and (min-width: 1023px) {
    .header {
      height: 70px !important; } }

@media only screen and (max-width: 992px) {
  body:not(.body--tunnel) .header {
    padding-top: 50px; } }

/*
 *  Navigation module
 */
@media only screen and (max-width: 992px) {
  .navigation {
    max-height: 50px; } }

.navigation--expanded {
  max-height: 1000px; }

@media only screen and (max-width: 992px) {
  .navigation__main {
    padding: .375rem 1.5rem; } }

@media only screen and (max-width: 992px) {
  .navigation__main-wrap, .navigation__buttons {
    max-height: 50px; } }

@media only screen and (min-width: 992px) {
  .navigation__home {
    width: 2.5rem !important;
    height: 2.5rem !important; } }

@media (min-width: 1024px) {
  .navigation__e2-link:hover .navigation__e2-text {
    color: #fff; } }

@media only screen and (min-width: 992px) {
  .navigation__e2-icon-wrapper {
    display: none !important; } }

.navigation__e2-open-icon {
  display: inline-block !important; }

@media only screen and (min-width: 992px) {
  .navigation__e4-list {
    margin-top: 0 !important; } }

@media only screen and (max-width: 992px) {
  .navigation__account {
    display: none; } }

.navigation .card--login .btn {
  margin-left: 0; }

.navigation__energy {
  display: none;
  text-decoration: none;
  border-color: #99b6d5 !important;
  width: 44px;
  background-image: url("../img/header/umweltbaeumchen-klein.png") !important;
  background-position: center !important;
  background-size: 84px auto !important; }
  @media only screen and (min-width: 992px) {
    .navigation__energy {
      display: inline-block; } }
  .navigation__energy-text {
    display: none !important; }

/*
 *  Footer module
 */
/*
 *  Page homepage
 */
.oao-page--homepage .oao-intro {
  padding-top: 40px; }
  @media only screen and (min-width: 992px) {
    .oao-page--homepage .oao-intro {
      padding-top: 85px; } }

.oao-page--homepage .oao-tiles {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--homepage .oao-tiles {
      padding-top: 0;
      margin-bottom: 0; } }

/*
 *  Page management
 */
.oao-page--management .oao-board {
  padding-top: 40px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 992px) {
    .oao-page--management .oao-board {
      padding-top: 65px;
      padding-bottom: 35px; } }
  @media only screen and (min-width: 1200px) {
    .oao-page--management .oao-board {
      padding-top: 85px;
      padding-bottom: 45px; } }
  @media only screen and (min-width: 1200px) {
    .oao-page--management .oao-board--telecommunication {
      padding-top: 85px;
      padding-bottom: 125px; } }

.oao-page--management .modal {
  z-index: 9000; }

/*
 *  Page history
 */
.oao-page--history .oao-timeline {
  padding-top: 40px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 992px) {
    .oao-page--history .oao-timeline {
      padding-top: 65px;
      padding-bottom: 85px; } }

.oao-page--history .oao-anchor {
  padding-top: 30px; }
  @media only screen and (min-width: 992px) {
    .oao-page--history .oao-anchor {
      padding-top: 40px; } }

/*
 *  Page social engagement
 */
.oao-page--social-engagement .oao-social {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-page--social-engagement .oao-social {
      padding-top: 65px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--social-engagement .oao-social {
      padding-top: 85px; } }

.oao-page--social-engagement .oao-tiles {
  padding-bottom: 30px; }

/*
 *  Page about
 */
.oao-page--about .oao-intro {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-page--about .oao-intro {
      padding-top: 65px; } }
  @media only screen and (min-width: 768px) {
    .oao-page--about .oao-intro {
      padding-top: 85px; } }

.oao-page--about .oao-highlights {
  padding-top: 30px; }

.oao-page--about .oao-textblock {
  padding-top: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--about .oao-textblock {
      padding-top: 65px; } }
  .oao-page--about .oao-textblock__wrapper {
    float: left;
    margin-right: 25px;
    margin-bottom: 40px; }
    @media only screen and (min-width: 768px) {
      .oao-page--about .oao-textblock__wrapper {
        margin-right: 50px;
        margin-bottom: 5px; } }
  .oao-page--about .oao-textblock__image {
    width: 100%;
    height: auto; }
    .oao-page--about .oao-textblock__image--2 {
      max-width: 100px;
      border: 1px solid #003d8f; }
      @media only screen and (min-width: 768px) {
        .oao-page--about .oao-textblock__image--2 {
          max-width: 115px; } }
    @media only screen and (max-width: 768px) {
      .oao-page--about .oao-textblock__image--3 {
        width: 75%; } }
    @media only screen and (min-width: 768px) {
      .oao-page--about .oao-textblock__image--3 {
        margin-top: -30px; } }
  .oao-page--about .oao-textblock h4 {
    margin-bottom: 10px; }
  .oao-page--about .oao-textblock__description {
    color: #99B6D4;
    text-decoration: underline;
    font-size: 14px;
    padding-top: 5px; }

.oao-page--about .oao-tiles {
  padding-top: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--about .oao-tiles {
      padding-bottom: 40px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--about .oao-tiles {
      padding-bottom: 60px; } }

/*
 *  Page sustainability
 */
.oao-page--sustainability h4.dark {
  color: #3B3B3B; }

.oao-page--sustainability .oao-intro--top {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-page--sustainability .oao-intro--top {
      padding-top: 65px; } }
  @media only screen and (min-width: 768px) {
    .oao-page--sustainability .oao-intro--top {
      padding-top: 85px; } }

@media only screen and (min-width: 768px) {
  .oao-page--sustainability .oao-intro--bottom {
    padding-bottom: 40px; } }

@media only screen and (min-width: 992px) {
  .oao-page--sustainability .oao-intro--bottom {
    padding-bottom: 60px; } }

.oao-page--sustainability .oao-sustainability-tiles {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-page--sustainability .oao-sustainability-tiles {
      padding-bottom: 50px; } }

/*
 *  Page sport sponsoring
 */
.oao-page--sponsoring .oao-intro {
  padding-top: 40px; }
  @media only screen and (min-width: 768px) {
    .oao-page--sponsoring .oao-intro {
      padding-top: 65px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--sponsoring .oao-intro {
      padding-top: 85px; } }

.oao-page--sponsoring .oao-sponsoring {
  padding-top: 50px; }

.oao-page--sponsoring .oao-sponsoring-tile {
  padding-top: 50px;
  padding-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .oao-page--sponsoring .oao-sponsoring-tile {
      padding-top: 75px;
      padding-bottom: 50px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--sponsoring .oao-sponsoring-tile {
      padding-top: 100px;
      padding-bottom: 75px; } }

/*
 *  Page 404
 */
@media only screen and (min-width: 576px) {
  .oao-page--404 .error-page {
    font-size: 1.5rem; } }

.oao-page--404 .error-page__logo {
  width: 75px;
  height: 75px;
  margin-top: 1.5rem; }
  @media only screen and (min-width: 576px) {
    .oao-page--404 .error-page__logo {
      margin-top: 6rem; } }

.oao-page--404 .error-page__subheadline {
  font-size: 1.5rem; }
  @media only screen and (min-width: 576px) {
    .oao-page--404 .error-page__subheadline {
      font-size: 2rem; } }
  .oao-page--404 .error-page__subheadline--small {
    color: #3c3c3c;
    margin-bottom: .75rem;
    font-size: 1.25rem; }
    @media only screen and (min-width: 576px) {
      .oao-page--404 .error-page__subheadline--small {
        font-size: 1.5rem; } }

.oao-page--404 .error-page__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem; }
  @media only screen and (min-width: 576px) {
    .oao-page--404 .error-page__number {
      font-size: 1.5rem; } }
  .oao-page--404 .error-page__number svg {
    width: 30px;
    height: 30px; }

@media only screen and (min-width: 576px) {
  .oao-page--404 .error-page__text {
    font-size: 1.5rem; } }

/*
 *  Page press
 */
.oao-page--press .oao-news {
  padding-top: 40px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--press .oao-news {
      padding-top: 65px;
      padding-bottom: 70px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--press .oao-news {
      padding-top: 85px;
      padding-bottom: 100px; } }

.oao-page--press .oao-media-slider {
  padding-top: 40px;
  padding-bottom: 70px; }
  @media only screen and (min-width: 768px) {
    .oao-page--press .oao-media-slider {
      padding-top: 65px;
      padding-bottom: 90px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--press .oao-media-slider {
      padding-bottom: 110px; } }

.oao-page--press .oao-contact {
  margin-bottom: -1.5rem; }

.oao-page--press .card {
  border-color: #e4e5e4; }
  .oao-page--press .card-grid {
    margin-top: 0;
    margin-bottom: 0; }

/*
 *  Page location
 */
.oao-page--location .oao-intro {
  padding-top: 40px; }
  @media only screen and (min-width: 992px) {
    .oao-page--location .oao-intro {
      padding-top: 85px; } }

.oao-page--location .oao-main-location {
  padding-top: 50px;
  padding-bottom: 30px; }

.oao-page--location .oao-side-location {
  margin-bottom: -1.5rem; }

/*
 *  Page "Single"
 */
.oao-page--content .oao-content {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 992px) {
    .oao-page--content .oao-content {
      padding-top: 85px;
      padding-bottom: 85px; } }

/*
 *  Archive
 */
.oao-page--archive .oao-news {
  padding-top: 40px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--archive .oao-news {
      padding-top: 65px;
      padding-bottom: 70px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--archive .oao-news {
      padding-top: 85px;
      padding-bottom: 100px; } }

.oao-page--archive .oao-pagination {
  padding-top: 50px; }
  @media only screen and (min-width: 992px) {
    .oao-page--archive .oao-pagination {
      padding-top: 85px; } }

.oao-page--archive .card {
  border-color: #e4e5e4; }
  .oao-page--archive .card-grid {
    margin-top: 0;
    margin-bottom: 0; }

/*
 *  Search
 */
.oao-page--search .oao-search {
  padding-top: 40px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .oao-page--search .oao-search {
      padding-top: 65px;
      padding-bottom: 70px; } }
  @media only screen and (min-width: 992px) {
    .oao-page--search .oao-search {
      padding-top: 85px;
      padding-bottom: 100px; } }

/*
 *  Single
 */
.oao-page--single h1 {
  margin-bottom: 30px;
  font-size: 1.5rem;
  line-height: 1.22; }
  @media only screen and (min-width: 480px) {
    .oao-page--single h1 {
      font-size: 1.75rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 576px) {
    .oao-page--single h1 {
      font-size: 2.5rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 768px) {
    .oao-page--single h1 {
      margin-top: 20px;
      font-size: 1.75rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 992px) {
    .oao-page--single h1 {
      margin-top: 0;
      font-size: 2.25rem;
      line-height: 1.22; } }
  @media only screen and (min-width: 1200px) {
    .oao-page--single h1 {
      font-size: 2.8125rem;
      line-height: 1.22; } }

/*
 *  Page energy
 */
.oao-page--energy .oao-energy-intro {
  padding-top: 10px; }
  @media only screen and (min-width: 992px) {
    .oao-page--energy .oao-energy-intro {
      padding-top: 50px; } }

.oao-page--energy .oao-energy-tiles {
  padding-top: 26px;
  padding-bottom: 50px; }
  @media only screen and (min-width: 992px) {
    .oao-page--energy .oao-energy-tiles {
      padding-top: 65px;
      padding-bottom: 85px; } }

/*
 *  Shame
 *
 *  Of course nothing to be ashamed of  :)
 *  First one to use this pays beer for the team.
 *
 */