@charset "UTF-8";
/* ==========================================================================
   Variables and Mixins
   ========================================================================== */
/* ==========================================================================
   Cookie Consent
   ========================================================================== */
/* the popup window */
.cc-window, .cc-revoke {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box; /* exclude padding when dealing with width */
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px; /* by setting the base font here, we can size the rest of the popup using CSS `em` */
  line-height: 1.5em;
  display: flex;
  flex-wrap: nowrap;
  /* the following are random unjustified styles - just because - should probably be removed */
  z-index: 9999;
}

.cc-window.cc-static {
  position: static;
}

/* 2 basic types of window - floating / banner */
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em; /* 1em == 16px therefore 24em == 384px */
  flex-direction: column;
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  flex-direction: row;
}

.cc-revoke {
  padding: 0.5em;
}

.cc-revoke:hover {
  text-decoration: underline;
}

.cc-header {
  font-size: 18px;
  font-weight: bold;
}

/* clickable things */
.cc-btn, .cc-link, .cc-close, .cc-revoke {
  cursor: pointer;
}

.cc-link {
  opacity: 0.8;
  display: inline-block;
  padding: 0.2em;
  text-decoration: underline;
}

.cc-link:hover {
  opacity: 1;
}

.cc-link:active, .cc-link:visited {
  color: initial;
}

.cc-btn {
  display: block;
  padding: 0.4em 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
  min-width: 140px;
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn:first-child:hover,
.cc-highlight .cc-btn:first-child:focus {
  background-color: transparent;
  text-decoration: underline;
}

.cc-close {
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  font-size: 1.6em;
  opacity: 0.9;
  /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
  /*  - we want it to be a square, because it's acting as an icon */
  /*  - setting the line height normalises the height */
  line-height: 0.75;
}

.cc-close:hover,
.cc-close:focus {
  opacity: 1;
}

.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.cc-window.cc-invisible {
  opacity: 0;
}

/* only animate ifhas class 'cc-animate' */
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-top {
  transform: translateY(0);
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
  transform: translateY(0);
}

.cc-revoke:hover {
  transform: translateY(0);
}

.cc-grower {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}

/* This file should contain CSS that modifies the popup layout. */
/* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

/**************************************** FLOATING ****************************************/
/* these classes position the floating element */
.cc-top {
  top: 1em;
}

.cc-left {
  left: 1em;
}

.cc-right {
  right: 1em;
}

.cc-bottom {
  bottom: 1em;
}

/* links that are direct decendants should be displayed as block */
.cc-floating > .cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  flex: 1;
}

/**************************************** BANNER ****************************************/
.cc-window.cc-banner {
  align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  flex: 1;
}

/* COMPLIANCE BOX */
.cc-compliance {
  display: flex;
  align-items: center;
  align-content: space-between;
}

.cc-compliance > .cc-btn {
  flex: 1;
}

.cc-btn + .cc-btn {
  margin-left: 0.5em;
}

@media print {
  .cc-window, .cc-revoke {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
/* dimensions for 'iPhone6 Plus' and lower */
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner, .cc-window.cc-right, .cc-window.cc-left {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    flex: 1;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: 1em;
  }
  .cc-window.cc-banner {
    align-items: unset;
  }
}
/* iPhone 6 */
/* iPhone 6 plus */
/* iPhone 5 & 5S */
/* iPhone 2G - 4S */
.cc-window {
  font-family: inherit;
  background: white;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

.cc-window.cc-banner {
  padding: 0;
}

.cc-window.cc-banner .cc-message {
  padding: 10px 20px;
}

.cc-window.cc-banner .cc-btn.cc-dismiss {
  padding: 15px 40px;
  font-weight: normal;
}

/* ==========================================================================
   Grid System setup
   ========================================================================== */
/**
 * Imports :
 */
/**
 * Import grid settings :
 * This to be able to use gridle mixins, etc...
 */
/**
 * Resets
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Variables
 */
/**
 * Variables
 */
body {
  overflow-x: hidden;
}

.component {
  background: red;
  min-height: 100px;
  transition: all 0.2s ease-in-out;
}

.component[min-width~="450px"] {
  background: pink;
}

.component[max-width~="400px"] {
  background: blue;
}

.component[max-width~="200px"] {
  background: green;
}

.module {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-uwkotq9 .module {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-uwkotq9 .module {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-default .state-uwkotq9 .module .state-uwkotq9 .module {
  margin-left: -10px;
  margin-right: -10px;
}

.state-uwkotq9 .module .state-uwkotq9 .module {
  margin-left: -10px;
  margin-right: -10px;
}

.state-mobile .state-uwkotq9 .module .state-uwkotq9 .module {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 480px) {
  .state-uwkotq9 .module .state-uwkotq9 .module {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-tablet .state-uwkotq9 .module .state-uwkotq9 .module {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkotq9 .module .state-uwkotq9 .module {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module .state-uwkotq9 .module {
  margin-left: -30px;
  margin-right: -30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module .state-uwkotq9 .module {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.state-uwkotq9 .module:before, .state-uwkotq9 .module:after {
  content: "";
  display: table;
}

.state-uwkotq9 .module:after {
  clear: both;
}

.state-uwkotq9 .module {
  zoom: 1;
}

.state-uwkotq9 .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-uwkottk .state-uwkotq9 .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-uwkotw4 .state-uwkottk .state-uwkotq9 .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-ipad-landscape .state-uwkotw4 .state-uwkottk .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotw4 .state-uwkottk .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotw4 .state-uwkottk .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotw4 .state-uwkottk .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkottk .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkottk .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkottk .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkottk .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkottk .state-uwkotq9 .module > .header {
  width: 40%;
  margin-left: 10%;
}

.state-ipad-landscape .state-tablet .state-uwkottk .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkottk .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkottk .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkottk .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkottk .state-uwkotq9 .module > .header {
    width: 40%;
    margin-left: 10%;
  }
}
.state-uwkotyw .state-uwkotq9 .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-ipad-landscape .state-uwkotyw .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotyw .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotyw .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotyw .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkotq9 .module > .header {
  width: 40%;
  margin-left: 10%;
}

.state-ipad-landscape .state-tablet .state-uwkotq9 .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkotq9 .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkotq9 .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkotq9 .module > .header {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkotq9 .module > .header {
    width: 40%;
    margin-left: 10%;
  }
}
.state-uwkotq9 .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkou2t .state-uwkotq9 .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkou57 .state-uwkou2t .state-uwkotq9 .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkou57 .state-uwkou2t .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou57 .state-uwkou2t .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkou57 .state-uwkou2t .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou57 .state-uwkou2t .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkou2t .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou2t .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkou2t .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou2t .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkou2t .state-uwkotq9 .module > .login {
  width: 40%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-ipad-landscape .state-tablet .state-uwkou2t .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkou2t .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkou2t .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkou2t .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkou2t .state-uwkotq9 .module > .login {
    width: 40%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.state-uwkou7z .state-uwkotq9 .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkou7z .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou7z .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkou7z .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkou7z .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkotq9 .module > .login {
  width: 40%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-ipad-landscape .state-tablet .state-uwkotq9 .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkotq9 .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkotq9 .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkotq9 .module > .login {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkotq9 .module > .login {
    width: 40%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.state-uwkotq9 .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkouc2 .state-uwkotq9 .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkoudw .state-uwkouc2 .state-uwkotq9 .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkoudw .state-uwkouc2 .state-uwkotq9 .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoudw .state-uwkouc2 .state-uwkotq9 .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoudw .state-uwkouc2 .state-uwkotq9 .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoudw .state-uwkouc2 .state-uwkotq9 .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkouc2 .state-uwkotq9 .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkouc2 .state-uwkotq9 .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkouc2 .state-uwkotq9 .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkouc2 .state-uwkotq9 .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-uwkougm .state-uwkotq9 .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkougm .state-uwkotq9 .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkougm .state-uwkotq9 .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkougm .state-uwkotq9 .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkougm .state-uwkotq9 .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-uwkotq9 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkoujp .state-uwkotq9 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkoume .state-uwkoujp .state-uwkotq9 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkoume .state-uwkoujp .state-uwkotq9 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoume .state-uwkoujp .state-uwkotq9 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoume .state-uwkoujp .state-uwkotq9 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoume .state-uwkoujp .state-uwkotq9 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkoujp .state-uwkotq9 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoujp .state-uwkotq9 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoujp .state-uwkotq9 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoujp .state-uwkotq9 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-uwkoup4 .state-uwkotq9 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkoup4 .state-uwkotq9 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoup4 .state-uwkotq9 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoup4 .state-uwkotq9 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoup4 .state-uwkotq9 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-uwkotq9 .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkourh .state-uwkotq9 .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkouub .state-uwkourh .state-uwkotq9 .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkouub .state-uwkourh .state-uwkotq9 .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkouub .state-uwkourh .state-uwkotq9 .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkouub .state-uwkourh .state-uwkotq9 .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkouub .state-uwkourh .state-uwkotq9 .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkourh .state-uwkotq9 .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkourh .state-uwkotq9 .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkourh .state-uwkotq9 .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkourh .state-uwkotq9 .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-uwkoux5 .state-uwkotq9 .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkoux5 .state-uwkotq9 .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoux5 .state-uwkotq9 .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoux5 .state-uwkotq9 .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoux5 .state-uwkotq9 .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkotq9 .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkotq9 .module > .footer {
    direction: rtl;
    float: right;
  }
}
[class*=no-gutter] > .module {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-default .module .module {
  margin-left: -10px;
  margin-right: -10px;
}

.module .module {
  margin-left: -10px;
  margin-right: -10px;
}

.state-mobile .module .module {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 480px) {
  .module .module {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-tablet .module .module {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .module .module {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-ipad-landscape .module .module {
  margin-left: -30px;
  margin-right: -30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module .module {
    margin-left: -30px;
    margin-right: -30px;
  }
}
.module:before, .module:after {
  content: "";
  display: table;
}

.module:after {
  clear: both;
}

.module {
  zoom: 1;
}

.module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-uwkov1p .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-uwkov4e .state-uwkov1p .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-ipad-landscape .state-uwkov4e .state-uwkov1p .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov4e .state-uwkov1p .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkov4e .state-uwkov1p .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov4e .state-uwkov1p .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkov1p .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov1p .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkov1p .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov1p .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkov1p .module > .header {
  width: 40%;
  margin-left: 10%;
}

.state-ipad-landscape .state-tablet .state-uwkov1p .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkov1p .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkov1p .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkov1p .module > .header {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkov1p .module > .header {
    width: 40%;
    margin-left: 10%;
  }
}
.state-uwkov8g .module > .header {
  width: 60%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 20%;
}

.state-ipad-landscape .state-uwkov8g .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov8g .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkov8g .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkov8g .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .header {
    direction: rtl;
    float: right;
  }
}
.state-tablet .module > .header {
  width: 40%;
  margin-left: 10%;
}

.state-ipad-landscape .state-tablet .module > .header {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .module > .header {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .module > .header {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .module > .header {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .module > .header {
    width: 40%;
    margin-left: 10%;
  }
}
.module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovbn .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkoveh .state-uwkovbn .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkoveh .state-uwkovbn .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoveh .state-uwkovbn .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkoveh .state-uwkovbn .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkoveh .state-uwkovbn .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkovbn .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovbn .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovbn .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovbn .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-uwkovbn .module > .login {
  width: 40%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-ipad-landscape .state-tablet .state-uwkovbn .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkovbn .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-uwkovbn .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-uwkovbn .module > .login {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-uwkovbn .module > .login {
    width: 40%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.state-uwkovhk .module > .login {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovhk .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovhk .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovhk .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovhk .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .login {
    direction: rtl;
    float: right;
  }
}
.state-tablet .module > .login {
  width: 40%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-ipad-landscape .state-tablet .module > .login {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .module > .login {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .module > .login {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .module > .login {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .module > .login {
    width: 40%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
}
.module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovkt .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovm7 .state-uwkovkt .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovm7 .state-uwkovkt .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovm7 .state-uwkovkt .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovm7 .state-uwkovkt .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovm7 .state-uwkovkt .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkovkt .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovkt .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovkt .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovkt .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-uwkovoi .module > .content {
  width: 80%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovoi .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovoi .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovoi .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovoi .module > .content {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .module > .content {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .content {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .module > .content {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .content {
    direction: rtl;
    float: right;
  }
}
.module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovr0 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovsi .state-uwkovr0 .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovsi .state-uwkovr0 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovsi .state-uwkovr0 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovsi .state-uwkovr0 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovsi .state-uwkovr0 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkovr0 .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovr0 .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovr0 .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovr0 .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-uwkovup .module > .sidebar {
  width: 20%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovup .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovup .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovup .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovup .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .module > .sidebar {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .sidebar {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .module > .sidebar {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .sidebar {
    direction: rtl;
    float: right;
  }
}
.module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovwe .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-uwkovzf .state-uwkovwe .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkovzf .state-uwkovwe .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovzf .state-uwkovwe .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovzf .state-uwkovwe .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovzf .state-uwkovwe .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .state-uwkovwe .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovwe .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkovwe .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkovwe .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-uwkow2g .module > .footer {
  width: 100%;
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.state-ipad-landscape .state-uwkow2g .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkow2g .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-uwkow2g .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-uwkow2g .module > .footer {
    direction: rtl;
    float: right;
  }
}
.state-ipad-landscape .module > .footer {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .footer {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .module > .footer {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .module > .footer {
    direction: rtl;
    float: right;
  }
}
/**
 * Basic formatting :
 */
html {
  font: 11px/1.5 "Helvetica Neue", Verdana, sans-serif;
  color: #48565f;
}

#header {
  background-image: url("http://gridle.org/assets/img/highlight-bkg-04.jpg?1443433037");
  background-size: cover;
  background-position: 50% 50%;
  min-height: 150px;
  color: white;
  padding: 50px 0;
  line-height: 1;
}

#header, #header * {
  text-shadow: rgb(0, 0, 0) 0 0 10px;
}

#head {
  background: #f6f6f6;
  margin-bottom: 50px;
  padding: 50px 0;
}

.separator {
  width: 100%;
  height: 1px;
  background: #eaedef;
  margin-bottom: 50px;
  margin-top: 50px;
}

#top-bar {
  background: black;
}

/**
 * Colors
 */
.complementary {
  color: #f2ca2b;
}

.red {
  color: #ee243c;
}

.blue {
  color: #5aecf1;
}

.green {
  color: #e5f382;
}

.bg-color, .bg-green, .bg-blue, .bg-red, .bg-complementary {
  padding: 2px 5px;
  border-radius: 3px;
  color: white;
}

.bg-complementary {
  background: #f2ca2b;
}

.bg-red {
  background: #ee243c;
}

.bg-blue {
  background: #5aecf1;
}

.bg-green {
  background: #e5f382;
}

/**
 * Typography
 */
.h1 {
  font-size: 50px;
  font-weight: 100;
}

.h2 {
  margin: 0 0 15px 0;
  font-size: 30px;
}

.h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
}

.p {
  margin-bottom: 20px;
  font-size: 16px;
  color: #8596a2;
}

.subtitle {
  font-size: 30px;
  font-weight: 200;
}

.heading {
  font-size: 20px;
}

a {
  color: #f1c413;
  text-decoration: none;
}

small {
  font-size: 0.6em;
}

/**
 * Prism
 */
pre {
  background-color: #eaedef !important;
}

/**
 * State selector
 */
.selector {
  margin-bottom: 15px;
  padding: 5px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  background: #f2ca2b;
}

.selector li {
  color: black;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  margin-right: 2px;
}

.selector li.active {
  color: white;
  background: #ac8c0b !important;
}

.selector.selector--options {
  background: #c8c6bf;
}

.selector.selector--options li {
  color: black;
  background: #999588;
}

.selector.selector--options li.active {
  background: #656156 !important;
  color: white;
}

.state-mobile .selector {
  display: block;
  margin: 0 0 15px 0;
}

.state-mobile .selector li {
  display: block;
  padding: 10px;
}

@media screen and (max-width: 480px) {
  .selector {
    display: block;
    margin: 0 0 15px 0;
  }
  .selector li {
    display: block;
    padding: 10px;
  }
}
/**
 * Debug grid
 */
.gridle-debug {
  margin-bottom: 50px;
}

.gridle-debug [class*=gr-] {
  background: #eaedef;
  border: 1px solid #dce1e4;
  padding-top: 10px;
  padding-bottom: 10px;
}

.gridle-debug [class*=gr-]:before {
  display: block;
  content: attr(class);
  font-weight: bold;
}

.gridle-debug [class*=push-],
.gridle-debug [class*=prefix-] {
  background: #bfc8ce;
}

.gridle-debug [class*=pull-],
.gridle-debug [class*=suffix-] {
  background: #b0bbc3;
}

.gridle-debug [class=row],
.gridle-debug [class=col] {
  padding-top: 0;
  padding-bottom: 0;
}

.no-debug-class [class*=gr-]:before, .no-debug-class:before {
  content: "" !important;
}

/**
 * Placeholders
 */
.img-placeholder, .list__image {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #cdd4d9;
}

/**
 * List
 */
.list.list--inline .list__item, .list.list--top-bar .list__item {
  display: inline-block;
}

.list__title {
  font-weight: bold;
  font-size: 16px;
}

.list__description {
  font-size: 12px;
}

.list__image {
  background-size: cover;
  background-position: 50% 50%;
}

.list__sharings {
  font-size: 20px !important;
}

/**
 * List top bar
 */
.list--top-bar .list__item a {
  display: inline-block;
  padding: 10px;
}

.list--top-bar .list__item a:hover, .list--top-bar .list__item a.active {
  color: white;
  background: #f2ca2b;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0;
}

/**
 * Gridle set sample :
 */
#myCoolItem {
  width: 66.6666666667%;
  left: 16.6666666667%;
  right: auto;
}

.state-default #myCoolItem {
  width: 66.6666666667%;
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape .state-default #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-default #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-default #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-default #myCoolItem {
    direction: rtl;
    float: right;
  }
}
.state-tablet .state-default #myCoolItem {
  width: 100%;
  left: 0%;
  right: auto;
}

.state-ipad-landscape .state-tablet .state-default #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-default #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet .state-default #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet .state-default #myCoolItem {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .state-default #myCoolItem {
    width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-mobile .state-default #myCoolItem {
  width: 100%;
  visibility: hidden;
}

.state-ipad-landscape .state-mobile .state-default #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile .state-default #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-mobile .state-default #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile .state-default #myCoolItem {
    direction: rtl;
    float: right;
  }
}
@media screen and (max-width: 480px) {
  .state-default #myCoolItem {
    width: 100%;
    visibility: hidden;
  }
}
.state-ipad-landscape #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  #myCoolItem {
    direction: rtl;
    float: right;
  }
}
.state-tablet #myCoolItem {
  width: 100%;
  left: 0%;
  right: auto;
}

.state-ipad-landscape .state-tablet #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-tablet #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-tablet #myCoolItem {
    direction: rtl;
    float: right;
  }
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  #myCoolItem {
    width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-mobile #myCoolItem {
  width: 100%;
  visibility: hidden;
}

.state-ipad-landscape .state-mobile #myCoolItem {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 30px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile #myCoolItem {
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px;
  }
}
.state-ipad-landscape .state-mobile #myCoolItem {
  direction: rtl;
  float: right;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile #myCoolItem {
    direction: rtl;
    float: right;
  }
}
@media screen and (max-width: 480px) {
  #myCoolItem {
    width: 100%;
    visibility: hidden;
  }
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}
#gridle-settings {
  content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "480px", "query" : "screen and (max-width: 480px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "481px", "max-width" : "1024px", "query" : "screen and (min-width: 481px) and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "ipad-landscape":{ "name" : "ipad-landscape", "min-width" : null, "max-width" : null, "query" : "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "30px", "gutter-height" : "50px", "gutter-top" : "25px", "gutter-right" : "15px", "gutter-bottom" : "25px", "gutter-left" : "15px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }} }';
}

.state-default .gr-1on5 {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-default .push-1on5 {
  left: 20%;
  right: auto;
}

.state-default .pull-1on5 {
  right: 20%;
  left: auto;
}

.state-default .prefix-1on5 {
  margin-left: 20%;
}

.state-default .suffix-1on5 {
  margin-right: 20%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-0 {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.state-default .push-0 {
  left: 0%;
  right: auto;
}

.state-default .pull-0 {
  right: 0%;
  left: auto;
}

.state-default .prefix-0 {
  margin-left: 0%;
}

.state-default .suffix-0 {
  margin-right: 0%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-1 {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.state-default .push-1 {
  left: 8.3333333333%;
  right: auto;
}

.state-default .pull-1 {
  right: 8.3333333333%;
  left: auto;
}

.state-default .prefix-1 {
  margin-left: 8.3333333333%;
}

.state-default .suffix-1 {
  margin-right: 8.3333333333%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-2 {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-default .push-2 {
  left: 16.6666666667%;
  right: auto;
}

.state-default .pull-2 {
  right: 16.6666666667%;
  left: auto;
}

.state-default .prefix-2 {
  margin-left: 16.6666666667%;
}

.state-default .suffix-2 {
  margin-right: 16.6666666667%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-3 {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-default .push-3 {
  left: 25%;
  right: auto;
}

.state-default .pull-3 {
  right: 25%;
  left: auto;
}

.state-default .prefix-3 {
  margin-left: 25%;
}

.state-default .suffix-3 {
  margin-right: 25%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-4 {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-default .push-4 {
  left: 33.3333333333%;
  right: auto;
}

.state-default .pull-4 {
  right: 33.3333333333%;
  left: auto;
}

.state-default .prefix-4 {
  margin-left: 33.3333333333%;
}

.state-default .suffix-4 {
  margin-right: 33.3333333333%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-5 {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.state-default .push-5 {
  left: 41.6666666667%;
  right: auto;
}

.state-default .pull-5 {
  right: 41.6666666667%;
  left: auto;
}

.state-default .prefix-5 {
  margin-left: 41.6666666667%;
}

.state-default .suffix-5 {
  margin-right: 41.6666666667%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-6 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-default .push-6 {
  left: 50%;
  right: auto;
}

.state-default .pull-6 {
  right: 50%;
  left: auto;
}

.state-default .prefix-6 {
  margin-left: 50%;
}

.state-default .suffix-6 {
  margin-right: 50%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-7 {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.state-default .push-7 {
  left: 58.3333333333%;
  right: auto;
}

.state-default .pull-7 {
  right: 58.3333333333%;
  left: auto;
}

.state-default .prefix-7 {
  margin-left: 58.3333333333%;
}

.state-default .suffix-7 {
  margin-right: 58.3333333333%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-8 {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.state-default .push-8 {
  left: 66.6666666667%;
  right: auto;
}

.state-default .pull-8 {
  right: 66.6666666667%;
  left: auto;
}

.state-default .prefix-8 {
  margin-left: 66.6666666667%;
}

.state-default .suffix-8 {
  margin-right: 66.6666666667%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-9 {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.state-default .push-9 {
  left: 75%;
  right: auto;
}

.state-default .pull-9 {
  right: 75%;
  left: auto;
}

.state-default .prefix-9 {
  margin-left: 75%;
}

.state-default .suffix-9 {
  margin-right: 75%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-10 {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.state-default .push-10 {
  left: 83.3333333333%;
  right: auto;
}

.state-default .pull-10 {
  right: 83.3333333333%;
  left: auto;
}

.state-default .prefix-10 {
  margin-left: 83.3333333333%;
}

.state-default .suffix-10 {
  margin-right: 83.3333333333%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-11 {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.state-default .push-11 {
  left: 91.6666666667%;
  right: auto;
}

.state-default .pull-11 {
  right: 91.6666666667%;
  left: auto;
}

.state-default .prefix-11 {
  margin-left: 91.6666666667%;
}

.state-default .suffix-11 {
  margin-right: 91.6666666667%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .gr-12 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.state-default .push-12 {
  left: 100%;
  right: auto;
}

.state-default .pull-12 {
  right: 100%;
  left: auto;
}

.state-default .prefix-12 {
  margin-left: 100%;
}

.state-default .suffix-12 {
  margin-right: 100%;
}

.state-default .order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-default .order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.state-default .order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-default .float-left {
  float: left;
}

.state-default .float-right {
  float: right;
}

.state-default .clear {
  clear: both;
}

.state-default .clear-left {
  clear: left;
}

.state-default .clear-right {
  clear: right;
}

.state-default .no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-default .no-gutter-left {
  padding-left: 0;
}

.state-default .no-gutter-right {
  padding-right: 0;
}

.state-default .no-gutter-top {
  padding-top: 0;
}

.state-default .no-gutter-bottom {
  padding-bottom: 0;
}

.state-default .gutter {
  padding-right: 10px;
  padding-left: 10px;
}

.state-default .gutter-left {
  padding-left: 10px;
}

.state-default .gutter-right {
  padding-right: 10px;
}

.state-default .auto-height {
  height: inherit;
}

.state-default .row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-default .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-default .row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-default .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-default .row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.state-default .col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-default .col-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-default .row-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.state-default .row-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.state-default .row-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.state-default .row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.state-default .row-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.state-default .row-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.state-default .row-align-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.state-default .row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.state-default .hide {
  display: none;
}

.state-default .not-visible {
  visibility: hidden;
}

.state-default .show {
  display: block;
}

.state-default .show-inline {
  display: inline-block;
}

.state-default .visible {
  visibility: visible;
}

.state-default .row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.state-default .row-debug:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.6666666667% 100%;
  z-index: 99999;
}

.state-default body {
  direction: ltr;
}

.gr-1on5 {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.push-1on5 {
  left: 20%;
  right: auto;
}

.pull-1on5 {
  right: 20%;
  left: auto;
}

.prefix-1on5 {
  margin-left: 20%;
}

.suffix-1on5 {
  margin-right: 20%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-0 {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.push-0 {
  left: 0%;
  right: auto;
}

.pull-0 {
  right: 0%;
  left: auto;
}

.prefix-0 {
  margin-left: 0%;
}

.suffix-0 {
  margin-right: 0%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-1 {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.push-1 {
  left: 8.3333333333%;
  right: auto;
}

.pull-1 {
  right: 8.3333333333%;
  left: auto;
}

.prefix-1 {
  margin-left: 8.3333333333%;
}

.suffix-1 {
  margin-right: 8.3333333333%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-2 {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.push-2 {
  left: 16.6666666667%;
  right: auto;
}

.pull-2 {
  right: 16.6666666667%;
  left: auto;
}

.prefix-2 {
  margin-left: 16.6666666667%;
}

.suffix-2 {
  margin-right: 16.6666666667%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-3 {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.push-3 {
  left: 25%;
  right: auto;
}

.pull-3 {
  right: 25%;
  left: auto;
}

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

.suffix-3 {
  margin-right: 25%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-4 {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.push-4 {
  left: 33.3333333333%;
  right: auto;
}

.pull-4 {
  right: 33.3333333333%;
  left: auto;
}

.prefix-4 {
  margin-left: 33.3333333333%;
}

.suffix-4 {
  margin-right: 33.3333333333%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-5 {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.push-5 {
  left: 41.6666666667%;
  right: auto;
}

.pull-5 {
  right: 41.6666666667%;
  left: auto;
}

.prefix-5 {
  margin-left: 41.6666666667%;
}

.suffix-5 {
  margin-right: 41.6666666667%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-6 {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.push-6 {
  left: 50%;
  right: auto;
}

.pull-6 {
  right: 50%;
  left: auto;
}

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

.suffix-6 {
  margin-right: 50%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-7 {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.push-7 {
  left: 58.3333333333%;
  right: auto;
}

.pull-7 {
  right: 58.3333333333%;
  left: auto;
}

.prefix-7 {
  margin-left: 58.3333333333%;
}

.suffix-7 {
  margin-right: 58.3333333333%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-8 {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.push-8 {
  left: 66.6666666667%;
  right: auto;
}

.pull-8 {
  right: 66.6666666667%;
  left: auto;
}

.prefix-8 {
  margin-left: 66.6666666667%;
}

.suffix-8 {
  margin-right: 66.6666666667%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-9 {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.push-9 {
  left: 75%;
  right: auto;
}

.pull-9 {
  right: 75%;
  left: auto;
}

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

.suffix-9 {
  margin-right: 75%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-10 {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.push-10 {
  left: 83.3333333333%;
  right: auto;
}

.pull-10 {
  right: 83.3333333333%;
  left: auto;
}

.prefix-10 {
  margin-left: 83.3333333333%;
}

.suffix-10 {
  margin-right: 83.3333333333%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-11 {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.push-11 {
  left: 91.6666666667%;
  right: auto;
}

.pull-11 {
  right: 91.6666666667%;
  left: auto;
}

.prefix-11 {
  margin-left: 91.6666666667%;
}

.suffix-11 {
  margin-right: 91.6666666667%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.gr-12 {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.push-12 {
  left: 100%;
  right: auto;
}

.pull-12 {
  right: 100%;
  left: auto;
}

.prefix-12 {
  margin-left: 100%;
}

.suffix-12 {
  margin-right: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.order-last {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.no-gutter-top {
  padding-top: 0;
}

.no-gutter-bottom {
  padding-bottom: 0;
}

.gutter {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-left {
  padding-left: 10px;
}

.gutter-right {
  padding-right: 10px;
}

.auto-height {
  height: inherit;
}

.row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.col-reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.row-align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.row-align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.row-align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.row-align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.row-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.row-align-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.row-align-around {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.row-align-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.hide {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.show {
  display: block;
}

.show-inline {
  display: inline-block;
}

.visible {
  visibility: visible;
}

.row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.row-debug:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.6666666667% 100%;
  z-index: 99999;
}

body {
  direction: ltr;
}

.state-mobile .gr-1on5\@mobile {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-mobile .push-1on5\@mobile {
  left: 20%;
  right: auto;
}

.state-mobile .pull-1on5\@mobile {
  right: 20%;
  left: auto;
}

.state-mobile .prefix-1on5\@mobile {
  margin-left: 20%;
}

.state-mobile .suffix-1on5\@mobile {
  margin-right: 20%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-0\@mobile {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-0\@mobile {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.state-mobile .push-0\@mobile {
  left: 0%;
  right: auto;
}

.state-mobile .pull-0\@mobile {
  right: 0%;
  left: auto;
}

.state-mobile .prefix-0\@mobile {
  margin-left: 0%;
}

.state-mobile .suffix-0\@mobile {
  margin-right: 0%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-1\@mobile {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-1\@mobile {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.state-mobile .push-1\@mobile {
  left: 8.3333333333%;
  right: auto;
}

.state-mobile .pull-1\@mobile {
  right: 8.3333333333%;
  left: auto;
}

.state-mobile .prefix-1\@mobile {
  margin-left: 8.3333333333%;
}

.state-mobile .suffix-1\@mobile {
  margin-right: 8.3333333333%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-2\@mobile {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-2\@mobile {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-mobile .push-2\@mobile {
  left: 16.6666666667%;
  right: auto;
}

.state-mobile .pull-2\@mobile {
  right: 16.6666666667%;
  left: auto;
}

.state-mobile .prefix-2\@mobile {
  margin-left: 16.6666666667%;
}

.state-mobile .suffix-2\@mobile {
  margin-right: 16.6666666667%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-3\@mobile {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-3\@mobile {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-mobile .push-3\@mobile {
  left: 25%;
  right: auto;
}

.state-mobile .pull-3\@mobile {
  right: 25%;
  left: auto;
}

.state-mobile .prefix-3\@mobile {
  margin-left: 25%;
}

.state-mobile .suffix-3\@mobile {
  margin-right: 25%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-4\@mobile {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-4\@mobile {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-mobile .push-4\@mobile {
  left: 33.3333333333%;
  right: auto;
}

.state-mobile .pull-4\@mobile {
  right: 33.3333333333%;
  left: auto;
}

.state-mobile .prefix-4\@mobile {
  margin-left: 33.3333333333%;
}

.state-mobile .suffix-4\@mobile {
  margin-right: 33.3333333333%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-5\@mobile {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-5\@mobile {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.state-mobile .push-5\@mobile {
  left: 41.6666666667%;
  right: auto;
}

.state-mobile .pull-5\@mobile {
  right: 41.6666666667%;
  left: auto;
}

.state-mobile .prefix-5\@mobile {
  margin-left: 41.6666666667%;
}

.state-mobile .suffix-5\@mobile {
  margin-right: 41.6666666667%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-6\@mobile {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-6\@mobile {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-mobile .push-6\@mobile {
  left: 50%;
  right: auto;
}

.state-mobile .pull-6\@mobile {
  right: 50%;
  left: auto;
}

.state-mobile .prefix-6\@mobile {
  margin-left: 50%;
}

.state-mobile .suffix-6\@mobile {
  margin-right: 50%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-7\@mobile {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-7\@mobile {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.state-mobile .push-7\@mobile {
  left: 58.3333333333%;
  right: auto;
}

.state-mobile .pull-7\@mobile {
  right: 58.3333333333%;
  left: auto;
}

.state-mobile .prefix-7\@mobile {
  margin-left: 58.3333333333%;
}

.state-mobile .suffix-7\@mobile {
  margin-right: 58.3333333333%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-8\@mobile {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-8\@mobile {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.state-mobile .push-8\@mobile {
  left: 66.6666666667%;
  right: auto;
}

.state-mobile .pull-8\@mobile {
  right: 66.6666666667%;
  left: auto;
}

.state-mobile .prefix-8\@mobile {
  margin-left: 66.6666666667%;
}

.state-mobile .suffix-8\@mobile {
  margin-right: 66.6666666667%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-9\@mobile {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-9\@mobile {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.state-mobile .push-9\@mobile {
  left: 75%;
  right: auto;
}

.state-mobile .pull-9\@mobile {
  right: 75%;
  left: auto;
}

.state-mobile .prefix-9\@mobile {
  margin-left: 75%;
}

.state-mobile .suffix-9\@mobile {
  margin-right: 75%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-10\@mobile {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-10\@mobile {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.state-mobile .push-10\@mobile {
  left: 83.3333333333%;
  right: auto;
}

.state-mobile .pull-10\@mobile {
  right: 83.3333333333%;
  left: auto;
}

.state-mobile .prefix-10\@mobile {
  margin-left: 83.3333333333%;
}

.state-mobile .suffix-10\@mobile {
  margin-right: 83.3333333333%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-11\@mobile {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-11\@mobile {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.state-mobile .push-11\@mobile {
  left: 91.6666666667%;
  right: auto;
}

.state-mobile .pull-11\@mobile {
  right: 91.6666666667%;
  left: auto;
}

.state-mobile .prefix-11\@mobile {
  margin-left: 91.6666666667%;
}

.state-mobile .suffix-11\@mobile {
  margin-right: 91.6666666667%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-12\@mobile {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .gr-12\@mobile {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.state-mobile .push-12\@mobile {
  left: 100%;
  right: auto;
}

.state-mobile .pull-12\@mobile {
  right: 100%;
  left: auto;
}

.state-mobile .prefix-12\@mobile {
  margin-left: 100%;
}

.state-mobile .suffix-12\@mobile {
  margin-right: 100%;
}

.state-mobile .order-first\@mobile {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-mobile .order-13\@mobile {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.state-mobile .order-last\@mobile {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-mobile .float-left\@mobile {
  float: left;
}

.state-mobile .float-right\@mobile {
  float: right;
}

.state-mobile .clear\@mobile {
  clear: both;
}

.state-mobile .clear-left\@mobile {
  clear: left;
}

.state-mobile .clear-right\@mobile {
  clear: right;
}

.state-mobile .no-gutter\@mobile {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-mobile .no-gutter-left\@mobile {
  padding-left: 0;
}

.state-mobile .no-gutter-right\@mobile {
  padding-right: 0;
}

.state-mobile .no-gutter-top\@mobile {
  padding-top: 0;
}

.state-mobile .no-gutter-bottom\@mobile {
  padding-bottom: 0;
}

.state-mobile .gutter\@mobile {
  padding-right: 10px;
  padding-left: 10px;
}

.state-mobile .gutter-left\@mobile {
  padding-left: 10px;
}

.state-mobile .gutter-right\@mobile {
  padding-right: 10px;
}

.state-mobile .auto-height\@mobile {
  height: inherit;
}

.state-mobile .row\@mobile {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-mobile .row\@mobile {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-mobile .row-reverse\@mobile {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-mobile .row-reverse\@mobile {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-mobile .row-full\@mobile {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.state-mobile .col\@mobile {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-mobile .col-reverse\@mobile {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-mobile .row-align-left\@mobile {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.state-mobile .row-align-center\@mobile {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.state-mobile .row-align-right\@mobile {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.state-mobile .row-align-middle\@mobile {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.state-mobile .row-align-top\@mobile {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.state-mobile .row-align-bottom\@mobile {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.state-mobile .row-align-around\@mobile {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.state-mobile .row-align-between\@mobile {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.state-mobile .hide\@mobile {
  display: none;
}

.state-mobile .not-visible\@mobile {
  visibility: hidden;
}

.state-mobile .show\@mobile {
  display: block;
}

.state-mobile .show-inline\@mobile {
  display: inline-block;
}

.state-mobile .visible\@mobile {
  visibility: visible;
}

.state-mobile .row-debug\@mobile {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.state-mobile .row-debug\@mobile:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.6666666667% 100%;
  z-index: 99999;
}

.state-mobile body {
  direction: ltr;
}

@media screen and (max-width: 480px) {
  .gr-1on5\@mobile {
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .push-1on5\@mobile {
    left: 20%;
    right: auto;
  }
  .pull-1on5\@mobile {
    right: 20%;
    left: auto;
  }
  .prefix-1on5\@mobile {
    margin-left: 20%;
  }
  .suffix-1on5\@mobile {
    margin-right: 20%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@mobile {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-0\@mobile {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }
  .push-0\@mobile {
    left: 0%;
    right: auto;
  }
  .pull-0\@mobile {
    right: 0%;
    left: auto;
  }
  .prefix-0\@mobile {
    margin-left: 0%;
  }
  .suffix-0\@mobile {
    margin-right: 0%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@mobile {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@mobile {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .push-1\@mobile {
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1\@mobile {
    right: 8.3333333333%;
    left: auto;
  }
  .prefix-1\@mobile {
    margin-left: 8.3333333333%;
  }
  .suffix-1\@mobile {
    margin-right: 8.3333333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@mobile {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@mobile {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .push-2\@mobile {
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2\@mobile {
    right: 16.6666666667%;
    left: auto;
  }
  .prefix-2\@mobile {
    margin-left: 16.6666666667%;
  }
  .suffix-2\@mobile {
    margin-right: 16.6666666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@mobile {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@mobile {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .push-3\@mobile {
    left: 25%;
    right: auto;
  }
  .pull-3\@mobile {
    right: 25%;
    left: auto;
  }
  .prefix-3\@mobile {
    margin-left: 25%;
  }
  .suffix-3\@mobile {
    margin-right: 25%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@mobile {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@mobile {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .push-4\@mobile {
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4\@mobile {
    right: 33.3333333333%;
    left: auto;
  }
  .prefix-4\@mobile {
    margin-left: 33.3333333333%;
  }
  .suffix-4\@mobile {
    margin-right: 33.3333333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@mobile {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@mobile {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .push-5\@mobile {
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5\@mobile {
    right: 41.6666666667%;
    left: auto;
  }
  .prefix-5\@mobile {
    margin-left: 41.6666666667%;
  }
  .suffix-5\@mobile {
    margin-right: 41.6666666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@mobile {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@mobile {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .push-6\@mobile {
    left: 50%;
    right: auto;
  }
  .pull-6\@mobile {
    right: 50%;
    left: auto;
  }
  .prefix-6\@mobile {
    margin-left: 50%;
  }
  .suffix-6\@mobile {
    margin-right: 50%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@mobile {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@mobile {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .push-7\@mobile {
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7\@mobile {
    right: 58.3333333333%;
    left: auto;
  }
  .prefix-7\@mobile {
    margin-left: 58.3333333333%;
  }
  .suffix-7\@mobile {
    margin-right: 58.3333333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@mobile {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@mobile {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .push-8\@mobile {
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8\@mobile {
    right: 66.6666666667%;
    left: auto;
  }
  .prefix-8\@mobile {
    margin-left: 66.6666666667%;
  }
  .suffix-8\@mobile {
    margin-right: 66.6666666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@mobile {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@mobile {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .push-9\@mobile {
    left: 75%;
    right: auto;
  }
  .pull-9\@mobile {
    right: 75%;
    left: auto;
  }
  .prefix-9\@mobile {
    margin-left: 75%;
  }
  .suffix-9\@mobile {
    margin-right: 75%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@mobile {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@mobile {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .push-10\@mobile {
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10\@mobile {
    right: 83.3333333333%;
    left: auto;
  }
  .prefix-10\@mobile {
    margin-left: 83.3333333333%;
  }
  .suffix-10\@mobile {
    margin-right: 83.3333333333%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@mobile {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@mobile {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .push-11\@mobile {
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11\@mobile {
    right: 91.6666666667%;
    left: auto;
  }
  .prefix-11\@mobile {
    margin-left: 91.6666666667%;
  }
  .suffix-11\@mobile {
    margin-right: 91.6666666667%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@mobile {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@mobile {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .push-12\@mobile {
    left: 100%;
    right: auto;
  }
  .pull-12\@mobile {
    right: 100%;
    left: auto;
  }
  .prefix-12\@mobile {
    margin-left: 100%;
  }
  .suffix-12\@mobile {
    margin-right: 100%;
  }
  .order-first\@mobile {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-13\@mobile {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -moz-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-last\@mobile {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .float-left\@mobile {
    float: left;
  }
  .float-right\@mobile {
    float: right;
  }
  .clear\@mobile {
    clear: both;
  }
  .clear-left\@mobile {
    clear: left;
  }
  .clear-right\@mobile {
    clear: right;
  }
  .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@mobile {
    padding-left: 0;
  }
  .no-gutter-right\@mobile {
    padding-right: 0;
  }
  .no-gutter-top\@mobile {
    padding-top: 0;
  }
  .no-gutter-bottom\@mobile {
    padding-bottom: 0;
  }
  .gutter\@mobile {
    padding-right: 10px;
    padding-left: 10px;
  }
  .gutter-left\@mobile {
    padding-left: 10px;
  }
  .gutter-right\@mobile {
    padding-right: 10px;
  }
  .auto-height\@mobile {
    height: inherit;
  }
  .row\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*=no-gutter] > .row\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*=no-gutter] > .row-reverse\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@mobile {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-reverse\@mobile {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-align-left\@mobile {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@mobile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@mobile {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@mobile {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@mobile {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@mobile {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@mobile {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .hide\@mobile {
    display: none;
  }
  .not-visible\@mobile {
    visibility: hidden;
  }
  .show\@mobile {
    display: block;
  }
  .show-inline\@mobile {
    display: inline-block;
  }
  .visible\@mobile {
    visibility: visible;
  }
  .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@mobile:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.6666666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}
.state-tablet .gr-1on5\@tablet {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-tablet .push-1on5\@tablet {
  left: 20%;
  right: auto;
}

.state-tablet .pull-1on5\@tablet {
  right: 20%;
  left: auto;
}

.state-tablet .prefix-1on5\@tablet {
  margin-left: 20%;
}

.state-tablet .suffix-1on5\@tablet {
  margin-right: 20%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-0\@tablet {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-0\@tablet {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.state-tablet .push-0\@tablet {
  left: 0%;
  right: auto;
}

.state-tablet .pull-0\@tablet {
  right: 0%;
  left: auto;
}

.state-tablet .prefix-0\@tablet {
  margin-left: 0%;
}

.state-tablet .suffix-0\@tablet {
  margin-right: 0%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-1\@tablet {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-1\@tablet {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.state-tablet .push-1\@tablet {
  left: 8.3333333333%;
  right: auto;
}

.state-tablet .pull-1\@tablet {
  right: 8.3333333333%;
  left: auto;
}

.state-tablet .prefix-1\@tablet {
  margin-left: 8.3333333333%;
}

.state-tablet .suffix-1\@tablet {
  margin-right: 8.3333333333%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-2\@tablet {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-2\@tablet {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-tablet .push-2\@tablet {
  left: 16.6666666667%;
  right: auto;
}

.state-tablet .pull-2\@tablet {
  right: 16.6666666667%;
  left: auto;
}

.state-tablet .prefix-2\@tablet {
  margin-left: 16.6666666667%;
}

.state-tablet .suffix-2\@tablet {
  margin-right: 16.6666666667%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-3\@tablet {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-3\@tablet {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-tablet .push-3\@tablet {
  left: 25%;
  right: auto;
}

.state-tablet .pull-3\@tablet {
  right: 25%;
  left: auto;
}

.state-tablet .prefix-3\@tablet {
  margin-left: 25%;
}

.state-tablet .suffix-3\@tablet {
  margin-right: 25%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-4\@tablet {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-4\@tablet {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-tablet .push-4\@tablet {
  left: 33.3333333333%;
  right: auto;
}

.state-tablet .pull-4\@tablet {
  right: 33.3333333333%;
  left: auto;
}

.state-tablet .prefix-4\@tablet {
  margin-left: 33.3333333333%;
}

.state-tablet .suffix-4\@tablet {
  margin-right: 33.3333333333%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-5\@tablet {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-5\@tablet {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.state-tablet .push-5\@tablet {
  left: 41.6666666667%;
  right: auto;
}

.state-tablet .pull-5\@tablet {
  right: 41.6666666667%;
  left: auto;
}

.state-tablet .prefix-5\@tablet {
  margin-left: 41.6666666667%;
}

.state-tablet .suffix-5\@tablet {
  margin-right: 41.6666666667%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-6\@tablet {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-6\@tablet {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-tablet .push-6\@tablet {
  left: 50%;
  right: auto;
}

.state-tablet .pull-6\@tablet {
  right: 50%;
  left: auto;
}

.state-tablet .prefix-6\@tablet {
  margin-left: 50%;
}

.state-tablet .suffix-6\@tablet {
  margin-right: 50%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-7\@tablet {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-7\@tablet {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.state-tablet .push-7\@tablet {
  left: 58.3333333333%;
  right: auto;
}

.state-tablet .pull-7\@tablet {
  right: 58.3333333333%;
  left: auto;
}

.state-tablet .prefix-7\@tablet {
  margin-left: 58.3333333333%;
}

.state-tablet .suffix-7\@tablet {
  margin-right: 58.3333333333%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-8\@tablet {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-8\@tablet {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.state-tablet .push-8\@tablet {
  left: 66.6666666667%;
  right: auto;
}

.state-tablet .pull-8\@tablet {
  right: 66.6666666667%;
  left: auto;
}

.state-tablet .prefix-8\@tablet {
  margin-left: 66.6666666667%;
}

.state-tablet .suffix-8\@tablet {
  margin-right: 66.6666666667%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-9\@tablet {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-9\@tablet {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.state-tablet .push-9\@tablet {
  left: 75%;
  right: auto;
}

.state-tablet .pull-9\@tablet {
  right: 75%;
  left: auto;
}

.state-tablet .prefix-9\@tablet {
  margin-left: 75%;
}

.state-tablet .suffix-9\@tablet {
  margin-right: 75%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-10\@tablet {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-10\@tablet {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.state-tablet .push-10\@tablet {
  left: 83.3333333333%;
  right: auto;
}

.state-tablet .pull-10\@tablet {
  right: 83.3333333333%;
  left: auto;
}

.state-tablet .prefix-10\@tablet {
  margin-left: 83.3333333333%;
}

.state-tablet .suffix-10\@tablet {
  margin-right: 83.3333333333%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-11\@tablet {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-11\@tablet {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.state-tablet .push-11\@tablet {
  left: 91.6666666667%;
  right: auto;
}

.state-tablet .pull-11\@tablet {
  right: 91.6666666667%;
  left: auto;
}

.state-tablet .prefix-11\@tablet {
  margin-left: 91.6666666667%;
}

.state-tablet .suffix-11\@tablet {
  margin-right: 91.6666666667%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-12\@tablet {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .gr-12\@tablet {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.state-tablet .push-12\@tablet {
  left: 100%;
  right: auto;
}

.state-tablet .pull-12\@tablet {
  right: 100%;
  left: auto;
}

.state-tablet .prefix-12\@tablet {
  margin-left: 100%;
}

.state-tablet .suffix-12\@tablet {
  margin-right: 100%;
}

.state-tablet .order-first\@tablet {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-tablet .order-13\@tablet {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.state-tablet .order-last\@tablet {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-tablet .float-left\@tablet {
  float: left;
}

.state-tablet .float-right\@tablet {
  float: right;
}

.state-tablet .clear\@tablet {
  clear: both;
}

.state-tablet .clear-left\@tablet {
  clear: left;
}

.state-tablet .clear-right\@tablet {
  clear: right;
}

.state-tablet .no-gutter\@tablet {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-tablet .no-gutter-left\@tablet {
  padding-left: 0;
}

.state-tablet .no-gutter-right\@tablet {
  padding-right: 0;
}

.state-tablet .no-gutter-top\@tablet {
  padding-top: 0;
}

.state-tablet .no-gutter-bottom\@tablet {
  padding-bottom: 0;
}

.state-tablet .gutter\@tablet {
  padding-right: 10px;
  padding-left: 10px;
}

.state-tablet .gutter-left\@tablet {
  padding-left: 10px;
}

.state-tablet .gutter-right\@tablet {
  padding-right: 10px;
}

.state-tablet .auto-height\@tablet {
  height: inherit;
}

.state-tablet .row\@tablet {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-tablet .row\@tablet {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-tablet .row-reverse\@tablet {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*=no-gutter] > .state-tablet .row-reverse\@tablet {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-tablet .row-full\@tablet {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.state-tablet .col\@tablet {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-tablet .col-reverse\@tablet {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.state-tablet .row-align-left\@tablet {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.state-tablet .row-align-center\@tablet {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.state-tablet .row-align-right\@tablet {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.state-tablet .row-align-middle\@tablet {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.state-tablet .row-align-top\@tablet {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.state-tablet .row-align-bottom\@tablet {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.state-tablet .row-align-around\@tablet {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.state-tablet .row-align-between\@tablet {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.state-tablet .hide\@tablet {
  display: none;
}

.state-tablet .not-visible\@tablet {
  visibility: hidden;
}

.state-tablet .show\@tablet {
  display: block;
}

.state-tablet .show-inline\@tablet {
  display: inline-block;
}

.state-tablet .visible\@tablet {
  visibility: visible;
}

.state-tablet .row-debug\@tablet {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.state-tablet .row-debug\@tablet:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.6666666667% 100%;
  z-index: 99999;
}

.state-tablet body {
  direction: ltr;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-1on5\@tablet {
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .push-1on5\@tablet {
    left: 20%;
    right: auto;
  }
  .pull-1on5\@tablet {
    right: 20%;
    left: auto;
  }
  .prefix-1on5\@tablet {
    margin-left: 20%;
  }
  .suffix-1on5\@tablet {
    margin-right: 20%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@tablet {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-0\@tablet {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }
  .push-0\@tablet {
    left: 0%;
    right: auto;
  }
  .pull-0\@tablet {
    right: 0%;
    left: auto;
  }
  .prefix-0\@tablet {
    margin-left: 0%;
  }
  .suffix-0\@tablet {
    margin-right: 0%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@tablet {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@tablet {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .push-1\@tablet {
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1\@tablet {
    right: 8.3333333333%;
    left: auto;
  }
  .prefix-1\@tablet {
    margin-left: 8.3333333333%;
  }
  .suffix-1\@tablet {
    margin-right: 8.3333333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@tablet {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@tablet {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .push-2\@tablet {
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2\@tablet {
    right: 16.6666666667%;
    left: auto;
  }
  .prefix-2\@tablet {
    margin-left: 16.6666666667%;
  }
  .suffix-2\@tablet {
    margin-right: 16.6666666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@tablet {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@tablet {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .push-3\@tablet {
    left: 25%;
    right: auto;
  }
  .pull-3\@tablet {
    right: 25%;
    left: auto;
  }
  .prefix-3\@tablet {
    margin-left: 25%;
  }
  .suffix-3\@tablet {
    margin-right: 25%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@tablet {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@tablet {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .push-4\@tablet {
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4\@tablet {
    right: 33.3333333333%;
    left: auto;
  }
  .prefix-4\@tablet {
    margin-left: 33.3333333333%;
  }
  .suffix-4\@tablet {
    margin-right: 33.3333333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@tablet {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@tablet {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .push-5\@tablet {
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5\@tablet {
    right: 41.6666666667%;
    left: auto;
  }
  .prefix-5\@tablet {
    margin-left: 41.6666666667%;
  }
  .suffix-5\@tablet {
    margin-right: 41.6666666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@tablet {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@tablet {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .push-6\@tablet {
    left: 50%;
    right: auto;
  }
  .pull-6\@tablet {
    right: 50%;
    left: auto;
  }
  .prefix-6\@tablet {
    margin-left: 50%;
  }
  .suffix-6\@tablet {
    margin-right: 50%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@tablet {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@tablet {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .push-7\@tablet {
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7\@tablet {
    right: 58.3333333333%;
    left: auto;
  }
  .prefix-7\@tablet {
    margin-left: 58.3333333333%;
  }
  .suffix-7\@tablet {
    margin-right: 58.3333333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@tablet {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@tablet {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .push-8\@tablet {
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8\@tablet {
    right: 66.6666666667%;
    left: auto;
  }
  .prefix-8\@tablet {
    margin-left: 66.6666666667%;
  }
  .suffix-8\@tablet {
    margin-right: 66.6666666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@tablet {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@tablet {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .push-9\@tablet {
    left: 75%;
    right: auto;
  }
  .pull-9\@tablet {
    right: 75%;
    left: auto;
  }
  .prefix-9\@tablet {
    margin-left: 75%;
  }
  .suffix-9\@tablet {
    margin-right: 75%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@tablet {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@tablet {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .push-10\@tablet {
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10\@tablet {
    right: 83.3333333333%;
    left: auto;
  }
  .prefix-10\@tablet {
    margin-left: 83.3333333333%;
  }
  .suffix-10\@tablet {
    margin-right: 83.3333333333%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@tablet {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@tablet {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .push-11\@tablet {
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11\@tablet {
    right: 91.6666666667%;
    left: auto;
  }
  .prefix-11\@tablet {
    margin-left: 91.6666666667%;
  }
  .suffix-11\@tablet {
    margin-right: 91.6666666667%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@tablet {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@tablet {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .push-12\@tablet {
    left: 100%;
    right: auto;
  }
  .pull-12\@tablet {
    right: 100%;
    left: auto;
  }
  .prefix-12\@tablet {
    margin-left: 100%;
  }
  .suffix-12\@tablet {
    margin-right: 100%;
  }
  .order-first\@tablet {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-13\@tablet {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -moz-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-last\@tablet {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .float-left\@tablet {
    float: left;
  }
  .float-right\@tablet {
    float: right;
  }
  .clear\@tablet {
    clear: both;
  }
  .clear-left\@tablet {
    clear: left;
  }
  .clear-right\@tablet {
    clear: right;
  }
  .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@tablet {
    padding-left: 0;
  }
  .no-gutter-right\@tablet {
    padding-right: 0;
  }
  .no-gutter-top\@tablet {
    padding-top: 0;
  }
  .no-gutter-bottom\@tablet {
    padding-bottom: 0;
  }
  .gutter\@tablet {
    padding-right: 10px;
    padding-left: 10px;
  }
  .gutter-left\@tablet {
    padding-left: 10px;
  }
  .gutter-right\@tablet {
    padding-right: 10px;
  }
  .auto-height\@tablet {
    height: inherit;
  }
  .row\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*=no-gutter] > .row\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*=no-gutter] > .row-reverse\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@tablet {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-reverse\@tablet {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .row-align-left\@tablet {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@tablet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@tablet {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@tablet {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@tablet {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@tablet {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@tablet {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@tablet {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .hide\@tablet {
    display: none;
  }
  .not-visible\@tablet {
    visibility: hidden;
  }
  .show\@tablet {
    display: block;
  }
  .show-inline\@tablet {
    display: inline-block;
  }
  .visible\@tablet {
    visibility: visible;
  }
  .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@tablet:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.6666666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}
.state-ipad-landscape .gr-1on5\@ipad-landscape {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-ipad-landscape .push-1on5\@ipad-landscape {
  left: 20%;
  right: auto;
}

.state-ipad-landscape .pull-1on5\@ipad-landscape {
  right: 20%;
  left: auto;
}

.state-ipad-landscape .prefix-1on5\@ipad-landscape {
  margin-left: 20%;
}

.state-ipad-landscape .suffix-1on5\@ipad-landscape {
  margin-right: 20%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-0\@ipad-landscape {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -moz-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-0\@ipad-landscape {
  -webkit-flex-basis: 0%;
  -moz-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  max-width: 0%;
}

.state-ipad-landscape .push-0\@ipad-landscape {
  left: 0%;
  right: auto;
}

.state-ipad-landscape .pull-0\@ipad-landscape {
  right: 0%;
  left: auto;
}

.state-ipad-landscape .prefix-0\@ipad-landscape {
  margin-left: 0%;
}

.state-ipad-landscape .suffix-0\@ipad-landscape {
  margin-right: 0%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-1\@ipad-landscape {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-1\@ipad-landscape {
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.state-ipad-landscape .push-1\@ipad-landscape {
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .pull-1\@ipad-landscape {
  right: 8.3333333333%;
  left: auto;
}

.state-ipad-landscape .prefix-1\@ipad-landscape {
  margin-left: 8.3333333333%;
}

.state-ipad-landscape .suffix-1\@ipad-landscape {
  margin-right: 8.3333333333%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-2\@ipad-landscape {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-2\@ipad-landscape {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-ipad-landscape .push-2\@ipad-landscape {
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape .pull-2\@ipad-landscape {
  right: 16.6666666667%;
  left: auto;
}

.state-ipad-landscape .prefix-2\@ipad-landscape {
  margin-left: 16.6666666667%;
}

.state-ipad-landscape .suffix-2\@ipad-landscape {
  margin-right: 16.6666666667%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-3\@ipad-landscape {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-3\@ipad-landscape {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-ipad-landscape .push-3\@ipad-landscape {
  left: 25%;
  right: auto;
}

.state-ipad-landscape .pull-3\@ipad-landscape {
  right: 25%;
  left: auto;
}

.state-ipad-landscape .prefix-3\@ipad-landscape {
  margin-left: 25%;
}

.state-ipad-landscape .suffix-3\@ipad-landscape {
  margin-right: 25%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-4\@ipad-landscape {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-4\@ipad-landscape {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-ipad-landscape .push-4\@ipad-landscape {
  left: 33.3333333333%;
  right: auto;
}

.state-ipad-landscape .pull-4\@ipad-landscape {
  right: 33.3333333333%;
  left: auto;
}

.state-ipad-landscape .prefix-4\@ipad-landscape {
  margin-left: 33.3333333333%;
}

.state-ipad-landscape .suffix-4\@ipad-landscape {
  margin-right: 33.3333333333%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-5\@ipad-landscape {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-5\@ipad-landscape {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.state-ipad-landscape .push-5\@ipad-landscape {
  left: 41.6666666667%;
  right: auto;
}

.state-ipad-landscape .pull-5\@ipad-landscape {
  right: 41.6666666667%;
  left: auto;
}

.state-ipad-landscape .prefix-5\@ipad-landscape {
  margin-left: 41.6666666667%;
}

.state-ipad-landscape .suffix-5\@ipad-landscape {
  margin-right: 41.6666666667%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-6\@ipad-landscape {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-6\@ipad-landscape {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .push-6\@ipad-landscape {
  left: 50%;
  right: auto;
}

.state-ipad-landscape .pull-6\@ipad-landscape {
  right: 50%;
  left: auto;
}

.state-ipad-landscape .prefix-6\@ipad-landscape {
  margin-left: 50%;
}

.state-ipad-landscape .suffix-6\@ipad-landscape {
  margin-right: 50%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-7\@ipad-landscape {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-7\@ipad-landscape {
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.state-ipad-landscape .push-7\@ipad-landscape {
  left: 58.3333333333%;
  right: auto;
}

.state-ipad-landscape .pull-7\@ipad-landscape {
  right: 58.3333333333%;
  left: auto;
}

.state-ipad-landscape .prefix-7\@ipad-landscape {
  margin-left: 58.3333333333%;
}

.state-ipad-landscape .suffix-7\@ipad-landscape {
  margin-right: 58.3333333333%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-8\@ipad-landscape {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-8\@ipad-landscape {
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.state-ipad-landscape .push-8\@ipad-landscape {
  left: 66.6666666667%;
  right: auto;
}

.state-ipad-landscape .pull-8\@ipad-landscape {
  right: 66.6666666667%;
  left: auto;
}

.state-ipad-landscape .prefix-8\@ipad-landscape {
  margin-left: 66.6666666667%;
}

.state-ipad-landscape .suffix-8\@ipad-landscape {
  margin-right: 66.6666666667%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-9\@ipad-landscape {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-9\@ipad-landscape {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.state-ipad-landscape .push-9\@ipad-landscape {
  left: 75%;
  right: auto;
}

.state-ipad-landscape .pull-9\@ipad-landscape {
  right: 75%;
  left: auto;
}

.state-ipad-landscape .prefix-9\@ipad-landscape {
  margin-left: 75%;
}

.state-ipad-landscape .suffix-9\@ipad-landscape {
  margin-right: 75%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-10\@ipad-landscape {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-10\@ipad-landscape {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.state-ipad-landscape .push-10\@ipad-landscape {
  left: 83.3333333333%;
  right: auto;
}

.state-ipad-landscape .pull-10\@ipad-landscape {
  right: 83.3333333333%;
  left: auto;
}

.state-ipad-landscape .prefix-10\@ipad-landscape {
  margin-left: 83.3333333333%;
}

.state-ipad-landscape .suffix-10\@ipad-landscape {
  margin-right: 83.3333333333%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-11\@ipad-landscape {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-11\@ipad-landscape {
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.state-ipad-landscape .push-11\@ipad-landscape {
  left: 91.6666666667%;
  right: auto;
}

.state-ipad-landscape .pull-11\@ipad-landscape {
  right: 91.6666666667%;
  left: auto;
}

.state-ipad-landscape .prefix-11\@ipad-landscape {
  margin-left: 91.6666666667%;
}

.state-ipad-landscape .suffix-11\@ipad-landscape {
  margin-right: 91.6666666667%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-12\@ipad-landscape {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .gr-12\@ipad-landscape {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.state-ipad-landscape .push-12\@ipad-landscape {
  left: 100%;
  right: auto;
}

.state-ipad-landscape .pull-12\@ipad-landscape {
  right: 100%;
  left: auto;
}

.state-ipad-landscape .prefix-12\@ipad-landscape {
  margin-left: 100%;
}

.state-ipad-landscape .suffix-12\@ipad-landscape {
  margin-right: 100%;
}

.state-ipad-landscape .order-first\@ipad-landscape {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -moz-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.state-ipad-landscape .order-13\@ipad-landscape {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.state-ipad-landscape .order-last\@ipad-landscape {
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
  -moz-order: 9999;
  -ms-flex-order: 9999;
  order: 9999;
}

.state-ipad-landscape .float-left\@ipad-landscape {
  float: left;
}

.state-ipad-landscape .float-right\@ipad-landscape {
  float: right;
}

.state-ipad-landscape .clear\@ipad-landscape {
  clear: both;
}

.state-ipad-landscape .clear-left\@ipad-landscape {
  clear: left;
}

.state-ipad-landscape .clear-right\@ipad-landscape {
  clear: right;
}

.state-ipad-landscape .no-gutter\@ipad-landscape {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.state-ipad-landscape .no-gutter-left\@ipad-landscape {
  padding-left: 0;
}

.state-ipad-landscape .no-gutter-right\@ipad-landscape {
  padding-right: 0;
}

.state-ipad-landscape .no-gutter-top\@ipad-landscape {
  padding-top: 0;
}

.state-ipad-landscape .no-gutter-bottom\@ipad-landscape {
  padding-bottom: 0;
}

.state-ipad-landscape .gutter\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

.state-ipad-landscape .gutter-left\@ipad-landscape {
  padding-left: 15px;
}

.state-ipad-landscape .gutter-right\@ipad-landscape {
  padding-right: 15px;
}

.state-ipad-landscape .gutter-top\@ipad-landscape {
  padding-top: 25px;
}

.state-ipad-landscape .gutter-bottom\@ipad-landscape {
  padding-bottom: 25px;
}

.state-ipad-landscape .auto-height\@ipad-landscape {
  height: inherit;
}

.state-ipad-landscape .row\@ipad-landscape {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}

[class*=no-gutter] > .state-ipad-landscape .row\@ipad-landscape {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-ipad-landscape .row-reverse\@ipad-landscape {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}

[class*=no-gutter] > .state-ipad-landscape .row-reverse\@ipad-landscape {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.state-ipad-landscape .row-full\@ipad-landscape {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.state-ipad-landscape .col\@ipad-landscape {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}

.state-ipad-landscape .col-reverse\@ipad-landscape {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}

.state-ipad-landscape .row-align-left\@ipad-landscape {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.state-ipad-landscape .row-align-center\@ipad-landscape {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.state-ipad-landscape .row-align-right\@ipad-landscape {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.state-ipad-landscape .row-align-middle\@ipad-landscape {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.state-ipad-landscape .row-align-top\@ipad-landscape {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.state-ipad-landscape .row-align-bottom\@ipad-landscape {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.state-ipad-landscape .row-align-around\@ipad-landscape {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.state-ipad-landscape .row-align-between\@ipad-landscape {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.state-ipad-landscape .hide\@ipad-landscape {
  display: none;
}

.state-ipad-landscape .not-visible\@ipad-landscape {
  visibility: hidden;
}

.state-ipad-landscape .show\@ipad-landscape {
  display: block;
}

.state-ipad-landscape .show-inline\@ipad-landscape {
  display: inline-block;
}

.state-ipad-landscape .visible\@ipad-landscape {
  visibility: visible;
}

.state-ipad-landscape .row-debug\@ipad-landscape {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.state-ipad-landscape .row-debug\@ipad-landscape:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.6666666667% 100%;
  z-index: 99999;
}

.state-ipad-landscape body {
  direction: ltr;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-1on5\@ipad-landscape {
    -webkit-flex-basis: 20%;
    -moz-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .push-1on5\@ipad-landscape {
    left: 20%;
    right: auto;
  }
  .pull-1on5\@ipad-landscape {
    right: 20%;
    left: auto;
  }
  .prefix-1on5\@ipad-landscape {
    margin-left: 20%;
  }
  .suffix-1on5\@ipad-landscape {
    margin-right: 20%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-0\@ipad-landscape {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-0\@ipad-landscape {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }
  .push-0\@ipad-landscape {
    left: 0%;
    right: auto;
  }
  .pull-0\@ipad-landscape {
    right: 0%;
    left: auto;
  }
  .prefix-0\@ipad-landscape {
    margin-left: 0%;
  }
  .suffix-0\@ipad-landscape {
    margin-right: 0%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-1\@ipad-landscape {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-1\@ipad-landscape {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .push-1\@ipad-landscape {
    left: 8.3333333333%;
    right: auto;
  }
  .pull-1\@ipad-landscape {
    right: 8.3333333333%;
    left: auto;
  }
  .prefix-1\@ipad-landscape {
    margin-left: 8.3333333333%;
  }
  .suffix-1\@ipad-landscape {
    margin-right: 8.3333333333%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-2\@ipad-landscape {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-2\@ipad-landscape {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .push-2\@ipad-landscape {
    left: 16.6666666667%;
    right: auto;
  }
  .pull-2\@ipad-landscape {
    right: 16.6666666667%;
    left: auto;
  }
  .prefix-2\@ipad-landscape {
    margin-left: 16.6666666667%;
  }
  .suffix-2\@ipad-landscape {
    margin-right: 16.6666666667%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-3\@ipad-landscape {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-3\@ipad-landscape {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .push-3\@ipad-landscape {
    left: 25%;
    right: auto;
  }
  .pull-3\@ipad-landscape {
    right: 25%;
    left: auto;
  }
  .prefix-3\@ipad-landscape {
    margin-left: 25%;
  }
  .suffix-3\@ipad-landscape {
    margin-right: 25%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-4\@ipad-landscape {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -moz-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-4\@ipad-landscape {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .push-4\@ipad-landscape {
    left: 33.3333333333%;
    right: auto;
  }
  .pull-4\@ipad-landscape {
    right: 33.3333333333%;
    left: auto;
  }
  .prefix-4\@ipad-landscape {
    margin-left: 33.3333333333%;
  }
  .suffix-4\@ipad-landscape {
    margin-right: 33.3333333333%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-5\@ipad-landscape {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -moz-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-5\@ipad-landscape {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .push-5\@ipad-landscape {
    left: 41.6666666667%;
    right: auto;
  }
  .pull-5\@ipad-landscape {
    right: 41.6666666667%;
    left: auto;
  }
  .prefix-5\@ipad-landscape {
    margin-left: 41.6666666667%;
  }
  .suffix-5\@ipad-landscape {
    margin-right: 41.6666666667%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-6\@ipad-landscape {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -moz-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-6\@ipad-landscape {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .push-6\@ipad-landscape {
    left: 50%;
    right: auto;
  }
  .pull-6\@ipad-landscape {
    right: 50%;
    left: auto;
  }
  .prefix-6\@ipad-landscape {
    margin-left: 50%;
  }
  .suffix-6\@ipad-landscape {
    margin-right: 50%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-7\@ipad-landscape {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -moz-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-7\@ipad-landscape {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .push-7\@ipad-landscape {
    left: 58.3333333333%;
    right: auto;
  }
  .pull-7\@ipad-landscape {
    right: 58.3333333333%;
    left: auto;
  }
  .prefix-7\@ipad-landscape {
    margin-left: 58.3333333333%;
  }
  .suffix-7\@ipad-landscape {
    margin-right: 58.3333333333%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-8\@ipad-landscape {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -moz-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-8\@ipad-landscape {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .push-8\@ipad-landscape {
    left: 66.6666666667%;
    right: auto;
  }
  .pull-8\@ipad-landscape {
    right: 66.6666666667%;
    left: auto;
  }
  .prefix-8\@ipad-landscape {
    margin-left: 66.6666666667%;
  }
  .suffix-8\@ipad-landscape {
    margin-right: 66.6666666667%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-9\@ipad-landscape {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -moz-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-9\@ipad-landscape {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .push-9\@ipad-landscape {
    left: 75%;
    right: auto;
  }
  .pull-9\@ipad-landscape {
    right: 75%;
    left: auto;
  }
  .prefix-9\@ipad-landscape {
    margin-left: 75%;
  }
  .suffix-9\@ipad-landscape {
    margin-right: 75%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-10\@ipad-landscape {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -moz-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-10\@ipad-landscape {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .push-10\@ipad-landscape {
    left: 83.3333333333%;
    right: auto;
  }
  .pull-10\@ipad-landscape {
    right: 83.3333333333%;
    left: auto;
  }
  .prefix-10\@ipad-landscape {
    margin-left: 83.3333333333%;
  }
  .suffix-10\@ipad-landscape {
    margin-right: 83.3333333333%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-11\@ipad-landscape {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -moz-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-11\@ipad-landscape {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .push-11\@ipad-landscape {
    left: 91.6666666667%;
    right: auto;
  }
  .pull-11\@ipad-landscape {
    right: 91.6666666667%;
    left: auto;
  }
  .prefix-11\@ipad-landscape {
    margin-left: 91.6666666667%;
  }
  .suffix-11\@ipad-landscape {
    margin-right: 91.6666666667%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-12\@ipad-landscape {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -moz-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .gr-12\@ipad-landscape {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .push-12\@ipad-landscape {
    left: 100%;
    right: auto;
  }
  .pull-12\@ipad-landscape {
    right: 100%;
    left: auto;
  }
  .prefix-12\@ipad-landscape {
    margin-left: 100%;
  }
  .suffix-12\@ipad-landscape {
    margin-right: 100%;
  }
  .order-first\@ipad-landscape {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-13\@ipad-landscape {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -moz-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-last\@ipad-landscape {
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -moz-order: 9999;
    -ms-flex-order: 9999;
    order: 9999;
  }
  .float-left\@ipad-landscape {
    float: left;
  }
  .float-right\@ipad-landscape {
    float: right;
  }
  .clear\@ipad-landscape {
    clear: both;
  }
  .clear-left\@ipad-landscape {
    clear: left;
  }
  .clear-right\@ipad-landscape {
    clear: right;
  }
  .no-gutter\@ipad-landscape {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@ipad-landscape {
    padding-left: 0;
  }
  .no-gutter-right\@ipad-landscape {
    padding-right: 0;
  }
  .no-gutter-top\@ipad-landscape {
    padding-top: 0;
  }
  .no-gutter-bottom\@ipad-landscape {
    padding-bottom: 0;
  }
  .gutter\@ipad-landscape {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
  .gutter-left\@ipad-landscape {
    padding-left: 15px;
  }
  .gutter-right\@ipad-landscape {
    padding-right: 15px;
  }
  .gutter-top\@ipad-landscape {
    padding-top: 25px;
  }
  .gutter-bottom\@ipad-landscape {
    padding-bottom: 25px;
  }
  .auto-height\@ipad-landscape {
    height: inherit;
  }
  .row\@ipad-landscape {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  [class*=no-gutter] > .row\@ipad-landscape {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@ipad-landscape {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  [class*=no-gutter] > .row-reverse\@ipad-landscape {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@ipad-landscape {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@ipad-landscape {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  .col-reverse\@ipad-landscape {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  .row-align-left\@ipad-landscape {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .row-align-center\@ipad-landscape {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
  .row-align-right\@ipad-landscape {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .row-align-middle\@ipad-landscape {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .row-align-top\@ipad-landscape {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .row-align-bottom\@ipad-landscape {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .row-align-around\@ipad-landscape {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .row-align-between\@ipad-landscape {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .hide\@ipad-landscape {
    display: none;
  }
  .not-visible\@ipad-landscape {
    visibility: hidden;
  }
  .show\@ipad-landscape {
    display: block;
  }
  .show-inline\@ipad-landscape {
    display: inline-block;
  }
  .visible\@ipad-landscape {
    visibility: visible;
  }
  .row-debug\@ipad-landscape {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@ipad-landscape:before {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.6666666667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}
.state-ipad-landscape .gr-1on5, .state-ipad-landscape .gr-0, .state-ipad-landscape .gr-1, .state-ipad-landscape .gr-2, .state-ipad-landscape .gr-3, .state-ipad-landscape .gr-4, .state-ipad-landscape .gr-5, .state-ipad-landscape .gr-6, .state-ipad-landscape .gr-7, .state-ipad-landscape .gr-8, .state-ipad-landscape .gr-9, .state-ipad-landscape .gr-10, .state-ipad-landscape .gr-11, .state-ipad-landscape .gr-12, .state-ipad-landscape .gr-1on5\@mobile, .state-ipad-landscape .gr-0\@mobile, .state-ipad-landscape .gr-1\@mobile, .state-ipad-landscape .gr-2\@mobile, .state-ipad-landscape .gr-3\@mobile, .state-ipad-landscape .gr-4\@mobile, .state-ipad-landscape .gr-5\@mobile, .state-ipad-landscape .gr-6\@mobile, .state-ipad-landscape .gr-7\@mobile, .state-ipad-landscape .gr-8\@mobile, .state-ipad-landscape .gr-9\@mobile, .state-ipad-landscape .gr-10\@mobile, .state-ipad-landscape .gr-11\@mobile, .state-ipad-landscape .gr-12\@mobile, .state-ipad-landscape .gr-1on5\@tablet, .state-ipad-landscape .gr-0\@tablet, .state-ipad-landscape .gr-1\@tablet, .state-ipad-landscape .gr-2\@tablet, .state-ipad-landscape .gr-3\@tablet, .state-ipad-landscape .gr-4\@tablet, .state-ipad-landscape .gr-5\@tablet, .state-ipad-landscape .gr-6\@tablet, .state-ipad-landscape .gr-7\@tablet, .state-ipad-landscape .gr-8\@tablet, .state-ipad-landscape .gr-9\@tablet, .state-ipad-landscape .gr-10\@tablet, .state-ipad-landscape .gr-11\@tablet, .state-ipad-landscape .gr-12\@tablet, .state-ipad-landscape .gr-1on5\@ipad-landscape, .state-ipad-landscape .gr-0\@ipad-landscape, .state-ipad-landscape .gr-1\@ipad-landscape, .state-ipad-landscape .gr-2\@ipad-landscape, .state-ipad-landscape .gr-3\@ipad-landscape, .state-ipad-landscape .gr-4\@ipad-landscape, .state-ipad-landscape .gr-5\@ipad-landscape, .state-ipad-landscape .gr-6\@ipad-landscape, .state-ipad-landscape .gr-7\@ipad-landscape, .state-ipad-landscape .gr-8\@ipad-landscape, .state-ipad-landscape .gr-9\@ipad-landscape, .state-ipad-landscape .gr-10\@ipad-landscape, .state-ipad-landscape .gr-11\@ipad-landscape, .state-ipad-landscape .gr-12\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

.state-ipad-landscape .gr-grow, .state-ipad-landscape .gr-grow\@mobile, .state-ipad-landscape .gr-grow\@tablet, .state-ipad-landscape .gr-grow\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

.state-ipad-landscape .gr-adapt, .state-ipad-landscape .gr-adapt\@mobile, .state-ipad-landscape .gr-adapt\@tablet, .state-ipad-landscape .gr-adapt\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-1on5, .gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8, .gr-9, .gr-10, .gr-11, .gr-12, .gr-1on5\@mobile, .gr-0\@mobile, .gr-1\@mobile, .gr-2\@mobile, .gr-3\@mobile, .gr-4\@mobile, .gr-5\@mobile, .gr-6\@mobile, .gr-7\@mobile, .gr-8\@mobile, .gr-9\@mobile, .gr-10\@mobile, .gr-11\@mobile, .gr-12\@mobile, .gr-1on5\@tablet, .gr-0\@tablet, .gr-1\@tablet, .gr-2\@tablet, .gr-3\@tablet, .gr-4\@tablet, .gr-5\@tablet, .gr-6\@tablet, .gr-7\@tablet, .gr-8\@tablet, .gr-9\@tablet, .gr-10\@tablet, .gr-11\@tablet, .gr-12\@tablet, .gr-1on5\@ipad-landscape, .gr-0\@ipad-landscape, .gr-1\@ipad-landscape, .gr-2\@ipad-landscape, .gr-3\@ipad-landscape, .gr-4\@ipad-landscape, .gr-5\@ipad-landscape, .gr-6\@ipad-landscape, .gr-7\@ipad-landscape, .gr-8\@ipad-landscape, .gr-9\@ipad-landscape, .gr-10\@ipad-landscape, .gr-11\@ipad-landscape, .gr-12\@ipad-landscape {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
  .gr-grow, .gr-grow\@mobile, .gr-grow\@tablet, .gr-grow\@ipad-landscape {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
  .gr-adapt, .gr-adapt\@mobile, .gr-adapt\@tablet, .gr-adapt\@ipad-landscape {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.state-default [class*=gr-] > [class^=row],
.state-default [class*=gr-] > [class^=col] {
  margin-left: -10px;
  margin-right: -10px;
}

[class*=gr-] > [class^=row],
[class*=gr-] > [class^=col] {
  margin-left: -10px;
  margin-right: -10px;
}

.state-mobile [class*=gr-] > [class^=row],
.state-mobile [class*=gr-] > [class^=col] {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (max-width: 480px) {
  [class*=gr-] > [class^=row],
[class*=gr-] > [class^=col] {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-tablet [class*=gr-] > [class^=row],
.state-tablet [class*=gr-] > [class^=col] {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  [class*=gr-] > [class^=row],
[class*=gr-] > [class^=col] {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.state-ipad-landscape [class*=gr-] > [class^=row],
.state-ipad-landscape [class*=gr-] > [class^=col] {
  margin-left: -15px;
  margin-right: -15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  [class*=gr-] > [class^=row],
[class*=gr-] > [class^=col] {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.container {
  margin: 0 auto;
  max-width: 960px;
}

.state-mobile .state-default [class*=gr-] {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  left: 0%;
  right: auto;
  right: 0%;
  left: auto;
  margin-left: 0%;
  margin-right: 0%;
}

.state-ipad-landscape .state-mobile .state-default [class*=gr-] {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile .state-default [class*=gr-] {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  .state-default [class*=gr-] {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
    right: 0%;
    left: auto;
    margin-left: 0%;
    margin-right: 0%;
  }
}
.state-ipad-landscape .state-default [class*=gr-] {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-default [class*=gr-] {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.state-mobile [class*=gr-] {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  left: 0%;
  right: auto;
  right: 0%;
  left: auto;
  margin-left: 0%;
  margin-right: 0%;
}

.state-ipad-landscape .state-mobile [class*=gr-] {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .state-mobile [class*=gr-] {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  [class*=gr-] {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
    right: 0%;
    left: auto;
    margin-left: 0%;
    margin-right: 0%;
  }
}
.state-ipad-landscape [class*=gr-] {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  [class*=gr-] {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
#gridle-settings {
  content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "480px", "query" : "screen and (max-width: 480px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : null, "max-width" : "1024px", "query" : "screen and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "ipad-landscape":{ "name" : "ipad-landscape", "min-width" : null, "max-width" : null, "query" : "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "30px", "gutter-height" : "50px", "gutter-top" : "25px", "gutter-right" : "15px", "gutter-bottom" : "25px", "gutter-left" : "15px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "desktop-tablet-s":{ "name" : "desktop-tablet-s", "min-width" : "577px", "max-width" : null, "query" : "screen and (min-width: 577px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop-only":{ "name" : "desktop-only", "min-width" : "1025px", "max-width" : null, "query" : "screen and (min-width: 1025px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop-m":{ "name" : "desktop-m", "min-width" : null, "max-width" : "1366px", "query" : "screen and (max-width: 1366px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop-s":{ "name" : "desktop-s", "min-width" : null, "max-width" : "1290px", "query" : "screen and (max-width: 1290px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop-xs":{ "name" : "desktop-xs", "min-width" : null, "max-width" : "1170px", "query" : "screen and (max-width: 1170px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet-m":{ "name" : "tablet-m", "min-width" : null, "max-width" : "863px", "query" : "screen and (max-width: 863px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet-s":{ "name" : "tablet-s", "min-width" : null, "max-width" : "767px", "query" : "screen and (max-width: 767px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet-s-only":{ "name" : "tablet-s-only", "min-width" : "576px", "max-width" : "767px", "query" : "screen and (min-width: 576px) and (max-width: 767px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "phone":{ "name" : "phone", "min-width" : null, "max-width" : "575px", "query" : "screen and (max-width: 575px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "phone-s":{ "name" : "phone-s", "min-width" : null, "max-width" : "479px", "query" : "screen and (max-width: 479px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "phone-xs":{ "name" : "phone-xs", "min-width" : null, "max-width" : "374px", "query" : "screen and (max-width: 374px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "phone-xxs":{ "name" : "phone-xxs", "min-width" : null, "max-width" : "359px", "query" : "screen and (max-width: 359px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }';
}

.row {
  flex-direction: row;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
}

.row-align-center {
  justify-content: center;
}

.row-align-middle {
  align-items: center;
}

.container {
  max-width: 1240px;
  margin: 0 auto;
  box-sizing: content-box;
  padding: 0 40px;
}

@media screen and (max-width: 575px) {
  .container {
    padding: 0 20px;
  }
}
/* ==========================================================================
   User agent related styles
   ========================================================================== */
html {
  height: 100%;
}

html, body {
  min-width: 320px;
}

body {
  overflow-y: scroll;
  background: #d2d2d2;
}

::-moz-selection {
  background: #ebdfc6;
}

::selection {
  background: #ebdfc6;
}

/* Dirty details pollyfill override */
html.no-details details > summary::before, html.no-details details[open] > summary::before {
  content: "";
  display: none;
  font-size: 0;
  visibility: hidden;
}

/* ==========================================================================
   SVG Icons
   ========================================================================== */
body > svg {
  height: 0;
  width: 0;
  visibility: hidden;
  display: none;
}

svg path {
  fill: inherit;
  stroke: inherit;
}

.svgicon-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon {
  background-repeat: no-repeat;
  display: inline-block;
}

.icon.icon-apple-book-gold {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Ebene_1%22%20data-name%3D%22Ebene%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2033.38%2031.63%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bclip-path%3Aurl(%23clip-path)%3B%7D.cls-3%7Bfill%3A%23bd963f%3B%7D%3C%2Fstyle%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%200h33.38v31.63H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ctitle%3Eapple-book-gold%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-2%20cls-3%22%20d%3D%22M20.5%200c-3.11%201-4.93%203.08-4.21%206.57C20%205.39%2020.81%203.24%2020.5%200m8.34%2026.81a5%205%200%200%200%20.75%202.61H6.36c-2.75%200-4.15-.88-4.15-2.61%200-1.29.49-2.61%204.15-2.61h23.23a4.91%204.91%200%200%200-.75%202.61m-12.14-4.9h-.34s-.3%200-.7.07H15a4.4%204.4%200%200%201-4-2.35c-1.51-3.15-2-6.39-1.27-8.25a2.77%202.77%200%200%201%201.66-1.67%204%204%200%200%201%201.41-.28%205.81%205.81%200%200%201%201.7.32%206.89%206.89%200%200%200%202.2.38%207.26%207.26%200%200%200%202-.46c1.3-.42%202.3-.77%203.59.33%201.71%201.42%202.13%203.18%201.47%206.26-.92%204.31-3.23%206.17-7.06%205.68m16.68%201.18A1.11%201.11%200%200%200%2032.27%2022h-8.92a10.73%2010.73%200%200%200%202.57-5.3c.56-2.61.81-5.91-2.22-8.42-2.24-1.86-4.32-1.16-5.7-.7a5.67%205.67%200%200%201-1.34.35%205.08%205.08%200%200%201-1.49-.29%206.36%206.36%200%200%200-4.54%200%205%205%200%200%200-2.93%202.94c-1%202.47-.48%206.22%201.34%2010A6.5%206.5%200%200%200%2010%2022H6.36a9.24%209.24%200%200%200-3.63.59A4.28%204.28%200%200%200%200%2026.81c0%203.06%202.32%204.82%206.36%204.82h25.91a1.11%201.11%200%201%200%200-2.21H32a3.26%203.26%200%200%201%200-5.22h.28a1.11%201.11%200%200%200%201.11-1.11%22%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
}

.icon.icon-apple-book {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M18.1%202.142c-2.53.8-4.01%202.506-3.425%205.343%203-.96%203.677-2.706%203.424-5.343m6.78%2021.796c0%20.86.266%201.565.61%202.122H6.6c-2.235%200-3.37-.714-3.37-2.122%200-1.05.4-2.122%203.37-2.122h6.973c.124.006.246.01.365.01.12%200%20.234-.005.346-.01H25.49c-.344.557-.61%201.263-.61%202.122m-9.866-3.985l-.142-.018-.137.025c-.032.006-.247.043-.57.058h-.527c-1.027-.047-2.507-.397-3.233-1.91-1.23-2.563-1.637-5.195-1.04-6.705.264-.664.706-1.107%201.353-1.357.432-.168.803-.23%201.147-.23.486%200%20.917.126%201.385.263.547.16%201.113.326%201.782.303.56-.02%201.092-.2%201.606-.372%201.044-.35%201.87-.628%202.92.24%201.392%201.154%201.726%202.58%201.192%205.085-.75%203.507-2.625%205.018-5.736%204.618m13.554.964c0-.496-.402-.9-.9-.9h-7.25c.987-1.02%201.697-2.465%202.09-4.307.45-2.117.654-4.807-1.804-6.843-1.82-1.51-3.518-.937-4.64-.56-.41.14-.796.27-1.094.28-.38.013-.766-.1-1.214-.233-.924-.27-2.074-.61-3.687.015-1.11.428-1.93%201.248-2.375%202.37-.798%202.015-.39%205.06%201.09%208.146.208.435.46.81.74%201.132H6.602c-.84%200-1.936.055-2.944.484-1.454.62-2.223%201.807-2.223%203.436%200%202.49%201.884%203.92%205.168%203.92h21.07c.496%200%20.898-.403.898-.9s-.402-.898-.9-.898h-.224c-.417-.35-1.065-1.067-1.065-2.122%200-1.056.648-1.772%201.064-2.122h.225c.496%200%20.898-.403.898-.9%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
}

.icon.icon-arrow-up-white {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2012%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M6%20.5l5.6%206.4-.8.6L6%202%201.2%207.5l-.8-.6%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-badge-new-home {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20140%20140%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M139.7%2072.4c-1.1%2038.3-33.1%2068.4-71.3%2067.3C30%20138.6-.1%20106.6%201%2068.3S34.1-.1%2072.4%201c38.3%201.1%2068.4%2033.1%2067.3%2071.4%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M82.5%208.1C48.1%201.5%2014.8%2023.9%208.1%2058.3%201.4%2092.6%2023.9%20126%2058.2%20132.6c34.3%206.7%2067.7-15.8%2074.3-50.1%206.8-34.4-15.7-67.7-50-74.4M58.1%20133.5C23.2%20126.8.4%2092.9%207.2%2058.1%2013.9%2023.2%2047.8.4%2082.6%207.2c34.8%206.8%2057.7%2040.6%2050.9%2075.5-6.7%2034.8-40.6%2057.6-75.4%2050.8%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M113.8%2099.7c.1.4.3.8.6%201.2.3.4.6.6%201%20.9.4.2.8.4%201.3.5.5.1.9.1%201.4-.1.4-.1.8-.3%201.2-.6.4-.3.7-.6.9-1%20.2-.4.4-.8.5-1.3.1-.5%200-.9-.1-1.4-.1-.4-.3-.8-.6-1.2-.3-.4-.6-.6-1-.9-.4-.2-.8-.4-1.3-.5-.5-.1-1-.1-1.4.1-.4.1-.8.3-1.2.6-.4.3-.7.6-.9%201-.2.4-.4.8-.5%201.3-.1.5%200%201%20.1%201.4m4.9-29.1l-1.8%2012.2c-.2%201.3-.3%202.6-.4%203.9-.1%201.3-.1%202.6%200%204l4%20.6%201.2-3.9c.3-1.2.6-2.5.8-3.8l1.8-12.2-5.6-.8zM89.6%2092.1c-.8-.5-1.4-1.1-1.9-1.8s-.8-1.6-1-2.5c-.2-1-.2-2%200-3.1l2.8-18.5-6.4-1-2.8%2018.5c-.3%201.9-.2%203.7.1%205.3.4%201.7%201%203.1%202%204.5%201%201.3%202.2%202.4%203.7%203.3%201.5.9%203.3%201.5%205.3%201.8%202%20.3%203.9.3%205.6-.1%201.7-.4%203.2-1.1%204.5-2.1%201.3-1%202.4-2.2%203.2-3.7.8-1.5%201.4-3.2%201.7-5l2.8-18.5-6.4-1-2.8%2018.5c-.2%201.1-.5%202.1-.9%203-.4.9-1%201.6-1.6%202.1-.7.6-1.4.9-2.3%201.2-.9.2-1.8.3-2.9.1-1.1-.2-2-.5-2.7-1m-14.9-23l.8-5-19.7-2.9-4.6%2031%2019.7%203%20.8-5-13.3-2%201.2-8.1%2010.3%201.5.7-4.8-10.3-1.5%201.2-8%2013.2%201.8zM40.4%2058.9l-2.6%2017.7c-.1.5-.1.9-.2%201.4%200%20.5-.1%201-.1%201.6l-12.6-22c-.1-.2-.3-.4-.4-.6l-.4-.4c-.1-.1-.3-.2-.5-.2-.2-.1-.4-.1-.7-.1l-3.4-.5-4.6%2031%205.7.8%202.7-17.9c.1-.4.1-.9.2-1.4.1-.5.1-1%20.1-1.5l12.5%2022c.3.4.6.8.9%201%20.3.2.7.4%201.2.4l3.3.5%204.6-31-5.7-.8z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M90.5%2043.7l2%20.3-.6%202.4c-.2.8-.4%201.5-.5%202.2-.2.7-.3%201.3-.4%201.9-.1.6-.2%201.1-.3%201.5-.1.4-.1.7%200%201%200%20.3.1.6.3.9.1.3.4.5.6.7.3.2.6.3%201.1.4.4.1.7.1%201%200l.9-.3.9-.6c.3-.3.6-.6.8-.9l-.5-.5c-.3.3-.5.6-.8.8-.2.2-.5.3-.7.4-.2.1-.4.1-.5.1h-.4c-.3%200-.4-.1-.6-.3-.1-.1-.2-.3-.2-.5s-.1-.4%200-.7c0-.2%200-.5.1-.7.1-.5.2-1.1.3-1.7.1-.6.3-1.2.4-1.9.2-.7.3-1.3.5-2s.4-1.3.5-1.9l3.7.5.2-.8-3.6-.5.9-3.2-.9-.1c-.5%201-1%201.7-1.6%202.2-.6.5-1.4.6-2.4.5l-.2.8zm-8.6%208.9c.3.1.6.3%201%20.4s.6.3%201%20.4c.3.1.7.2%201%20.3.3.1.7%200%201%200%20.3-.1.6-.2.8-.4.2-.2.5-.4.6-.7.2-.3.3-.6.3-1%200-.3.1-.5%200-.8%200-.3%200-.5-.1-.8l-.6.1c.1.3.1.6%200%20.9%200%20.3-.1.5-.2.6-.1.2-.2.3-.4.3-.1.1-.3.1-.4.1h-.4c-.3%200-.5-.1-.7-.2-.2-.1-.5-.2-.7-.4-.2-.1-.5-.3-.8-.4-.3.1-.5%200-.8%200-.6-.1-1.1-.1-1.5.1-.4.1-.9.4-1.3.7.5-.5%201-1%201.6-1.5s1.5-1.4%202.8-2.6c1.2-1.2%202.1-2%202.7-2.5.5-.5%201-.9%201.5-1.3.4-.4.8-.7%201-.9l-.6-.7-.6.3c-.2.1-.4.1-.6.1h-.9c-.3-.1-.7-.1-.9-.3-.3-.1-.5-.2-.8-.4-.2-.1-.5-.3-.8-.4l-.9-.3h-1c-.3.1-.6.2-.9.4-.3.2-.5.4-.7.7-.2.3-.3.6-.3%201v.8c0%20.3.1.5.1.8l.6-.1c0-.2-.1-.3-.1-.5V44c0-.3.1-.5.2-.6.1-.2.2-.3.4-.4.1-.1.3-.1.4-.1h.4c.3%200%20.5.1.7.2.2.1.4.2.7.3.2.1.4.2.7.3.2.1.5.2.8.2.3%200%20.6%200%20.9-.1.3-.1.7-.3%201.1-.6-.4.4-.9.8-1.3%201.2-.5.4-1.3%201.2-2.4%202.2s-2.1%202.1-3.2%203.1c-1.1%201.1-1.8%201.8-2.2%202.3l.6.7c.4-.3.8-.5%201.2-.5.4-.1.7%200%201%200%20.4.2.7.3%201%20.4M71.4%2040.8l2%20.3-.6%202.4c-.2.8-.4%201.5-.5%202.2-.2.7-.3%201.3-.4%201.9-.1.6-.2%201.1-.3%201.5-.1.4-.1.7%200%201%200%20.3.1.6.3.9.1.3.4.5.6.7.3.2.6.3%201.1.4.4.1.7.1%201%200l.9-.3.9-.6c.3-.3.6-.6.8-.9l-.5-.5c-.3.3-.5.6-.8.8-.2.2-.5.3-.7.4-.2.1-.4.1-.5.1h-.4c-.3%200-.4-.1-.6-.3-.1-.1-.2-.3-.2-.5s-.1-.4%200-.7c0-.2%200-.5.1-.7.1-.5.2-1.1.3-1.7.1-.6.3-1.2.4-1.9.2-.7.3-1.3.5-2s.4-1.3.5-1.9l3.7.5.2-.8-3.6-.5.9-3.2-.9-.1c-.5%201-1%201.7-1.6%202.2-.6.5-1.4.6-2.4.5l-.2.8zm-4.5-.9c.2.1.3.3.5.4.1.2.2.4.2.6v.7c-.1.4-.3.8-.6%201.1-.3.3-.7.6-1.2.8-.5.2-1%20.3-1.6.4-.7.1-1.3.1-1.9.1.1-.6.3-1.2.5-1.7.2-.6.5-1.1.8-1.5.3-.4.7-.7%201.1-1%20.4-.2.9-.3%201.4-.2.4.1.7.2.8.3m2.5.8c-.1-.4-.3-.7-.6-.9-.3-.2-.6-.4-1-.6-.4-.2-.8-.3-1.2-.3-.6-.1-1.2-.1-1.7%200s-1%20.3-1.5.5c-.5.3-.9.6-1.2%201-.4.4-.7.8-1%201.3-.3.5-.5%201-.7%201.6-.2.6-.3%201.1-.4%201.7-.1.7-.1%201.4-.1%202.1.1.6.3%201.2.5%201.7.3.5.7.9%201.2%201.2.5.3%201.1.5%201.8.6%201%20.2%202%200%202.9-.4.9-.4%201.7-1.2%202.5-2.3l-.7-.5c-.3.4-.7.8-1%201.1-.3.3-.7.5-1.1.7-.4.2-.7.3-1.1.3-.3.1-.7.1-1%200-.9-.1-1.5-.6-1.8-1.4-.3-.8-.4-1.9-.2-3.3h1.5c.5%200%201.1-.1%201.6-.1l1.5-.3c.5-.1.9-.3%201.3-.5s.7-.5.9-.8c.3-.3.4-.7.5-1.1.3-.5.2-.9.1-1.3m-16.9%206.8c0-.1%200-.2.1-.3v-.4c0-.1-.1-.3-.1-.4l-.3-.3c-.1-.1-.3-.1-.5-.1-.3%200-.6.1-.8.3s-.3.5-.4.8c0%20.3%200%20.6.1.8.1.2.3.4.5.6.2.2.4.3.7.4.3.1.5.2.8.2.7.1%201.2.1%201.7-.1.5-.1%201-.4%201.3-.9.4-.4.7-1%201-1.7.3-.7.5-1.6.7-2.7l1.5-7.3c.1-.3.1-.6.2-.9.1-.3.2-.5.4-.7.2-.2.4-.3.6-.4.3-.1.6-.1.9%200l.2-.7-6-.9-.2%201%202.3.2L55%2045.5c-.1.7-.3%201.2-.5%201.6-.2.4-.3.6-.5.8-.2.2-.3.3-.5.3H53c-.1%200-.3-.1-.4-.1l-.3-.3c.1-.1.1-.2.2-.3%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-burger-arrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2025%2025%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M1.3%202.8h22.5v19.5H1.3z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%222.5%22%20d%3D%22M1.3%204h22.5%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%222.5%22%20d%3D%22M1.3%2012.5h15%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%222.5%22%20d%3D%22M1.3%2021h22.5%22%2F%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M19.1%2016.3l4.6-3.8-4.6-3.8%22%2F%3E%3C%2Fsvg%3E");
  width: 25px;
  height: 25px;
}

.icon.icon-checkbox-checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M3%200S0%200%200%203v14s0%203%203%203h14s3%200%203-3V3s0-3-3-3H3z%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M17.1%206c-.1.4-.4.7-.7.9l-1.8%201.8-1.8%201.8-2.8%202.8c-.5.5-1%201-1.6%201.5-.3.3-.6.4-1%20.2-.2-.1-.4-.2-.5-.4L5.3%2013c-.5-.5-1-1-1.6-1.5l-.4-.4c-.1-.1-.3-.3-.4-.6v-.3c.1-.2.2-.4.3-.5.3-.4.9-.4%201.2-.1.3.3.6.5.9.8l1.3%201.3%201.1%201.1s.1%200%20.1.1l.3-.3%202-2%201.8-1.8%201.9-1.9%201.7-1.7c.4-.4.9-.4%201.3%200%20.1.1.2.2.2.3%200%20.1%200%20.1.1.2V6z%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-checkbox-unchecked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%20.4C2.9.4.4.4.4%203v14c0%20.1%200%202.6%202.6%202.6h14c.1%200%202.6%200%202.6-2.6V3c0-.1%200-2.6-2.6-2.6H3z%22%20fill%3D%22none%22%20stroke%3D%22%23555%22%20stroke-width%3D%22.773%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-checkmark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M.17.196h31.66v32.608H.17z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M.17%2016.378s7.44%202.88%2011.257%2012.646c0%200%207.228-17.736%2020.404-28.828%200%200-13.522%2010.282-20.338%2025.35%200%20.703-2.08-5.71-11.323-9.168%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23BD9540%22%2F%3E%3Ccircle%20cx%3D%2211.366%22%20cy%3D%2224.939%22%20r%3D%227.156%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.415%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-close-x {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M17.1%2015L28.8%203.3c.6-.6.6-1.5%200-2.1-.6-.6-1.5-.6-2.1%200L15%2012.9%203.3%201.2c-.6-.6-1.5-.6-2.1%200-.6.6-.6%201.5%200%202.1L12.9%2015%201.2%2026.7c-.6.6-.6%201.5%200%202.1.3.3.7.4%201.1.4s.8-.1%201.1-.4L15%2017.1l11.7%2011.7c.3.3.7.4%201.1.4s.8-.1%201.1-.4c.6-.6.6-1.5%200-2.1L17.1%2015z%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-fax {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1.5%2017.593v6.66c0%201.443%201.18%202.622%202.62%202.622h23.76c1.44%200%202.62-1.18%202.62-2.62v-6.662c0-1.442-1.18-2.62-2.62-2.62h-2.52v5.95H6.64v-5.95H4.12c-1.44%200-2.62%201.178-2.62%202.62%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M7.218%201.807h17.564v18.54H7.218V1.806zM6.062%2021.5h19.876V.65H6.062V21.5z%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M7.218%2027.454h17.564v2.74H7.218v-2.74zm-1.156%203.894h19.876v-5.052H6.062v5.052z%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M10.265%2014.935h11.47c.32%200%20.578.26.578.578%200%20.32-.258.578-.578.578h-11.47c-.32%200-.578-.258-.578-.577%200-.32.26-.578.578-.578%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M10.265%2011.58h11.47c.32%200%20.578.26.578.58s-.258.577-.578.577h-11.47c-.32%200-.578-.26-.578-.578s.26-.58.578-.58%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M10.265%208.226h11.47c.32%200%20.578.26.578.578s-.258.578-.578.578h-11.47c-.32%200-.578-.26-.578-.578s.26-.578.578-.578%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20d%3D%22M10.265%204.87h11.47c.32%200%20.578.26.578.58s-.258.577-.578.577h-11.47c-.32%200-.578-.26-.578-.578s.26-.58.578-.58%22%20fill%3D%22%23BD9540%22%2F%3E%3C%2Fsvg%3E");
  width: 32px;
  height: 32px;
}

.icon.icon-icons {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M1.3%202.8h22.5v19.5H1.3z%22%2F%3E%3Cpath%20id%3D%22c%22%20d%3D%22M.17.196h31.66v32.608H.17z%22%2F%3E%3ClinearGradient%20x2%3D%220%22%20y2%3D%221%22%20id%3D%22e%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%22.7%22%2F%3E%3Cstop%20offset%3D%2220%25%22%20stop-color%3D%22%23FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-jetzt-neu {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2075.5%2075.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M75.5%2038.8c-.6%2020.8-18%2037.2-38.8%2036.6C15.8%2074.9-.6%2057.5%200%2036.6.6%2015.8%2018-.6%2038.8%200c20.9.6%2037.3%2018%2036.7%2038.8%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M44.3%203.9C25.7.2%207.5%2012.5%203.9%2031.2.2%2049.8%2012.5%2068%2031.2%2071.6%2049.8%2075.2%2068%2063%2071.6%2044.3%2075.2%2025.7%2063%207.5%2044.3%203.9M31.1%2072.1C12.1%2068.4-.3%2050%203.4%2031.1%207%2012.1%2025.5-.3%2044.4%203.4s31.4%2022.1%2027.7%2041.1c-3.7%2018.9-22.1%2031.3-41%2027.6%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M61.4%2053.7c.1.2.2.5.3.6.1.2.3.4.5.5.2.1.5.2.7.3h.8c.2-.1.5-.2.7-.3.2-.1.4-.3.5-.5.1-.2.2-.4.3-.7v-.7c-.1-.2-.2-.5-.3-.7-.1-.2-.3-.4-.5-.5-.2-.1-.5-.2-.7-.3h-.8c-.2.1-.5.2-.7.3-.2.1-.4.3-.5.5-.1.2-.2.4-.3.7-.1.3-.1.6%200%20.8M64%2037.9l-1%206.6c-.1.7-.2%201.4-.2%202.1v2.2l2.2.3c.2-.7.5-1.4.6-2.1.2-.7.3-1.4.4-2.1l1-6.6-3-.4zM48.2%2049.6c-.4-.3-.8-.6-1-1s-.4-.9-.5-1.4c-.1-.5-.1-1.1%200-1.7l1.5-10-3.5-.5-1.5%2010c-.2%201-.1%202%20.1%202.9.2.9.6%201.7%201.1%202.4.5.7%201.2%201.3%202%201.8s1.8.8%202.9%201c1.1.2%202.1.1%203-.1.9-.2%201.7-.6%202.4-1.1.7-.5%201.3-1.2%201.7-2%20.5-.8.8-1.7.9-2.7l1.5-10-3.5-.5-1.5%2010c-.1.6-.3%201.2-.5%201.6-.2.5-.5.9-.9%201.2-.4.3-.8.5-1.3.6-.5.1-1%20.1-1.6.1-.4-.2-.9-.4-1.3-.6m-8.1-12.5l.4-2.7-10.7-1.6-2.5%2016.9L38%2051.2l.4-2.7-7.2-1.1.7-4.4%205.6.8.4-2.6-5.6-.8.6-4.3%207.2%201zm-18.7-5.6L20%2041.1c0%20.2-.1.5-.1.8%200%20.3%200%20.6-.1.9l-6.9-12c-.1-.1-.1-.2-.2-.3l-.2-.2c-.1-.1-.2-.1-.3-.1-.1%200-.2-.1-.4-.1l-1.8-.3-2.4%2016.9%203.1.5%201.5-9.8c0-.2.1-.5.1-.7%200-.3.1-.5.1-.8l6.8%2011.9c.1.2.3.4.5.5.2.1.4.2.7.2l1.8.3L24.5%2032l-3.1-.5z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M48.7%2023.2l1.1.2c-.1.4-.2.9-.3%201.3l-.3%201.2c-.1.4-.2.7-.2%201-.1.3-.1.6-.1.8v.6c0%20.2.1.4.1.5.1.1.2.3.3.4.2.1.4.2.6.2h.6c.2%200%20.3-.1.5-.2s.3-.2.5-.3c.2-.1.3-.3.5-.5l-.3-.3c-.1.2-.3.3-.4.4-.1.1-.3.2-.4.2-.1%200-.2.1-.3.1h-.2c-.1%200-.2-.1-.3-.1-.1-.1-.1-.2-.1-.3V28v-.4c0-.3.1-.6.2-.9.1-.3.2-.7.2-1%20.1-.4.2-.7.3-1.1.1-.4.2-.7.3-1.1l2%20.3.1-.5L51%2023l.5-1.7H51c-.2.5-.5.9-.9%201.2s-.8.3-1.3.3l-.1.4zM44%2028.1c.2.1.3.2.5.2.2.1.4.2.5.2.2.1.4.1.5.2h.5c.2%200%20.3-.1.5-.2.1-.1.2-.2.3-.4.1-.2.2-.3.2-.5v-.4-.4l-.3.1v.5c0%20.1-.1.3-.1.3l-.2.2c-.1%200-.2.1-.2.1H46c-.1%200-.3-.1-.4-.1-.1-.1-.3-.1-.4-.2-.1-.1-.3-.1-.4-.2-.1-.1-.3-.1-.4-.1h-.8c-.2.1-.5.2-.7.4.3-.3.5-.5.9-.8.3-.3.8-.8%201.5-1.4.7-.6%201.2-1.1%201.5-1.4.3-.3.6-.5.8-.7l.5-.5-.3-.4c-.1.1-.2.1-.4.2-.1%200-.2.1-.3.1h-.5c-.2%200-.4-.1-.5-.1-.1-.1-.3-.1-.4-.2-.1-.1-.3-.1-.4-.2-.3-.4-.5-.4-.7-.4h-.5c-.2%200-.3.1-.5.2-.1.1-.3.2-.4.4-.1.2-.2.3-.2.5v.4c0%20.1%200%20.3.1.4l.3-.1v-.3-.2c0-.1.1-.3.1-.3.1-.1.1-.2.2-.2s.2-.1.2-.1h.2c.1%200%20.3.1.4.1.1.1.2.1.4.2.1.1.2.1.4.2.1.1.3.1.4.1h.5c.2%200%20.4-.1.6-.3-.2.2-.5.4-.7.7-.3.2-.7.6-1.3%201.2-.6.6-1.2%201.1-1.7%201.7-.6.6-1%201-1.2%201.3l.3.4c.2-.2.4-.3.6-.3h.6s.5%200%20.6.1m-5.7-6.4l1.1.2c-.1.4-.2.9-.3%201.3l-.3%201.2c-.1.4-.2.7-.2%201-.1.3-.1.6-.1.8v.6c0%20.2.1.4.1.5.1.2.2.3.3.4.2.1.4.2.6.2h.6c.2%200%20.3-.1.5-.2s.3-.2.5-.3c.2-.1.3-.3.5-.5l-.3-.3c-.1.2-.3.3-.4.4s-.3.2-.4.2c-.1%200-.2.1-.3.1H40c-.1%200-.2-.1-.3-.1-.1-.1-.1-.2-.1-.3v-.4-.4c0-.3.1-.6.2-.9.1-.3.2-.7.2-1%20.1-.4.2-.7.3-1.1.1-.4.2-.7.3-1.1l2%20.3.1-.5-2-.3.5-1.7-.5-.1c-.2.5-.5.9-.9%201.2-.3.3-.8.3-1.3.3l-.2.5zm-2.4-.5c.1.1.2.1.2.2.1.1.1.2.1.3v.4c0%20.2-.1.4-.3.6-.2.2-.4.3-.7.4-.3.1-.6.2-.9.2-.3%200-.7.1-1%20.1.1-.3.2-.6.3-1%20.1-.3.3-.6.5-.8.2-.2.4-.4.6-.5.3-.1.5-.1.8-.1.2%200%20.3.1.4.2m1.3.4c-.1-.2-.2-.4-.3-.5-.1-.1-.3-.2-.5-.3-.2-.1-.4-.1-.6-.2h-1c-.3.1-.6.2-.8.3-.2.1-.5.3-.7.5-.2.2-.4.5-.5.7s-.3.5-.4.9c-.1.3-.2.6-.2.9-.1.4-.1.8%200%201.1%200%20.3.1.6.3.9.2.3.4.5.6.7.3.2.6.3%201%20.3.6.1%201.1%200%201.6-.2s.9-.7%201.4-1.3l-.4-.3c-.2.2-.4.4-.5.6-.2.2-.4.3-.6.4-.2.1-.4.2-.6.2h-.6c-.5-.1-.8-.3-1-.7-.2-.4-.2-1-.1-1.8h.8c.3%200%20.6%200%20.9-.1.3%200%20.6-.1.8-.2.3-.1.5-.2.7-.3.2-.1.4-.3.5-.4l.3-.6c0-.1%200-.4-.1-.6M28%2025.3v-.1-.2c0-.1%200-.1-.1-.2%200-.1-.1-.1-.2-.2-.1%200-.2-.1-.3-.1-.2%200-.3%200-.4.1-.1.1-.2.3-.2.4%200%20.2%200%20.3.1.4.1.1.1.2.3.3.1.1.2.2.4.2.1.1.3.1.4.1.4.1.7%200%20.9%200%20.3-.1.5-.2.7-.5.2-.2.4-.5.5-.9.2-.4.3-.9.4-1.5l.8-4c0-.2.1-.3.1-.5.1-.1.1-.3.2-.4.1-.1.2-.2.3-.2h.5l.1-.4-3.3-.5-.1.5%201.3.1-1.3%206.2c-.1.4-.2.7-.3.9-.1.2-.2.3-.3.4s-.2.2-.3.2H28c-.1%200-.1%200-.2-.1l-.2-.2c.4.3.4.3.4.2%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-list-download {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2023.4%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.2%200c.3.7.9%201.5.9%202.2.1%205.8%200%2011.5%200%2017.3v1.6c.5-.4.8-.6%201-.9l6.4-6.4c.7-.7%201.5-.9%202.3-.2.7.7.6%201.6-.1%202.3l-9.9%209.9c-.8.8-1.7.8-2.5-.1L.6%2016c-.7-.7-1-1.6-.2-2.4.9-.6%201.7-.3%202.5.4L9%2020.1c.3.3.6.6%201.1%201%200-.6.1-1%20.1-1.4V2.4c0-.8.5-1.6.8-2.4h1.2z%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M.1%2029.2h23.2V33H.1z%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-magnifying-glass {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3.844%2012.65c-2.428-2.427-2.428-6.378%200-8.806%201.214-1.214%202.81-1.82%204.404-1.82%201.594%200%203.19.606%204.404%201.82%202.428%202.428%202.428%206.38%200%208.807-2.43%202.43-6.38%202.43-8.808%200m15.433%205.55l-5.037-5.037c2.5-3.042%202.33-7.556-.51-10.396-3.024-3.022-7.94-3.022-10.963%200s-3.022%207.94%200%2010.962c1.51%201.51%203.496%202.265%205.48%202.265%201.747%200%203.492-.586%204.916-1.755l5.037%205.037c.15.15.344.223.538.223.195%200%20.39-.074.54-.223.297-.297.297-.78%200-1.077%22%20fill%3D%22%23211F18%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-nav-minus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M1.4%207.5h12.2%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-nav-plus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M1.4%207.5h12.2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M7.5%2013.6V1.4%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-new-page {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2022.9%2030.4%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h22.9v30.4H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M7.4%2028.9l13.4-13.7L7.4%201.5%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.5%2024.1l8.6-8.9-8.6-8.9%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-number-list-dot {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%203.9C8.7%203.9%203.6%208.9%203.6%2015S8.7%2026.1%2015%2026.1s11.4-5%2011.4-11.1S21.3%203.9%2015%203.9z%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M15%201.9C7.8%201.9%201.9%207.8%201.9%2015c0%207.2%205.9%2013.1%2013.1%2013.1S28.1%2022.2%2028.1%2015c0-7.2-5.9-13.1-13.1-13.1zm0%2024.7C8.4%2026.6%203.1%2021.4%203.1%2015%203.1%208.6%208.4%203.4%2015%203.4S26.9%208.6%2026.9%2015c0%206.4-5.3%2011.6-11.9%2011.6z%22%20fill%3D%22%23CAAB5E%22%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
}

.icon.icon-page-title-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22610%22%20height%3D%22610%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20610%20610%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%220%22%20y2%3D%221%22%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%22.7%22%2F%3E%3Cstop%20stop-opacity%3D%221%22%20offset%3D%2220%25%22%20stop-color%3D%22%23FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20opacity%3D%221%22%20d%3D%22M0%20100L610%200v610H0%22%2F%3E%3C%2Fsvg%3E");
  width: 610px;
  height: 610px;
}

.icon.icon-person-concrete {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.85%2016.532c.004-.612-.542-1.112-1.22-1.117-.68-.005-1.235.487-1.24%201.1-.006.612.54%201.112%201.22%201.117.68.005%201.233-.488%201.24-1.1m5.998%205.477c-1.023.983-3%201.638-4.603%201.53l-.117%201.38c.137.008.276.014.417.015%201.958.014%204.18-.786%205.42-1.98l-1.117-.946zm2.13-5.377c.004-.612-.542-1.112-1.22-1.117-.68-.005-1.235.487-1.24%201.1-.006.612.54%201.112%201.22%201.117s1.233-.488%201.24-1.1m6.925-1.812c-.042%201.076-.456%202.036-1.12%202.916-.413.545-.902%201.03-1.454%201.46-.036.028-.065.07-.13.067.005-.03.006-.06.014-.088.21-.77.398-1.548.557-2.33.108-.53.205-1.066.294-1.6.077-.472.138-.946.203-1.42.008-.057.024-.102.077-.14.174-.122.352-.238.555-.32.1-.04.204-.07.316-.078.21-.014.362.064.47.22.068.1.11.208.133.32.07.328.097.66.083.994m-3.26-1.904c-.027.347-.055.694-.095%201.04-.04.335-.087.67-.145%201.004-.086.495-.176.99-.28%201.483-.197.95-.433%201.895-.704%202.833-.353%201.22-.762%202.426-1.255%203.607-.43%201.028-.918%202.032-1.517%202.99-.38.607-.8%201.19-1.296%201.725-.393.425-.826.813-1.328%201.134-.422.27-.876.477-1.377.597-.448.106-.9.127-1.36.08-.868-.087-1.626-.408-2.312-.883-.51-.352-.95-.77-1.348-1.222-.542-.62-.993-1.29-1.392-1.988-.556-.973-1.005-1.987-1.39-3.024-.482-1.296-.86-2.617-1.164-3.955-.152-.677-.29-1.356-.396-2.04-.077-.496-.137-.994-.2-1.492-.058-.45-.084-.9-.103-1.353-.015-.358.032-1.072.032-1.072.11-1.878%202.58-4.682%209.076-4.636%206.496.046%208.724%201.857%208.677%202.394.027.268-.098%202.51-.12%202.778m-18.377%205.71c-.045-.024-.07-.034-.09-.05-.922-.713-1.61-1.57-1.96-2.63-.156-.472-.22-.952-.168-1.442.046-.44.17-.86.398-1.25.093-.16.203-.308.342-.437.105-.097.22-.178.365-.224.074-.024.147-.033.233-.013.06%202.04.42%204.038.88%206.047m22.858-4.48c-.023-.307-.063-.612-.13-.914-.105-.466-.414-.767-.91-.918-.253-.078-.515-.105-.78-.1-.155.003-.308.02-.462.028-.037.002-.074%200-.123%200%200-.042-.002-.08.002-.12.05-.46%201.327-5.167-1.887-7.686C16.818-1.436%206.783%201.85%208.748%205.84c-3.35-1.58-3.444%203.18-3.5%203.478-.313%201.648.19%202.488.163%202.617-.043.03-.093.01-.14.007-.33-.018-.648.025-.956.13-.61.208-1.02.594-1.248%201.14-.156.37-.208.76-.207%201.155%200%20.51.09%201.008.245%201.498.174.546.398%201.073.725%201.56.285.426.634.8%201.08%201.097.4.267.84.45%201.332.53.043.008.085.02.138.032.212.83.446%201.657.715%202.475.27.818.568%201.627.91%202.435-.07.015%201.717%203.146%202.286%203.838.57.692%205.392%205.65%2010.208.858.49-.65%202.078-2.097%204.105-7.49.2-.53.334-1.08.5-1.62.008-.03.02-.058.025-.087.007-.057.045-.086.1-.11.192-.083.386-.166.576-.256.593-.28%201.144-.616%201.632-1.03.73-.622%201.25-1.36%201.51-2.236.167-.56.222-1.132.18-1.712%22%20fill%3D%22%23BD9540%22%2F%3E%3C%2Fsvg%3E");
  width: 32px;
  height: 32px;
}

.icon.icon-person {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M4.938%206.813C4.938%204.02%207.208%201.75%2010%201.75s5.063%202.27%205.063%205.063c0%202.79-2.27%205.062-5.063%205.062s-5.062-2.27-5.062-5.062M2.478%2018.75c.29-3%202.08-4.965%204.54-5.973.897.46%201.908.66%202.982.66s2.085-.17%202.98-.63c2.46%201.01%204.253%202.943%204.54%205.943H2.48zm11.926-7.086c1.322-1.2%202.16-2.928%202.16-4.85C16.563%203.193%2013.618.25%2010%20.25S3.438%203.194%203.438%206.813c0%201.923.836%203.65%202.158%204.85C2.82%2013.152.938%2015.868.938%2019.126c0%20.414.335.625.75.625h16.625c.414%200%20.75-.21.75-.625%200-3.258-1.884-5.974-4.66-7.46%22%20fill%3D%22%23211F18%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-radio-checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A0.773%3B%7D%20.st2%7Bfill%3A%23CAAB5E%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M10%2015.3c2.9%200%205.3-2.4%205.3-5.3S12.9%204.8%2010%204.8s-5.3%202.4-5.3%205.3%202.4%205.2%205.3%205.2%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-radio-unchecked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A0.773%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6z%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-shopping-cart-alternative {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2021%2021%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M17.41%2015.09c-.81%200-1.532.364-2.038.934H8.506c-.21-.236-.456-.43-.73-.583l-.435-1.786h11.442c.375%200%20.693-.277.743-.65l1.267-9.32c.03-.216-.036-.432-.178-.595s-.35-.258-.565-.258H4.715L4.09.25H.95C.536.25.2.586.2%201s.336.75.75.75h1.96l3.243%2013.372c-1.373.163-2.447%201.347-2.447%202.797%200%201.56%201.24%202.83%202.762%202.83s2.762-1.27%202.762-2.83c0-.136-.02-.266-.04-.396h5.495c-.018.13-.04.26-.04.395%200%201.56%201.24%202.83%202.763%202.83s2.762-1.27%202.762-2.83c0-1.562-1.238-2.83-2.76-2.83zM6.113%208.59h2.584v3.564h-1.72L6.114%208.59zm6.93-.75V4.333h2.844v3.51h-2.845zm2.844.75v3.564h-2.845V8.59h2.845zm-3.595-.75H9.448V4.333h2.846v3.51zm-2.42.75h2.42v3.564H9.45V8.59h.424zm6.765%203.563V8.59h1.974l-.484%203.564h-1.49zm2.076-4.312H16.638V4.333h2.553l-.476%203.51zM8.698%204.333v3.51H5.932L5.08%204.33h3.618zM6.468%2019.25c-.695%200-1.26-.597-1.26-1.33%200-.734.565-1.33%201.26-1.33s1.263.596%201.263%201.33c0%20.733-.565%201.33-1.26%201.33zm10.94%200c-.695%200-1.26-.597-1.26-1.33%200-.734.565-1.33%201.26-1.33s1.263.596%201.263%201.33c0%20.733-.566%201.33-1.26%201.33z%22%20fill%3D%22%23BC9440%22%2F%3E%3C%2Fsvg%3E");
  width: 32px;
  height: 32px;
}

.icon.icon-shopping-cart {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2021%2021%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M17.41%2015.09c-.81%200-1.532.364-2.038.934H8.506c-.21-.236-.456-.43-.73-.583l-.435-1.786h11.442c.375%200%20.693-.277.743-.65l1.267-9.32c.03-.216-.036-.432-.178-.595s-.35-.258-.565-.258H4.715L4.09.25H.95C.536.25.2.586.2%201s.336.75.75.75h1.96l3.243%2013.372c-1.373.163-2.447%201.347-2.447%202.797%200%201.56%201.24%202.83%202.762%202.83s2.762-1.27%202.762-2.83c0-.136-.02-.266-.04-.396h5.495c-.018.13-.04.26-.04.395%200%201.56%201.24%202.83%202.763%202.83s2.762-1.27%202.762-2.83c0-1.562-1.238-2.83-2.76-2.83zM6.113%208.59h2.584v3.564h-1.72L6.114%208.59zm6.93-.75V4.333h2.844v3.51h-2.845zm2.844.75v3.564h-2.845V8.59h2.845zm-3.595-.75H9.448V4.333h2.846v3.51zm-2.42.75h2.42v3.564H9.45V8.59h.424zm6.765%203.563V8.59h1.974l-.484%203.564h-1.49zm2.076-4.312H16.638V4.333h2.553l-.476%203.51zM8.698%204.333v3.51H5.932L5.08%204.33h3.618zM6.468%2019.25c-.695%200-1.26-.597-1.26-1.33%200-.734.565-1.33%201.26-1.33s1.263.596%201.263%201.33c0%20.733-.565%201.33-1.26%201.33zm10.94%200c-.695%200-1.26-.597-1.26-1.33%200-.734.565-1.33%201.26-1.33s1.263.596%201.263%201.33c0%20.733-.566%201.33-1.26%201.33z%22%20fill%3D%22%23BC9440%22%2F%3E%3C%2Fsvg%3E");
  width: 21px;
  height: 21px;
}

.icon.icon-slide-arrow-left {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M23.805%2029.62c.552-.493.552-1.352%200-1.843L9.47%2015%2023.805%202.224c.552-.492.552-1.35%200-1.842C23.528.136%2023.16%200%2022.77%200s-.756.136-1.032.382L6.428%2014.028c-.275.246-.428.573-.428.92%200%20.02.002.037.003.053L6%2015.053c0%20.348.153.675.43.92L21.737%2029.62c.276.245.644.38%201.033.38s.758-.135%201.035-.38%22%20fill%3D%22%23AAA%22%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
}

.icon.icon-slide-arrow-right {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2030%2030%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.413.38c-.552.493-.552%201.352%200%201.843L20.748%2015%206.413%2027.776c-.552.492-.552%201.35%200%201.842.276.246.644.382%201.033.382s.757-.136%201.033-.382l15.31-13.646c.275-.246.428-.573.428-.92%200-.02-.002-.037-.003-.053l.003-.052c0-.348-.153-.675-.43-.92L8.48.38C8.203.136%207.836%200%207.446%200S6.69.135%206.413.38%22%20fill%3D%22%23AAA%22%2F%3E%3C%2Fsvg%3E");
  width: 30px;
  height: 30px;
}

.icon.icon-small-arrow-down-white {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%207.5L.4%201.1l.8-.6L6%206%2010.8.5l.8.6%22%2F%3E%3C%2Fsvg%3E");
  width: 12px;
  height: 8px;
}

.icon.icon-small-arrow-down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M6%207.5L.4%201.1l.8-.6L6%206%2010.8.5l.8.6%22%2F%3E%3C%2Fsvg%3E");
  width: 12px;
  height: 8px;
}

.icon.icon-small-inline-arrow-down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M4.4%206.5h11.1v7.1H4.4z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M4.8%206.8l5.2%206%205.2-6%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-small-inline-arrow-up {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M4.4%206.5h11.1v7.1H4.4z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M15.2%2013.2l-5.2-6-5.2%206%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-teaser-label-bg {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20270%20180%22%20xml%3Aspace%3D%22preserve%22%3E%3Cimage%20width%3D%22240%22%20height%3D%22180%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAAACXBIWXMAAAsSAAALEgHS3X78AAAA%20GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACdFJREFUeNrsnYmS2zYQBUGJ8jrZ%205P9%2FNPYeIolYFaAynh1cIkVJZHcVirotr7c9bwCIcg4AAADWp3uQ1wDYK35t%2BTpkBriZtP5WAneZ%206x0yAzRL6zP3%2ByUF7iqPuddEaKDK2tKWjkn6BsE7JWyXuK1WaIC9iSzF1JetCtyVRO4bq64ch8Tl%20riJyA%2BytAlvCTonLlsh%2BTgWWksqjHl2iOiMx7F1eb8grR6dEnkry5gTWEdiS9ShGTmbkBaKzLe1l%20jGJEkafwvEm8jilyX6i6XUbaPoyjOB4NiZEX9i6xT0g7iOMgbpdMuSidq8C635XinsToxbFHYoCi%20vFHYszgewtHqf1PR%2FIvAVs8qq%2B%2Fl8d%2BCsJfji7rei2H1xQB7ElhH50GMzyDsZ6Ll1D2zs6J0awWO%20Vfd7kDceX4TMvYrUHRLDjuX1KjJHeT%2FCkMXO6pelN809sK6%2BsvL%2Bocb3cN83EamtKO2I1LDhyOwS%200XkQFfcy3n%2BNN1HkYr%2Brnyf%2FI7iqB9YCx8p7kfb11%2FhTDClxqgoD7KkCy%2Bor5T2J%2BSItvDUzXZyF%207hIS6wksWYEv0v4Vxp%2BiEr%2BIN3gUr0Plhb1U4kkJfA6R%2BV0UuIN47CiqtFzRSe2n8LkIHZ8gI7Cc%20fdYC%2Fx2q8asQWFZh1oVhTxFa9rGj6ntl9ZXyxnh9CpfPwr0xVYVLWylTs9AxRsfo%2FCokllFaLyvR%20B8Pe%2Bl8pcJQ3Vl5ZdT%2FE0M4kPcktI6X64F70ubIXfg3V%2BFUILCez2F4Je5FXVuBBVVcZm%2BPtb%2B7r%20Ck7KmeplpFwV1hJ%2FF5U49sIv7utsNBNZsJcJLD37%2FGHI%2Bz0jr%2Falq6nAKYl1L6yXlF6EyHJZCYEB%20gf%2FvZ6W87%2B73jVB6A1TVLsbcOrAVo61KfBLVWPbHciILgWHPAmt5vxniWluQs%2FG5VIFzEh%2Fd1%2BUl%20vUdavsEjAsMOBR7d75s0Toa0R%2BVU0%2Fbjmgidk%2Fno7E8o6YHAsEeB5RbI3hDXWu9tOr9c3%2FDGrIkt%20K17nPjOMwLAXgaW8o8t%2FZr5qwqpF4NzJ61Kn1jkUZOajhbAHeWWf6hMOHJx9KqrO1Z04srkHrhG8%20diAw7IFWF646NXO%2F0ButedOpxwNsofI6VX1bXbiKfsW%2FJBUYtlxtnas8FeySHBasvACwsj%2BHG72h%20JR4H8MxSruLA4U5%2FAQAkf0CBAWBFEBgAgQEAgQEAgQEQGAAQGAAQGAAQGACBAQCBAQCBARAYABAY%20ABAYABAYAIEBAIEBAIEBAIEBEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQGAAQGACBAQCBAQCB%20ARAYABAYABAYABAYAIEBAIEBAIEBEBgAEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQGACBAQCB%20AQCBAQCBARAYABAYABAYABAYAIEBAIEBAIEBEBgAEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQ%20GACBAQCBAQCBAQCBARAYABAYABAYAIEBAIEBAIEBto1HYAAkRmCAO4rplxAagQHogQGovuLoE9d9%20pvJeVYV7fu4AN4vLvmFYr%2BkRGGAdUVukncLwhYrtMnIjMMAMUUvyXgQdhazW9ZzIRGiAG0ia6l19%20QuDLGMIYxXFMCF0TrREYELVBVJ%2B5TYsWJYyCnoO0Z3E5JbSWOPVnIzAgauVlX7hsyTupyvvxa3yq%20oYXOSUyEht2JWht7a6pq7dD9bqy8F2Hf1fgQYp%2BFxKk4jcBA7G2oqilBc5cno%2Ff9FAL%2FDOMtjHdD%204iFRic1%2BGIFh77E3JWhJUl1xreobK3Csthd5f4TxMyPxWBujERi2Lmpt9G2VNCXuaAgcK%2FBbEPef%20MLTE50IFZhILHjr23qI%2FrY29pYqauj4a8sr%2BNwr8IWJ0rMJS4liF9YSWz%2F28EBi20J8uIemUkLJ0%20lLINCYHPQuDY%2F%2F4Q482I0dZkFhEaNtefzo29lpCWnGPFbUMmQssqLOO0nNAq9cFEaLha1Hssy8wR%20tSX2WjLOGYMaUmJrSUlPZMXXKe7GQmAkvVfsXSL6jgvE3pyE14irL%2Bso%2Fakqst7kMagInfsIIgIj%206l1i79L96ZzYW5K2VuRcpJaVWFbks7psrQPTAyPqoqKuuSyzRty9tvpOFZdL0doa1Zs4EHj7sfcW%20%2FenayzLTwuK1vE6uilvH1r9LzSeTsiAw%2FekjL8tcG3NbK%2BhYEcVbPt9r%2FWzGiv%2FImj9SiMD0p4%2B8%20LNMq6eDmxd5cNZXXfUbYmp9l6javKi%2BfByb2bmJZZm5MLsXeUjWtkdQnqud0xb9R9cnuEHg7sXeL%20yzI1r1Pbp%2BZE9ZnrKVmtn7Nz%2BRPW%2BcK%2FrXONZ6pEYJZlHnFZprU%2FvUXsramgrlHKWlmrz4vVI2rT%20Y54t9m5pWaa2T10i9tYIO1dMf%2BXv5K4E3kPs3fqyTGt%2FukTsdRXS5iaZWs7vPOt7knpE3Uzs3eqy%20zDXRd8nY29Kf%2BgV%2BTzctMLuRWJZpneFdMvbeTdQ1BPYNgnVPvizzyLF368syLaLeKvauLuqjVWA%2F%2043HsRtr3sswcUf2CBeMh6BeSsCZSxMd0T9CfPkvsZVnmCWPvo1fg2m9ee8ZlmWeKvXtbltm0qLcU%20uFailmp6z2WZZ9qNxLLMTkSdI7CvrLK5M9VfOIj4XFtN77ks82yxd4%2FLMrsRtVXgUmzV11Mfnzq6%20r%2Bf2aana7EZiWWb3ki4VoS1pcye17sPRq%2BpbqqrsRmJZBhYQuBSdre%2BBief7Obn%2FzvPjQxU%2BVMjL%20biSWZeBGPbBPVFspbTw51ylIG59zEAL7TAVnNxLLMrCAwL5QLUsnrj6G58YvN9aTV%2Fo7VNmNxLIM%203DBCl773NJ7b9k3IO4X7dXxuicHsRmJZBhaYhZa%2FeIMhb%2FzCpmOotJPog3V8nioEZTcSyzJwpcBe%20xV0rOmt5v4XXkfLG2%2FTk1ZJRmN1IxF4Ebpi8ktE5yntSlXcI98nbu0z1ZTcSsRduMInlVc9q9b0n%200eN6IW%2Bsvkdj8uraiSJ2IyEqFATWn9O1KnAUWAs6hNtfwn19ZvKK3UjEXlhhEkv3v0OQMlbdTvS1%20Z1F9j5n4XLOOy24kgJkRWorXKYE%2FReWVlfkkKvPBmAybZorKbiSAhgpsyXdWsVjL2wt5azdvsBsJ%20YCGBrT5YVmFnTEqdVeU9ZHpp71iWAVitAktZnXHbIHreg1F9nSt%2FJJBlGYAb9cBOyasjtRTXkte5%20ujNnsCwDcAVd4b5OXD4Ujl1GYEfsBVhfYH2sGS4jMLEXYCWB9f2dIbMzxO0KVZLYC7CSwCmRraPL%20xGdiL8AdBbYe2xUe52dIiKgACwu8xPMQFeABBG55HSQFAAAAgA3xrwADADjLvuw3H8i0AAAAAElF%20TkSuQmCC%22%20transform%3D%22translate(20%20-7)%22%20overflow%3D%22visible%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%200v150l210-33.4V0%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

.icon.icon-text-bubble {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14.225%2015.65c.097%200%20.193.02.284.058l2.99%201.257-.582-3.224c-.035-.193.01-.393.125-.554.777-1.09%201.19-2.34%201.19-3.62%200-3.86-3.694-6.998-8.233-6.998s-8.23%203.14-8.23%206.997%203.69%206.998%208.23%206.998c1.368%200%202.723-.292%203.92-.844.096-.046.2-.07.305-.07m4.235%203.245c-.096%200-.192-.02-.283-.057l-3.945-1.658c-1.31.554-2.766.846-4.232.846-5.346%200-9.695-3.795-9.695-8.46s4.35-8.46%209.695-8.46%209.695%203.795%209.695%208.46c0%201.485-.443%202.935-1.284%204.212l.77%204.255c.048.264-.053.533-.262.7-.132.107-.294.162-.458.162%22%20fill%3D%22%23211F18%22%2F%3E%3Cpath%20d%3D%22M7.424%2011.496c0%20.7-.566%201.265-1.265%201.265s-1.266-.565-1.266-1.264c0-.7.566-1.265%201.265-1.265s1.264.567%201.264%201.266%22%20fill%3D%22%23211F18%22%2F%3E%3Cpath%20d%3D%22M11.326%2011.496c0%20.7-.566%201.265-1.265%201.265s-1.264-.565-1.264-1.264c0-.7.566-1.265%201.265-1.265s1.266.567%201.266%201.266%22%20fill%3D%22%23211F18%22%2F%3E%3Cpath%20d%3D%22M15.106%2011.496c0%20.7-.566%201.265-1.265%201.265s-1.264-.565-1.264-1.264c0-.7.566-1.265%201.265-1.265s1.266.567%201.266%201.266%22%20fill%3D%22%23211F18%22%2F%3E%3C%2Fsvg%3E");
  width: 20px;
  height: 20px;
}

.icon.icon-triangle-right {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2019.2%2026.4%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200v26.4l19.2-13.2%22%2F%3E%3C%2Fsvg%3E");
  width: 300px;
  height: 200px;
}

/* ==========================================================================
   Transition
   ========================================================================== */
/* ==========================================================================
   Animations
   ========================================================================== */
@keyframes bg-flash {
  0% {
    background-color: rgba(170, 170, 170, 0);
  }
  30% {
    background-color: rgba(170, 170, 170, 0.3);
  }
  100% {
    background-color: rgba(170, 170, 170, 0);
  }
}
.anim-bg-flash-active {
  animation-name: bg-flash;
  animation-iteration-count: 1;
  animation-duration: 0.75s;
}

/* ==========================================================================
   General Typography
   ========================================================================== */
body {
  font-family: "LatoLatinWeb", "Calibri", sans-serif;
}

ul {
  padding-left: 20px;
}

p, li {
  color: #333333;
}

p, a, li {
  line-height: 20px;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}

p:last-child, a:last-child, li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  p, a, li {
    font-size: 14px;
  }
}
li {
  margin-bottom: 15px;
}

.page-section a, .page-title a, .section-single a {
  font-family: "Lora", "Georgia", "serif";
  font-style: italic;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  color: #bd9540;
  transition: border 0.2s;
}

.page-section a:hover, .page-title a:hover, .section-single a:hover {
  border-bottom: 1px solid #cbac5e;
}

/* h2 */
.section-headline, .section-subheadline, .teaser-headline {
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .section-headline, .section-subheadline, .teaser-headline {
    font-size: 26px;
    line-height: 26px;
  }
}
.small-title-headline {
  text-transform: uppercase;
  font-family: Lora;
  font-size: 12px;
  line-height: 18px;
  color: #bd9540;
  letter-spacing: 0.2em;
  display: block;
}

.section-headline, .teaser-headline {
  color: #333333;
  font-weight: 900;
  top: -5px;
}

.section-subheadline {
  color: #bd9540;
  font-weight: normal;
  top: -10px;
}

@media screen and (max-width: 1024px) {
  .section-subheadline {
    top: -5px;
  }
}
.inner-headline {
  font-family: "Lora", "Georgia", "serif";
  font-size: 19px;
  line-height: 24px;
  letter-spacing: 0.23em;
  font-weight: bold;
  text-transform: uppercase;
  color: #bd9540;
}

h3 {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  color: #bd9540;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1.75px solid #cbac5e;
  text-decoration: none;
}

h3.span-u {
  border-bottom: 0;
}

h3.span-u span {
  border-bottom: 1.75px solid #cbac5e;
}

.lora-contact-title {
  font-size: 19px;
  text-transform: uppercase;
  font-family: "Lora", "Georgia", "serif";
  letter-spacing: 0.23em;
  min-height: 40px;
  color: #bd9540;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}

.hidden {
  visibility: hidden;
  display: none;
}

.quote {
  font-family: "Lora", "Georgia", "serif";
  font-size: 19px;
  line-height: 27px;
}

.quote-author {
  font-size: 14px;
}

.quote-author > p {
  color: #bd9540;
}

.quote-author .author {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.08em;
}

.quote-author .position {
  font-size: 14px;
  line-height: 20px;
}

.adress-title {
  font-size: 19px;
  font-family: "Lora", "Georgia", "serif";
  color: #bd9540;
}

/* ==========================================================================
   Header, footer and main content styles
  ========================================================================== */
/* ==========================================================================
   Site header and desktop/mobile navigation
   ========================================================================== */
body > .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.9);
  z-index: 10;
  visibility: hidden;
}

.site-header .header-main {
  position: relative;
  margin-top: 60px;
  background-color: #e3e3e3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-bottom: 2px solid #bd9540;
}

.p-home .site-header .header-main {
  border-bottom: none;
  height: auto;
}

.site-header .btn-school-lunch {
  float: right;
  background: #cbac5e;
  height: 60px;
  width: 60px;
  display: flex;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  align-items: center;
  font-size: 11px;
  line-height: 11px;
  color: white;
  flex-direction: column;
  justify-content: center;
  transition: background 0.1s;
}

.site-header .btn-school-lunch .icon.icon-apple-book {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  margin-bottom: 3px;
}

.site-header .btn-school-lunch .descr {
  display: block;
  width: 100%;
}

.site-header .btn-school-lunch:hover {
  background: #bd9540;
}

.site-header .header-top {
  position: fixed;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 10;
  transform: translateZ(0);
  transition: transform 0.4s;
  -webkit-backface-visibility: hidden;
}

.site-header .header-top .upper {
  background: #FFF;
  position: relative;
  z-index: 2;
}

.site-header .header-top .lower {
  background: rgba(85, 85, 85, 0.8);
  position: relative;
  z-index: 1;
}

.site-header .navigation {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}

.site-header .navigation ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
  padding-left: 175px;
  white-space: nowrap;
}

.site-header .navigation li {
  display: inline-block;
  margin: 0 10px;
}

.site-header .navigation a {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-decoration: none;
  line-height: 40px;
  color: #000;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.2s;
}

.site-header .navigation a:hover, .site-header .navigation a.active {
  border-bottom: 1px solid #000;
}

.site-header .navigation ul.pages a {
  font-weight: 700;
}

.site-header .navigation .sections {
  margin: 0;
}

.site-header .navigation .sections a {
  color: white;
}

.site-header .navigation .sections a:hover, .site-header .navigation .sections a.active {
  border-bottom: 1px solid white;
}

.site-header .navigation ul.pages-special {
  padding-left: 30px;
  padding-right: 60px;
  font-weight: bold;
  white-space: nowrap;
  position: absolute;
  right: 60px;
}

.site-header .navigation ul.pages-special li {
  margin: 0;
}

.site-header .navigation .item-icon {
  position: relative;
}

.site-header .navigation .item-icon a {
  white-space: nowrap;
  display: block;
}

.site-header .navigation .item-icon .svgicon {
  width: 40px;
  height: 40px;
}

.site-header .navigation .item-icon.shop .svgicon svg {
  fill: #bd9540;
}

.site-header .navigation .item-icon.shop a:hover {
  border-color: #cbac5e;
}

.site-header .container-wide {
  margin: 0 auto;
  padding: 0 25px;
  max-width: 1380px;
}

.site-header .logo-container {
  position: absolute;
  background: white;
  font-size: 0;
  top: 25px;
  line-height: 0;
  z-index: 2;
  user-select: none;
  box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.4s;
}

.site-header .logo-container .logo {
  width: 125px;
  height: 125px;
  margin: 5px;
  -webkit-user-drag: none;
}

.site-header .current-position-label {
  color: #FFF;
  background: #cbac5e;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  transform: translateY(-100%);
  transition: transform 0.4s, opacity 0.4s;
  opacity: 0;
}

.site-header .current-position-label > span {
  display: block;
}

@media screen and (max-width: 575px) {
  .site-header .current-position-label {
    display: block;
  }
}
.site-header .header-main {
  height: 600px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .site-header .header-main {
    height: 500px;
  }
}
@media screen and (max-width: 575px) {
  .site-header .header-main {
    height: 180px;
  }
}
.site-header .container.container-fixed {
  position: fixed;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.site-header .sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: white;
  width: 320px;
  height: 100%;
  z-index: 11;
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.1);
  transform: translateX(-100%);
  transition: transform 0.5s;
  display: none;
  -webkit-backface-visibility: hidden;
}

.site-header .sidebar .sidebar-back {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  color: #bd9540;
  text-decoration: none;
  font-size: 22px;
  line-height: 60px;
  margin-left: 0;
  padding-left: 20px;
  height: 60px;
}

.site-header .sidebar .sidebar-back-outer {
  width: 40px;
  height: 60px;
  right: 0;
  margin: 0;
  position: absolute;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.4s, right 0.4s;
  background: #dfdfdf;
}

.site-header .sidebar .sidebar-back-outer .icon {
  background-size: 25px 25px;
  background-position: 50% 50%;
  height: inherit;
  width: inherit;
}

.site-header.is-sidebar-open .sidebar {
  transform: translateY(0%);
}

.site-header.is-sidebar-open .sidebar .sidebar-back-outer {
  right: -40px;
  opacity: 1;
}

.site-header .sidebar-nav {
  margin-top: 20px;
  display: block;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.site-header .sidebar-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-header .sidebar-nav .sections {
  display: none;
  margin-top: 10px;
  margin-bottom: 20px;
}

.site-header .sidebar-nav .sections > li {
  margin-bottom: 0;
}

.site-header .sidebar-nav .sections > li > a {
  font-size: 16px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 0;
  text-decoration: none;
  color: black;
}

.site-header .sidebar-nav .sections > li > a:active, .site-header .sidebar-nav .sections > li > a:focus, .site-header .sidebar-nav .sections > li > a.active {
  color: #bd9540;
}

.site-header .sidebar-nav .pages {
  margin-top: 20px;
}

.site-header .sidebar-nav .pages-special {
  background: #f3f3f3;
  margin-top: 10px;
  padding-bottom: 5px;
}

.site-header .sidebar-nav .pages-special > li {
  padding-right: 0;
}

.site-header .sidebar-nav .pages-special > li .item-title {
  padding-left: 15px;
}

.site-header .sidebar-nav > ul > li {
  margin-bottom: 0;
  line-height: 50px;
  position: relative;
  padding-right: 50px;
}

.site-header .sidebar-nav > ul > li .item-title {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 600;
  vertical-align: -2px;
  padding: 15px 0 15px 20px;
  vertical-align: middle;
  margin-bottom: 0;
}

.site-header .sidebar-nav > ul > li .item-title.active {
  font-weight: 800;
}

.site-header .sidebar-nav > ul > li .item-title .icon-svg {
  fill: #bd9540;
}

.site-header .sidebar-nav > ul > li .item-title > span {
  position: relative;
  top: 2px;
}

.site-header .sidebar-nav > ul > li .item-title .svg-icon-wrap {
  display: block;
  width: 20px;
  top: auto;
  flex-shrink: 0;
  top: 3px;
  margin-right: 10px;
  text-align: center;
}

.site-header .sidebar-nav > ul > li .item-title .title {
  position: relative;
  padding-right: 30px;
}

.site-header .sidebar-nav > ul > li .btn-expand-toggle {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M1.4%207.5h12.2%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M7.5%2013.6V1.4%22%2F%3E%3C%2Fsvg%3E");
  background-size: 15px 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.site-header .sidebar-nav > ul > li.expanded .sections {
  display: block;
}

.site-header .sidebar-nav > ul > li.expanded .btn-expand-toggle {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.5%22%20d%3D%22M1.4%207.5h12.2%22%2F%3E%3C%2Fsvg%3E");
}

.site-header .sidebar-expand-btn:active {
  opacity: 0.3;
}

.site-header .sidebar-expand-btn-container {
  display: none;
}

@media screen and (max-width: 1170px) {
  .site-header .header-main {
    margin-top: 60px;
  }
  .site-header .navigation ul.pages li, .site-header .navigation ul.sections li {
    margin: 0 5px;
  }
  .site-header .navigation ul.pages li a, .site-header .navigation ul.sections li a {
    letter-spacing: 0.12em;
  }
  .site-header .navigation ul {
    margin: 10px 0;
    padding-left: 150px;
  }
  .site-header .navigation ul.pages-special {
    padding-left: 10px;
    padding-right: 10px;
  }
  .site-header .logo-container {
    top: 15px;
  }
  .site-header .logo-container .logo {
    width: 110px;
    height: 110px;
    margin: 3px;
  }
}
@media screen and (max-width: 1024px) {
  .site-header .sidebar {
    display: block;
  }
  .site-header .upper {
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.1);
  }
  .site-header .header-main {
    margin-top: 60px;
  }
  .site-header .navigation {
    flex-wrap: nowrap;
  }
  .site-header .navigation .pages {
    display: none;
  }
  .site-header .navigation ul.pages-special {
    margin: 0 20px 0 0;
    height: 60px;
    width: 100%;
    padding-right: 40px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    right: auto;
  }
  .site-header .navigation .sidebar-expand-btn-container {
    height: 40px;
    display: block;
    margin: 10px 10px 10px 20px;
  }
  .site-header .navigation .sidebar-expand-btn-container .icon {
    display: inline-block;
    vertical-align: middle;
  }
  .site-header .navigation .sidebar-expand-btn-container a {
    border: none;
  }
  .site-header .navigation .item-icon, .site-header .navigation .item-icon.shop {
    margin: 0;
  }
  .site-header .navigation .item-icon a, .site-header .navigation .item-icon.shop a {
    display: block;
    height: auto;
    padding-bottom: 0;
    line-height: 0;
    margin: 0;
    border: none;
  }
  .site-header .navigation .item-icon a .svgicon, .site-header .navigation .item-icon.shop a .svgicon {
    width: 60px;
    height: 60px;
  }
  .site-header .navigation .item-icon a .svgicon svg, .site-header .navigation .item-icon.shop a .svgicon svg {
    width: 24px;
    height: 24px;
  }
  .site-header .navigation .item-icon a:hover, .site-header .navigation .item-icon.shop a:hover {
    border: none;
    opacity: 0.6;
  }
  .site-header .logo-container {
    left: 50%;
    transform: translateX(-50%);
  }
  .site-header .logo-container .logo {
    width: 80px;
    height: 80px;
    margin: 3px;
  }
  .site-header .lower .navigation {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .site-header .btn-school-lunch {
    display: none;
  }
  .site-header .logo-container {
    top: 12px;
  }
  .site-header .logo-container .logo {
    width: 65px;
    height: 65px;
    margin: 2px;
  }
  .site-header .navigation .sidebar-expand-btn-container {
    margin-left: 0;
  }
  .site-header .navigation ul.pages-special {
    padding: 0;
    margin: 0;
  }
  .site-header .navigation ul.pages-special .item-icon.shop {
    display: none;
  }
  .site-header .navigation ul.pages-special .item-icon {
    width: 44px;
  }
  .site-header .navigation ul.pages-special .item-icon .icon {
    background-size: 26px 26px;
  }
  .site-header .navigation ul.pages-special .item-icon.contact svg {
    fill: #bd9540;
  }
  .site-header .header-top.with-position-label .logo-container {
    transform: translateX(-50%) translateY(-18px) scale(0.7);
  }
  .site-header .header-top.with-position-label .current-position-label {
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
    transform: translateY(0);
    opacity: 1;
  }
  .site-header .header-top.header-hidden {
    transform: translateY(-60px);
  }
  .site-header .header-top.header-hidden .logo-container {
    transform: translateX(-50%) translateY(-18px) scale(0.7);
  }
}
/* Aktionswochen & Landingpage (goldener Streifen)
   ========================================================================== */
.aktionswochen .header-top .upper, .landingpage .header-top .upper {
  background: #cbac5e;
  padding-top: 30px;
  padding-bottom: 30px;
}

.aktionswochen .header-top p, .landingpage .header-top p {
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 900;
  text-align: right;
  font-size: 26px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .aktionswochen .header-top .upper, .landingpage .header-top .upper {
    min-height: 40px;
  }
  .aktionswochen .header-top p, .landingpage .header-top p {
    font-size: 18px;
    text-align: left;
    max-width: 40%;
  }
  .aktionswochen .header-top .upper, .landingpage .header-top .upper {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .aktionswochen .header-top p, .landingpage .header-top p {
    font-size: 14px;
    max-width: 40%;
  }
  .aktionswochen .header-top .upper, .landingpage .header-top .upper {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: auto;
  }
}
/* Internorga Landingpage
   ========================================================================== */
.page-title.page-title-landingpage .flex-row {
  margin-top: 20px;
  display: flex;
}

.page-title.page-title-landingpage .left {
  flex-basis: 115px;
}

.page-title.page-title-landingpage .right {
  padding-left: 30px;
  flex: 1;
}

.page-title.page-title-landingpage h1 {
  margin-top: 0;
  min-width: initial;
}

@media screen and (max-width: 575px) {
  .page-title.page-title-landingpage .left {
    display: none;
  }
}
.btn-backtotop {
  display: block;
  width: 60px;
  height: 60px;
  left: 0;
  position: fixed;
  background-color: #aaaaaa;
  transition: bottom 0.4s, opacity 0.3s;
  margin-bottom: 0;
  opacity: 0;
  transform: translateZ(0);
}

.btn-backtotop:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2012%208%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M6%20.5l5.6%206.4-.8.6L6%202%201.2%207.5l-.8-.6%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px auto;
  transition: opacity 0.5s;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: rotateZ(180deg);
  transition: transform 0.3s;
}

body.scrolled .btn-backtotop {
  bottom: 40px;
  opacity: 1;
}

body.scrolled .btn-backtotop:after {
  transform: rotateZ(0deg);
}

@media screen and (max-width: 1366px) {
  .btn-backtotop {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1366px) {
  .p-home .btn-backtotop {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .p-home .btn-backtotop {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .btn-backtotop {
    display: none;
  }
}
body > main {
  background-color: #e3e3e3;
  background-image: url("../images/background/wood-hell.jpg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 40px;
  padding-bottom: 80px;
}

body > main::before, body > main::after {
  content: "";
  display: table;
}

body > main::after {
  clear: both;
}

body > main {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

@media screen and (max-width: 575px) {
  body > main {
    padding-bottom: 0;
  }
}
body.default > main.content {
  margin-top: 60px;
  padding-top: 60px;
}

/* ==========================================================================
   Site footer
   ========================================================================== */
body > footer {
  padding: 60px 0 140px 0;
  background: #d2d2d2;
  overflow: hidden;
}

body > footer a, body > footer p {
  font-size: 13px;
  font-weight: 400;
}

body > footer .title {
  font-family: "Lora";
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.38em;
  line-height: 20px;
  margin-bottom: 40px;
}

body > footer .title.center {
  text-align: center;
}

body > footer ul {
  list-style: none;
  padding-left: 0;
}

body > footer li {
  margin-bottom: 0;
}

body > footer a {
  color: #000;
  text-decoration: none;
}

body > footer a:hover {
  color: #666;
}

body > footer .copyright-notice, body > footer .impressum-link {
  color: #666;
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape body > footer .copyright-notice, .state-ipad-landscape body > footer .impressum-link {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .copyright-notice, body > footer .impressum-link {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  body > footer .copyright-notice, body > footer .impressum-link {
    text-align: right;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  body > footer .copyright-notice, body > footer .impressum-link {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 575px) {
  body > footer .copyright-notice, body > footer .impressum-link {
    text-align: center;
  }
}
body > footer .footerlinks summary::-webkit-details-marker {
  display: none;
}

body > footer .footerlinks summary:first-of-type {
  list-style: none;
}

body > footer .footerlinks.news, body > footer .footerlinks.shop, body > footer .footerlinks.helpful {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape body > footer .footerlinks.news, .state-ipad-landscape body > footer .footerlinks.shop, .state-ipad-landscape body > footer .footerlinks.helpful {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.news, body > footer .footerlinks.shop, body > footer .footerlinks.helpful {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
body > footer .footerlinks.certificates {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape body > footer .footerlinks.certificates {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.certificates {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  body > footer .footerlinks.news {
    order: 1;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  body > footer .footerlinks.news {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape body > footer .footerlinks.news {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.news {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  body > footer .footerlinks.shop {
    order: 2;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  body > footer .footerlinks.shop {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape body > footer .footerlinks.shop {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.shop {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  body > footer .footerlinks.certificates {
    order: 3;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  body > footer .footerlinks.certificates {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  body > footer .footerlinks.helpful {
    order: 4;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  body > footer .footerlinks.helpful {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape body > footer .footerlinks.helpful {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.helpful {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 575px) {
  body > footer .footerlinks {
    margin-bottom: 20px;
  }
  body > footer .footerlinks .title {
    margin-bottom: 20px;
  }
  body > footer .footerlinks.news, body > footer .footerlinks.order, body > footer .footerlinks.shop, body > footer .footerlinks.certificates, body > footer .footerlinks.helpful {
    order: initial;
    text-align: center;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  body > footer .footerlinks.news, body > footer .footerlinks.order, body > footer .footerlinks.shop, body > footer .footerlinks.certificates, body > footer .footerlinks.helpful {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.state-ipad-landscape body > footer .footerlinks.news, .state-ipad-landscape body > footer .footerlinks.order, .state-ipad-landscape body > footer .footerlinks.shop, .state-ipad-landscape body > footer .footerlinks.certificates, .state-ipad-landscape body > footer .footerlinks.helpful {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  body > footer .footerlinks.news, body > footer .footerlinks.order, body > footer .footerlinks.shop, body > footer .footerlinks.certificates, body > footer .footerlinks.helpful {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 575px) {
  body > footer .footerlinks .title {
    font-size: 17px;
  }
  body > footer .footerlinks > ul > li a {
    font-size: 14px;
    line-height: 18px;
  }
  body > footer .footerlinks summary {
    user-select: none;
    cursor: pointer;
  }
  body > footer .footerlinks summary:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M4.4%206.5h11.1v7.1H4.4z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M4.8%206.8l5.2%206%205.2-6%22%2F%3E%3C%2Fsvg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    top: 3px;
    position: relative;
  }
  body > footer .footerlinks[open] summary:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M4.4%206.5h11.1v7.1H4.4z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20d%3D%22M15.2%2013.2l-5.2-6-5.2%206%22%2F%3E%3C%2Fsvg%3E");
  }
}
@media screen and (max-width: 1024px) {
  body > footer {
    padding-bottom: 60px;
  }
}
/* Aktionswochen & Internorga Landingpage
   ========================================================================== */
.aktionswochen > footer, .landingpage > footer {
  background: #cbac5e;
}

.aktionswochen .copyright-notice, .aktionswochen .impressum-link, .landingpage .copyright-notice, .landingpage .impressum-link {
  color: #FFF;
  margin-bottom: 1em;
}

.aktionswochen .impressum-link a, .landingpage .impressum-link a {
  color: #FFF;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  transition: border-bottom 0.1s, opacity 0.1s;
}

.aktionswochen .impressum-link a:hover, .landingpage .impressum-link a:hover {
  border-bottom: 1px solid transparent;
  opacity: 0.8;
}

/* ==========================================================================
   Buttons and links
  ========================================================================== */
/* Learn more link and button
   ========================================================================== */
.learnmore, .button {
  color: #bd9540;
  text-decoration: none;
  font-family: "Lora", "Georgia", "serif";
  font-style: italic;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  display: inline-block;
  white-space: nowrap;
}

.learnmore.learnmore:before, .button.learnmore:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M6%207.5L.4%201.1l.8-.6L6%206%2010.8.5l.8.6%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 14px;
  height: 9px;
  margin-left: 0;
  margin-right: 2px;
  vertical-align: baseline;
}

.learnmore:hover {
  border-bottom: 1px solid #cbac5e;
}

.button.btn-gold {
  display: inline-block;
  background: #cbac5e;
  color: white;
  padding: 10px 40px;
  transition: background 0.1s;
  border: none;
  cursor: pointer;
  border-bottom: 0;
}

.button.btn-gold svg {
  fill: #FFF;
}

.button.btn-gold:hover {
  background: #bd9540;
  border-bottom: 0;
}

/* Page link
   ========================================================================== */
.link-page, .main-text a {
  color: #bd9540;
  text-decoration: none;
  font-family: "Lora";
  font-style: italic;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
  display: inline-block;
}

.link-page:before, .main-text a:before {
  content: "» ";
}

.link-page:hover, .main-text a:hover {
  border-bottom: 1px solid #cbac5e;
}

/* ==========================================================================
   General Elements
   ========================================================================== */
/* Columns
   ========================================================================== */
.sc-columns, .sander-columns {
  margin-top: 40px;
  columns: 2;
}

@media screen and (max-width: 1024px) {
  .sc-columns, .sander-columns {
    columns: 1 !important;
    -moz-columns: 1 !important;
  }
}
/* Numbered List
   ========================================================================== */
ol {
  margin: 0;
  padding: 0;
  counter-reset: fact-counter;
}

ol li {
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  font-weight: bold;
  display: block;
  padding-left: 40px;
  position: relative;
  margin: 25px 0;
  color: #333333;
}

ol li:before {
  content: counter(fact-counter);
  counter-increment: fact-counter;
  display: inline-block;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20d%3D%22M15%203.9C8.7%203.9%203.6%208.9%203.6%2015S8.7%2026.1%2015%2026.1s11.4-5%2011.4-11.1S21.3%203.9%2015%203.9z%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M15%201.9C7.8%201.9%201.9%207.8%201.9%2015c0%207.2%205.9%2013.1%2013.1%2013.1S28.1%2022.2%2028.1%2015c0-7.2-5.9-13.1-13.1-13.1zm0%2024.7C8.4%2026.6%203.1%2021.4%203.1%2015%203.1%208.6%208.4%203.4%2015%203.4S26.9%208.6%2026.9%2015c0%206.4-5.3%2011.6-11.9%2011.6z%22%20fill%3D%22%23CAAB5E%22%2F%3E%3C%2Fsvg%3E");
  color: white;
  font-family: "Lora";
  font-weight: 700;
}

.sc-columns ol > li {
  margin-top: 10px;
  break-inside: avoid-column;
}

/* Infobox with list
   ========================================================================== */
.box-info-list {
  padding: 30px 20px 25px 20px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #bd9540;
  position: relative;
  overflow: hidden;
}

.box-info-list.two ul {
  column-count: 2;
}

.box-info-list h3 {
  margin-top: 0;
}

.box-info-list ul {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
}

.box-info-list ul > li {
  color: #555555;
  margin: 4px 0 4px 10px;
  font-size: 14px;
  line-height: 20px;
}

.box-info-list ul > li:before {
  content: "·";
  width: 10px;
  display: inline-block;
  margin-left: -10px;
}

.box-info-list .learnmore-container {
  height: 100px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 60%, white 100%);
}

.box-info-list .learnmore-container .learnmore {
  position: absolute;
  font-size: 14px;
  left: 20px;
  bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .box-info-list {
    margin-top: 20px;
  }
  .box-info-list.two ul {
    column-count: 3;
  }
}
@media screen and (max-width: 575px) {
  .box-info-list.two ul {
    column-count: 1;
  }
}
/* Infobox with double border
   ========================================================================== */
.box-info-doubleborder {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid #bd9540;
  position: relative;
  text-align: center;
  padding: 40px 20px 40px 20px;
}

.box-info-doubleborder:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border: 1px solid #bd9540;
}

.box-info-doubleborder img {
  max-width: 280px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 1024px) {
  .box-info-doubleborder {
    max-width: 375px;
    margin: 0 auto;
  }
}
/* Fact list
   ========================================================================== */
.checkmark-list {
  list-style: none;
  padding-left: 0;
}

.checkmark-list li {
  padding-left: 40px;
  position: relative;
}

.checkmark-list li:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
  top: -15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M.17.196h31.66v32.608H.17z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M.17%2016.378s7.44%202.88%2011.257%2012.646c0%200%207.228-17.736%2020.404-28.828%200%200-13.522%2010.282-20.338%2025.35%200%20.703-2.08-5.71-11.323-9.168%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23BD9540%22%2F%3E%3Ccircle%20cx%3D%2211.366%22%20cy%3D%2224.939%22%20r%3D%227.156%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%221.415%22%2F%3E%3C%2Fsvg%3E");
}

/* Info block with icons
   ========================================================================== */
.icon-info-block {
  list-style: none;
  margin: 40px 0 20px 0;
  position: relative;
  padding-left: 50px;
}

.icon-info-block .title {
  text-transform: uppercase;
  color: #bd9540;
  letter-spacing: 0.075em;
  margin-bottom: 4px;
  position: relative;
}

.icon-info-block li {
  margin-bottom: 16px;
}

.icon-info-block li > .icon {
  transform: none;
  left: 0;
  top: 0;
}

.icon-info-block .icon {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-65%);
}

/* Contact person and list
   ========================================================================== */
.contact-person {
  margin-top: 10px;
  margin-bottom: 10px;
}

.contact-person a:before {
  display: none;
}

.contact-person > .title {
  text-transform: uppercase;
  letter-spacing: 0.075em;
  color: #bd9540;
  margin-bottom: 20px;
}

.contact-name, .contact-person .name {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 13px;
}

.contact-list {
  border-top: 1px solid #555555;
  padding-top: 30px;
  padding-bottom: 30px;
}

.contact-list .location {
  color: #bd9540;
  font-family: "Lora", "Georgia", "serif";
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: bold;
  line-height: 20px;
  width: 20%;
}

.contact-list > .row > div {
  font-size: 14px;
  vertical-align: top;
  line-height: 20px;
  padding-bottom: 15px;
}

.contact-list .info {
  text-align: right;
}

.contact-list .location {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-ipad-landscape .contact-list .location {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .location {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.contact-list .plz-title {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-ipad-landscape .contact-list .plz-title {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .plz-title {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.contact-list .plz {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-ipad-landscape .contact-list .plz {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .plz {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.contact-list .col-contact-name {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.state-ipad-landscape .contact-list .col-contact-name {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .col-contact-name {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.contact-list .info {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.state-ipad-landscape .contact-list .info {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .info {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .contact-list .location {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .contact-list .plz {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .contact-list .col-contact-name {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .contact-list .info {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .contact-list .plz-title {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .contact-list .col-contact-name {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .contact-list .info {
    text-align: left;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .contact-list .info {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 50%;
    right: auto;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .contact-list .location,
.contact-list .plz-title,
.contact-list .plz,
.contact-list .col-contact-name,
.contact-list .info {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape .contact-list .location,
.state-ipad-landscape .contact-list .plz-title,
.state-ipad-landscape .contact-list .plz,
.state-ipad-landscape .contact-list .col-contact-name,
.state-ipad-landscape .contact-list .info {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .contact-list .location,
.contact-list .plz-title,
.contact-list .plz,
.contact-list .col-contact-name,
.contact-list .info {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
/* Table with opening / speaking times
   ========================================================================== */
.times-table {
  border-spacing: 0;
}

.times-table th {
  font-size: 13px;
  text-transform: uppercase;
  padding-right: 5px;
  font-weight: bold;
}

/* Section title centered
   ========================================================================== */
.section-title-centered {
  text-align: center;
}

.section-title-centered > div {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .section-title-centered > div {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-title-centered > div {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .section-title-centered > div {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
/* Logo list
   ========================================================================== */
.logo-list {
  margin-top: 40px;
}

.logo-list li {
  display: block;
  text-align: center;
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-ipad-landscape .logo-list li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .logo-list li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.logo-list li .title {
  font-weight: bold;
  margin-bottom: 0;
}

.logo-list.keyvisuals li {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-ipad-landscape .logo-list.keyvisuals li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .logo-list.keyvisuals li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.logo-list.keyvisuals img {
  max-width: 115px;
  margin-bottom: 20px;
}

.logo-list.service {
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
}

.logo-list.service img {
  max-width: 115px;
  max-height: 70px;
  margin-bottom: 20px;
}

.logo-list.service li {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  margin-top: 20px;
}

.state-ipad-landscape .logo-list.service li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .logo-list.service li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .logo-list.service {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .logo-list > li, .logo-list.service > li, .logo-list.keyvisuals > li {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.state-ipad-landscape .logo-list > li, .state-ipad-landscape .logo-list.service > li, .state-ipad-landscape .logo-list.keyvisuals > li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .logo-list > li, .logo-list.service > li, .logo-list.keyvisuals > li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .logo-list {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .logo-list > li, .logo-list.service > li, .logo-list.keyvisuals > li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .logo-list > li, .logo-list.service > li, .logo-list.keyvisuals > li {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
/* Year List
   ========================================================================== */
.date-list {
  margin-top: 60px;
}

.date-list .inner {
  margin-top: 0;
}

.date-list ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}

.date-list ul li {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  break-inside: avoid-column;
}

.date-list ul .year-number {
  float: left;
  display: block;
  width: 60px;
  font-family: "Lora", "Georgia", "serif";
  font-weight: bold;
  font-style: italic;
  color: #bd9540;
  font-size: 17px;
  letter-spacing: 0.1em;
}

.date-list ul .year-content {
  margin-left: 60px;
}

@media screen and (max-width: 1024px) {
  .date-list {
    margin-top: 40px;
  }
}
/* Linked logos
   ========================================================================== */
.linked-logos {
  list-style: none;
  padding-left: 0;
  /* new added only for second logo */
}

.linked-logos li {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  max-height: 100px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.state-ipad-landscape .linked-logos li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .linked-logos li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.linked-logos li:nth-child(2) {
  margin-right: 4%;
}

.linked-logos a {
  transition: opacity 0.2s;
}

.linked-logos img {
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.linked-logos a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .linked-logos li {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .linked-logos li {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
/* Section content logos
   ========================================================================== */
.section-content-logos {
  margin-top: 40px;
}

.section-content-logos .linked-logos li {
  max-height: 75px;
}

.section-content-logos .linked-logos li img {
  max-height: 75px;
  max-width: 100%;
}

@media screen and (max-width: 575px) {
  .section-content-logos {
    margin-top: 0;
  }
}
/* Vertical Image Wrapper
   ========================================================================== */
.image-wrapper {
  position: relative;
  overflow: hidden;
}

.image-wrapper img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Gewinnspiel Addresse
   ========================================================================== */
.gewinnspiel-address {
  font-size: 13px;
  line-height: 21px;
  font-weight: bold;
  color: #bd9540;
}

/* ==========================================================================
   Import modules
   ========================================================================== */
/* Page Section
   ========================================================================== */
.page-section {
  background: white;
  min-height: auto;
  position: relative;
  background-position: 0% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 20px;
  margin-top: 40px;
}

.page-section h2 {
  margin-top: 0;
}

.page-section .main-text {
  padding: 60px 0 60px 0;
  margin: 100px 0 40px 0;
}

.page-section .main-text.right {
  margin-left: 0;
  padding-left: 105px;
}

.page-section .main-text.transparent {
  background: rgba(255, 255, 255, 0.9);
}

.page-section .main-text.no-bg {
  background: transparent;
}

.page-section .main-text.single {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-section .main-text h2 {
  margin-right: -20px;
}

.page-section .main-text::before, .page-section .main-text::after {
  content: "";
  display: table;
}

.page-section .main-text::after {
  clear: both;
}

.page-section .main-text {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

@media screen and (min-width: 577px) {
  .page-section .main-text.fixed-width {
    width: 610px;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 1025px) {
  .page-section .main-text.fixed-width {
    float: right;
  }
}
.page-section.with-padding {
  padding-top: 140px;
  padding-bottom: 100px;
}

.page-section.img-on-white {
  background-position: 100% 0%;
  background-size: contain;
}

.page-section .section-label {
  background: #cbac5e;
  height: 40px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: white;
  line-height: 40px;
  display: inline-block;
  padding-left: 40px;
  padding-right: 60px;
  font-size: 14px;
  position: absolute;
  top: 40px;
  margin: 0;
  left: -20px;
}

.page-section .section-label:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #bd9540 transparent transparent;
}

.page-section.falloff {
  background: linear-gradient(white, rgba(255, 255, 255, 0));
}

.page-section > .row {
  margin-left: -30px;
}

.page-section > .row .col-content {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  left: 8.3333333333%;
  right: auto;
  order: 1;
}

.state-ipad-landscape .page-section > .row .col-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section > .row .col-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-section > .row .col-remaining {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  left: 25%;
  right: auto;
  order: 2;
}

.state-ipad-landscape .page-section > .row .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section > .row .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-section.main-text-transparent > .row .col-content {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape .page-section.main-text-transparent > .row .col-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.main-text-transparent > .row .col-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-section.main-text-transparent > .row .col-remaining {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .page-section.main-text-transparent > .row .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.main-text-transparent > .row .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-section.main-text-transparent > .row .main-text {
  padding-left: 16.6666666667%;
  padding-right: 16.6666666667%;
}

.page-section.alt-order > .row .col-content {
  order: 2;
}

.page-section.alt-order > .row .col-remaining {
  order: 1;
}

.page-section.left-translucent > .row .col-content {
  left: 20px;
}

@media screen and (max-width: 1290px) {
  .page-section > .row {
    margin-left: -30px;
  }
}
@media screen and (max-width: 1290px) and (max-width: 1290px) and (max-width: 1290px) {
  .page-section > .row .col-content {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    left: 8.3333333333%;
    right: auto;
  }
}
@media screen and (max-width: 1290px) and (max-width: 1290px) and (max-width: 1290px) {
  .page-section > .row .col-remaining {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 16.6666666667%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-section {
    margin-top: 20px;
    margin-left: 0;
  }
  .page-section > .row {
    margin-left: -10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section > .row .col-content {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-section > .row .col-remaining {
    padding-bottom: 40px;
  }
  .page-section > .row .col-remaining.minheight {
    min-height: 300px;
  }
  .page-section > .row .col-remaining .remaining-background {
    background-position: 0% 50%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section > .row .col-remaining {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-section.img-on-white h2 {
    max-width: 70%; /* Avoid collision with image in the top right */
  }
  .page-section.alt-order, .page-section.main-text-transparent {
    background-image: none !important; /* Background image changes location, so this is required */
  }
  .page-section.alt-order > .row, .page-section.main-text-transparent > .row {
    padding-bottom: 0;
  }
  .page-section.alt-order > .row .col-content, .page-section.main-text-transparent > .row .col-content {
    order: 1;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section.alt-order > .row .col-content, .page-section.main-text-transparent > .row .col-content {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
  }
}
.state-ipad-landscape .page-section.alt-order > .row .col-content, .state-ipad-landscape .page-section.main-text-transparent > .row .col-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.alt-order > .row .col-content, .page-section.main-text-transparent > .row .col-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .page-section.alt-order > .row .col-content .main-text, .page-section.main-text-transparent > .row .col-content .main-text {
    padding: 0;
  }
  .page-section.alt-order > .row .col-remaining, .page-section.main-text-transparent > .row .col-remaining {
    order: 2;
    overflow: hidden;
    padding: 50px 30px 50px 30px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section.alt-order > .row .col-remaining, .page-section.main-text-transparent > .row .col-remaining {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape .page-section.alt-order > .row .col-remaining, .state-ipad-landscape .page-section.main-text-transparent > .row .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.alt-order > .row .col-remaining, .page-section.main-text-transparent > .row .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .page-section.alt-order > .row .remaining-background, .page-section.main-text-transparent > .row .remaining-background {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    bottom: 0;
    background-position: 50% 50%;
    background-size: cover;
  }
  .page-section .main-text {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 450px;
  }
  .page-section .section-label {
    top: 20px;
  }
  .page-section.with-padding {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 575px) {
  .page-section.with-padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .page-section > .row .col-content, .page-section > .row .col-remaining, .page-section.alt-order > .row .col-content, .page-section.alt-order > .row .col-remaining {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .page-section > .row .col-content, .page-section > .row .col-remaining, .page-section.alt-order > .row .col-content, .page-section.alt-order > .row .col-remaining {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape .page-section > .row .col-content, .state-ipad-landscape .page-section > .row .col-remaining, .state-ipad-landscape .page-section.alt-order > .row .col-content, .state-ipad-landscape .page-section.alt-order > .row .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section > .row .col-content, .page-section > .row .col-remaining, .page-section.alt-order > .row .col-content, .page-section.alt-order > .row .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 575px) {
  .page-section .main-text {
    margin: 40px 0 40px 0;
  }
  .page-section .section-label {
    display: none;
  }
  .page-section.empty {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
/* Standard section content overrides
   ========================================================================== */
.page-section .section-content-standard .main-text {
  margin: 0;
  padding: 0;
}

/* News section styling
   ========================================================================== */
.page-section.page-section-news .teaser-news-content {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.state-ipad-landscape .page-section.page-section-news .teaser-news-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.page-section-news .teaser-news-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-section.page-section-news .teaser-news-list {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .page-section.page-section-news .teaser-news-list {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-section.page-section-news .teaser-news-list {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section.page-section-news .teaser-news-content {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-section.page-section-news .teaser-news-list {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.teaser-list {
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-inline: 8rem;
}

.teaser-list .swiper-container {
  position: relative;
}

.teaser-list video.sander-video {
  width: 94%;
  height: auto;
  position: absolute;
  top: 3%;
  left: 2%;
  background-color: #000;
  padding: 5px;
}

.teaser-list .item-wrapper {
  height: 430px;
  overflow: hidden;
}

.teaser-list .image {
  height: 240px;
  background-color: #CBAC5E;
  margin-bottom: 2rem;
  transition: height 0.3s ease;
}

.teaser-list .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.teaser-list .item-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.teaser-list .headline {
  height: 40px;
  width: 73%;
  font-weight: 900;
  margin-bottom: 1rem;
}

.teaser-list .headline.full {
  margin-bottom: 2rem;
}

.teaser-list .banner-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 20px;
}

.teaser-list .banner-container img {
  width: auto;
  height: 40px;
}

.teaser-list .show-more-wrapper {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  text-align: left;
  /**
  .right {
      margin-left: 20%;
  }
  **/
}

.teaser-list .show-more-wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: span 2;
  text-align: justify;
  align-items: start;
}

.teaser-list .show-more-wrapper .content-wrapper .headline {
  text-align: left;
  max-width: 350px;
}

.teaser-list .show-more-wrapper .right {
  align-items: end;
}

.teaser-list .show-more-wrapper .right .headline {
  text-align: right;
}

.teaser-list .show-more-wrapper .full-text {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  max-width: 650px;
  margin-bottom: 2rem;
}

.teaser-list .show-more-wrapper .close-link:before {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M6%207.5L.4%201.1l.8-.6L6%206%2010.8.5l.8.6%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  width: 14px;
  height: 9px;
  margin-left: 0;
  margin-right: 2px;
  vertical-align: baseline;
}

.teaser-list .hidden {
  display: none;
}

.desktop-version {
  display: grid;
}

.tablet-version {
  display: none;
}

.mobile-version {
  display: none;
}

.mobile-version .swiper-container {
  overflow: hidden;
}

.text-image {
  display: grid;
  grid-template-columns: 2fr 3fr;
  margin-inline: 8rem;
  gap: 8rem;
  margin-bottom: 8rem;
}

.text-image .text {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  justify-content: center;
}

.text-image .image-wrapper img {
  position: relative;
  width: 100%;
}

@media (max-width: 1319px) {
  .text-image {
    margin-inline: 2rem;
    gap: 3rem;
  }
  .desktop-version {
    display: none;
  }
  .tablet-version {
    display: grid;
    margin-inline: 2rem;
    gap: 2rem;
  }
  .tablet-version .show-more-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .tablet-version .item-wrapper {
    height: 460px;
  }
  .tablet-version .headline {
    width: 100%;
    max-width: 300px;
  }
  .tablet-version .item-content-wrapper {
    margin-inline: auto;
    margin-bottom: 2rem;
    max-width: 400px;
    padding: 2rem;
  }
  .teaser-list {
    grid-template-columns: 1fr 1fr;
  }
}
/* Mobile only */
@media (max-width: 767px) {
  .text-image {
    grid-template-columns: 1fr;
    padding-top: 8rem;
    margin-bottom: 8rem;
  }
  .text-image > .image-wrapper {
    grid-row: 1; /* NEW */
  }
  #_engagement {
    padding: 0;
  }
  #_engagement .section-label {
    z-index: 100;
  }
  .desktop-version {
    display: none;
  }
  .tablet-version {
    display: none;
  }
  .mobile-version {
    display: block;
    margin: 0;
  }
  .mobile-version .headline {
    height: auto;
  }
  .mobile-version .show-more-wrapper {
    grid-template-columns: repeat(1, 1fr);
    padding: 2rem;
  }
  .mobile-version .item-wrapper {
    height: auto;
  }
  .mobile-version .image {
    height: 420px;
  }
  .mobile-version .item-content-wrapper {
    margin-inline: auto;
    margin-bottom: 2rem;
    max-width: 400px;
    padding: 2rem;
  }
  .mobile-version .swiper-horizontal > .swiper-pagination-bullets, .mobile-version .swiper-pagination-bullets.swiper-pagination-horizontal, .mobile-version .swiper-pagination-custom, .mobile-version .swiper-pagination-fraction {
    top: 390px;
    bottom: auto;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .mobile-version .swiper-pagination-bullet {
    background-color: white;
    opacity: 1;
  }
  .mobile-version .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #CBAC5E;
  }
  .mobile-version .swiper-button-next, .mobile-version .swiper-button-prev {
    top: 210px;
    color: #CBAC5E;
    z-index: 1;
  }
}
/* Page teaser group
   ========================================================================== */
.page-teaser-group {
  margin-top: 60px;
  margin-bottom: 20px;
}

.page-teaser-group .title-container {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.state-ipad-landscape .page-teaser-group .title-container {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-teaser-group .title-container {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-teaser-group .teaser-group-title {
  text-transform: uppercase;
  letter-spacing: 0.23em;
  text-align: center;
  font-family: "Lora";
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  padding: 20px 0 20px 0;
  background: white;
  color: #bd9540;
  margin-bottom: 20px;
}

@media screen and (max-width: 575px) {
  .page-teaser-group .teaser-group-title {
    margin-bottom: 0;
  }
}
/* Page teaser
   ========================================================================== */
.page-teaser {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  transform: translateZ(0);
  text-decoration: none;
}

.state-ipad-landscape .page-teaser {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-teaser {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-teaser .page-teaser-inner, .page-teaser .teaser-inner {
  background-color: white;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
}

.page-teaser .page-teaser-inner::before, .page-teaser .page-teaser-inner::after, .page-teaser .teaser-inner::before, .page-teaser .teaser-inner::after {
  content: "";
  display: table;
}

.page-teaser .page-teaser-inner::after, .page-teaser .teaser-inner::after {
  clear: both;
}

.page-teaser .page-teaser-inner, .page-teaser .teaser-inner {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.page-teaser .page-teaser-inner .teaser-background, .page-teaser .teaser-inner .teaser-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  transition: transform 0.4s;
  transform-origin: 50% 50%;
  pointer-events: none;
}

.page-teaser .page-teaser-inner .teaser-content-wrapper, .page-teaser .teaser-inner .teaser-content-wrapper {
  height: 160px;
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  padding: 100px 50px 40px 50px;
  text-decoration: none;
}

.page-teaser .page-teaser-inner .teaser-headline, .page-teaser .teaser-inner .teaser-headline {
  font-size: 36px;
  line-height: 34px;
  margin-bottom: 40px;
  margin-top: 0;
  flex-basis: 100%;
}

.page-teaser .page-teaser-inner.dark, .page-teaser .teaser-inner.dark {
  background-color: #333333;
}

.page-teaser .page-teaser-inner.dark .teaser-headline, .page-teaser .teaser-inner.dark .teaser-headline {
  color: white;
}

.page-teaser:hover .teaser-inner .teaser-background, .page-teaser:hover .page-teaser-inner .teaser-background {
  transform: translate(-50%, -50%) scale(1.05);
}

.page-teaser .icon.icon-shopping-cart {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}

@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-teaser {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .page-teaser .page-teaser-inner {
    display: table;
    width: 100%;
  }
  .page-teaser .teaser-inner .teaser-background, .page-teaser .page-teaser-inner .teaser-background {
    display: none;
  }
  .page-teaser .page-teaser-inner .teaser-content-wrapper {
    height: 120px;
    padding: 60px 20px 20px 20px;
  }
  .page-teaser.wide {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-teaser.wide {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.state-ipad-landscape .page-teaser.wide {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-teaser.wide {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .page-teaser.wide .page-teaser-inner .teaser-content-wrapper {
    height: 120px;
    padding: 50px 20px 40px 20px;
    width: 100%;
  }
  .page-teaser.wide .page-teaser-inner .teaser-headline {
    float: left;
    margin: 10px 0 0 0;
  }
  .page-teaser.wide .page-teaser-inner .button {
    position: absolute;
    left: 50%;
    margin-left: 30px;
  }
}
@media screen and (max-width: 575px) {
  .page-teaser {
    margin-top: 20px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .page-teaser {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .page-teaser .page-teaser-inner > .teaser-content-wrapper, .page-teaser.wide .page-teaser-inner > .teaser-content-wrapper {
    padding: 60px 20px 20px 20px;
  }
  .page-teaser .page-teaser-inner > .teaser-content-wrapper .teaser-headline, .page-teaser.wide .page-teaser-inner > .teaser-content-wrapper .teaser-headline {
    margin-bottom: 20px;
    float: none;
  }
  .page-teaser .page-teaser-inner > .teaser-content-wrapper .button, .page-teaser.wide .page-teaser-inner > .teaser-content-wrapper .button {
    position: relative;
    left: auto;
    margin-left: 0;
  }
}
/* Tabview Module
   ========================================================================== */
.mod-sander-tabview {
  padding-top: 120px;
  padding-bottom: 80px;
}

.mod-sander-tabview.is-inside {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 40px;
}

@media screen and (min-width: 1025px) {
  .mod-sander-tabview.is-inside .tabview-segment-inner {
    padding-bottom: 0;
  }
}
.mod-sander-tabview .tabview-main {
  overflow: hidden;
}

.mod-sander-tabview .tabview-title {
  text-align: center;
  display: block;
  margin: 0 auto;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.23em;
  font-family: "Lora";
  font-weight: bold;
  font-size: 19px;
  line-height: 24px;
  color: #bd9540;
  text-align: center;
  height: auto;
}

.mod-sander-tabview .tabview-title:after {
  content: "";
  display: block;
  height: 40px;
  width: 1px;
  position: absolute;
  top: 100%;
  left: 50%;
  background: #bd9540;
}

.mod-sander-tabview .tabview-navigation {
  background: linear-gradient(to bottom, white, #e8e8e8);
  font-size: 0; /* Fixes undesired space in FF */
  padding: 0 10px;
  text-align: center;
}

.mod-sander-tabview .tabview-navigation.reverse {
  background: linear-gradient(to top, white, #e8e8e8);
}

.mod-sander-tabview .item-container {
  padding-top: 100px;
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.mod-sander-tabview .item-container:before {
  content: "";
  display: block;
  position: absolute;
  top: 40px;
  right: 105px;
  left: 105px;
  height: 1px;
  background: #bd9540;
}

.mod-sander-tabview .item {
  display: flex;
  width: 190px;
  height: 180px;
  margin: 0;
  position: relative;
  text-decoration: none;
  padding: 10px;
  box-sizing: content-box;
  justify-content: center;
  color: white;
  transition: background 0.3s;
  font-style: normal;
  font-family: "LatoLatinWeb", "Calibri", sans-serif;
  border: none;
}

.mod-sander-tabview .item:before {
  display: block;
  content: "";
  background: #bd9540;
  width: 1px;
  height: 40px;
  position: absolute;
  top: -60px;
  left: 50%;
}

.mod-sander-tabview .item:after {
  display: block;
  content: "";
  position: relative;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -3px;
  background: #bd9540;
}

.mod-sander-tabview .item .item-image-container {
  background: #bd9540;
}

.mod-sander-tabview .item .item-image-container {
  display: block;
  background-color: #caaa66;
  position: absolute;
  width: 190px;
  height: 180px;
  transition: height 0.3s;
  overflow: hidden;
  left: 10px;
}

.mod-sander-tabview .item .item-image-container img {
  height: 200px;
  width: auto;
  opacity: 0.7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
}

.mod-sander-tabview .item .item-image-container:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), black);
  opacity: 0.55;
}

.mod-sander-tabview .item .item-label {
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 14px;
  position: absolute;
  bottom: 50px;
  line-height: 16px;
  transition: bottom 0.3s;
  left: 10px;
  right: 10px;
}

.mod-sander-tabview .item .item-label:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%207.5L.4%201.1l.8-.6L6%206%2010.8.5l.8.6%22%2F%3E%3C%2Fsvg%3E");
  width: 12px;
  height: 8px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -20px;
  transition: transform 0.2s;
}

.mod-sander-tabview .item.active {
  background: white;
}

.mod-sander-tabview .item:hover, .mod-sander-tabview .item.active {
  border: none;
}

.mod-sander-tabview .item:hover .item-image-container, .mod-sander-tabview .item.active .item-image-container {
  height: 200px;
}

.mod-sander-tabview .item:hover .item-image-container img, .mod-sander-tabview .item.active .item-image-container img {
  opacity: 1;
}

.mod-sander-tabview .item:hover .item-label, .mod-sander-tabview .item.active .item-label {
  bottom: 30px;
}

.mod-sander-tabview .item.active .item-label:after {
  transform: rotate(180deg);
}

.mod-sander-tabview .item-container.following {
  padding-top: 0;
}

.mod-sander-tabview .item-container.following:before {
  display: none;
}

.mod-sander-tabview .item-container.following .item:before {
  display: none;
}

.mod-sander-tabview .item-container.following .item:after {
  display: none;
}

.mod-sander-tabview .tabview-segment {
  text-align: left;
  overflow: hidden;
  width: 100%;
}

.mod-sander-tabview .tabview-segment-inner {
  padding-top: 100px;
  padding-bottom: 80px;
}

.mod-sander-tabview .tabview-segment-inner img {
  max-width: 100%;
  height: auto;
}

.mod-sander-tabview .tabview-segment-headline {
  text-transform: uppercase;
  font-family: Lora;
  font-size: 12px;
  line-height: 18px;
  color: #bd9540;
  letter-spacing: 0.2em;
  display: block;
}

.mod-sander-tabview .tabview-item-downloads .tabview-segment-inner .col-remaining {
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .mod-sander-tabview .tabview-item-downloads .tabview-segment-inner .col-remaining {
    margin-top: 40px;
  }
}
.mod-sander-tabview .tabview-item-documents .tabview-segment-inner {
  padding-bottom: 0;
}

.mod-sander-tabview .tabview-item-documents .tabview-segment-inner .download-col {
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .mod-sander-tabview .tabview-item-documents .col-content {
    order: 2;
  }
  .mod-sander-tabview .tabview-item-documents .download-col {
    padding-bottom: 40px;
    order: 1;
  }
}
.mod-sander-tabview .section-headline {
  display: block;
  font-size: 26px;
  line-height: 28px;
  margin-top: 6px;
}

@media screen and (max-width: 1024px) {
  .mod-sander-tabview {
    padding-bottom: 40px;
  }
  .mod-sander-tabview .item, .mod-sander-tabview .item .item-image-container {
    width: 240px;
  }
  .mod-sander-tabview .item .item-image-container img {
    width: 100%;
    height: auto;
  }
  .mod-sander-tabview .item:hover .item-image-container {
    height: 180px;
  }
  .mod-sander-tabview .item:hover .item-label {
    bottom: 50px;
  }
  .mod-sander-tabview .item.active .item-image-container, .mod-sander-tabview .item:hover.active .item-image-container {
    height: 200px;
  }
  .mod-sander-tabview .item.active .item-label, .mod-sander-tabview .item:hover.active .item-label {
    bottom: 30px;
  }
  .mod-sander-tabview .item-container:before {
    right: 130px;
    left: 130px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .mod-sander-tabview .item, .mod-sander-tabview .item .item-image-container {
    width: 200px;
  }
  .mod-sander-tabview .item .item-image-container img {
    width: 100%;
    height: auto;
  }
  .mod-sander-tabview .item-container:before {
    right: 110px;
    left: 110px;
  }
}
@media screen and (max-width: 575px) {
  .mod-sander-tabview h2.tabview-title {
    height: auto;
  }
  .mod-sander-tabview .item-container {
    padding-top: 80px;
  }
}
@media screen and (max-width: 575px) {
  .mod-sander-tabview {
    padding-top: 40px;
  }
  .mod-sander-tabview h2.tabview-title {
    padding: 0 40px;
  }
  .mod-sander-tabview h2.tabview-title:after {
    display: none;
  }
  .mod-sander-tabview h2.tabview-title:before {
    display: none;
  }
}
.tabview-segment-standard.empty .tabview-segment-inner {
  padding-top: 60px;
  padding-bottom: 40px;
}

.tabview-segment-standard .tabview-segment-inner .col-content {
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .tabview-segment-standard .tabview-segment-inner .col-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .tabview-segment-standard .tabview-segment-inner .col-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.tabview-segment-standard .tabview-segment-inner .col-remaining {
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape .tabview-segment-standard .tabview-segment-inner .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .tabview-segment-standard .tabview-segment-inner .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .tabview-segment-standard .tabview-segment-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .tabview-segment-standard .tabview-segment-inner .col-content, .tabview-segment-standard .tabview-segment-inner .col-remaining {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
  }
}
.state-ipad-landscape .tabview-segment-standard .tabview-segment-inner .col-content, .state-ipad-landscape .tabview-segment-standard .tabview-segment-inner .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .tabview-segment-standard .tabview-segment-inner .col-content, .tabview-segment-standard .tabview-segment-inner .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .tabview-segment-standard .tabview-segment-inner .col-remaining {
    margin-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .tabview-segment-standard .tabview-segment-inner .col-content, .tabview-segment-standard .tabview-segment-inner .col-remaining {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .tabview-segment-standard .tabview-segment-inner .col-content, .tabview-segment-standard .tabview-segment-inner .col-remaining {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1290px) and (max-width: 1290px) and (max-width: 1290px) {
  .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-content {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    left: 8.3333333333%;
    right: auto;
  }
}
.state-ipad-landscape .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1290px) {
  .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-remaining {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1290px) and (max-width: 1290px) and (max-width: 1290px) {
  .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-remaining {
    -webkit-flex-basis: 0%;
    -moz-flex-basis: 0%;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    max-width: 0%;
  }
}
.state-ipad-landscape .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-remaining {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section_leistungsangebot .tabview-segment-standard .tabview-segment-inner .col-remaining {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
/* Logo slider
   ========================================================================== */
.mod-logo-slider {
  height: 150px;
  position: relative;
}

.mod-logo-slider .logo-slide-container {
  width: 100%;
  height: inherit;
  position: relative;
  perspective: 600px;
}

.mod-logo-slider .logo-slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotateY(0);
  transition: transform 0.5s, opacity 0.5s;
  opacity: 1;
  user-select: none;
}

.mod-logo-slider .logo-slide img {
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  max-width: 170px;
  max-height: 170px;
}

.mod-logo-slider .logo-slide.past {
  transform: translateX(-100px) rotateY(-70deg);
  opacity: 0;
  pointer-events: none;
}

.mod-logo-slider .logo-slide.future {
  transform: translateX(100px) rotateY(70deg);
  opacity: 0;
  pointer-events: none;
}

.mod-logo-slider .btn-logo-slide.left {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0;
  margin: 0;
}

.mod-logo-slider .btn-logo-slide.right {
  position: absolute;
  right: 0;
  top: 50%;
  margin: 0;
}

.mod-logo-slider .btn-logo-slide {
  opacity: 0.5;
  height: 30px;
  display: block;
  transition: opacity 0.2s;
  transform: translateY(-50%);
  z-index: 9;
}

.mod-logo-slider .btn-logo-slide:hover {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .mod-logo-slider .btn-logo-slide {
    transform: translateY(-50%) scale(0.75);
    transform-origin: 50% 50%;
  }
  .mod-logo-slider .btn-logo-slide.right {
    right: -25px;
  }
  .mod-logo-slider .btn-logo-slide.left {
    left: -25px;
  }
}
@media screen and (max-width: 575px) {
  .mod-logo-slider .btn-logo-slide.right {
    right: 0;
  }
  .mod-logo-slider .btn-logo-slide.left {
    left: 0;
  }
  .mod-logo-slider .logo-slide-container {
    width: 70%;
    margin: 0 auto;
  }
}
/* Page title, expand
   ========================================================================== */
.page-title-container {
  position: relative;
  margin-bottom: 0;
}

.page-title {
  width: 50%;
  left: 40px;
  right: 60px;
  position: absolute;
  padding-bottom: 80px;
  box-sizing: border-box;
  bottom: 0;
  background: #FFF;
}

.page-title .inner {
  padding-right: 16.5%;
  padding-left: 16%;
}

.page-title h1 {
  font-size: 37px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0em;
  min-width: 400px;
}

.page-title .emotion-subhead {
  font-family: "Lora";
  font-size: 17px;
  line-height: 22px;
  color: #bd9540;
  margin-bottom: 20px;
  margin-top: 20px;
}

.page-title p {
  font-size: 14px;
  line-height: 20px;
}

.page-title > p, .page-title > h1, .page-title > a {
  z-index: 2;
  position: relative;
}

.page-title:before {
  content: "";
  display: block;
  position: absolute;
  top: -140px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22610%22%20height%3D%22610%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20610%20610%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%220%22%20x2%3D%220%22%20y1%3D%220%22%20y2%3D%221%22%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23FFF%22%20stop-opacity%3D%22.7%22%2F%3E%3Cstop%20stop-opacity%3D%221%22%20offset%3D%2220%25%22%20stop-color%3D%22%23FFF%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23a)%22%20opacity%3D%221%22%20d%3D%22M0%20100L610%200v610H0%22%2F%3E%3C%2Fsvg%3E");
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 140px;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .page-title {
    max-width: 525px;
    width: 50%;
    padding-bottom: 40px;
  }
  .page-title .inner {
    position: relative;
    padding-left: 45px;
    padding-right: 65px;
    margin-top: -45px;
    z-index: 1;
  }
  .page-title h1 {
    color: #333333;
    font-size: 30px;
    line-height: 32px;
    min-width: auto;
  }
}
@media screen and (max-width: 767px) {
  .page-title {
    width: auto;
  }
}
@media screen and (max-width: 575px) {
  .page-title {
    left: 0;
    right: auto;
    position: relative;
    top: 0;
    padding-bottom: 0;
  }
  .page-title .inner {
    padding-right: 25px;
    padding-left: 20px;
    padding-bottom: 40px;
  }
  .page-title:before {
    top: -100px;
  }
}
.page-title-expand {
  background: #FFF;
}

.page-title-expand .expand-content {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .page-title-expand .expand-content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-title-expand .expand-content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-title-expand h2 {
  font-size: 14px;
  margin-top: 0;
}

.page-title-expand .inner {
  padding: 40px 0 80px 0;
}

.page-title-expand .expand-text-left {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .page-title-expand .expand-text-left {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-title-expand .expand-text-left {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.page-title-expand .expand-text-right {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .page-title-expand .expand-text-right {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-title-expand .expand-text-right {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-title-expand .expand-content {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-title-expand .expand-text-left {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .page-title-expand .expand-text-right {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    left: 8.3333333333%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-title-expand .inner {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media screen and (max-width: 767px) {
  .page-title-expand .expand-text-right {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .page-title-expand .expand-text-left, .page-title-expand .expand-text-right {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape .page-title-expand .expand-text-left, .state-ipad-landscape .page-title-expand .expand-text-right {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .page-title-expand .expand-text-left, .page-title-expand .expand-text-right {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 575px) {
  .page-title-expand .inner {
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
  }
}
/* Home slider
   ========================================================================== */
.mod-home-slider {
  overflow: hidden;
}

.mod-home-slider .background-slide-wrapper {
  max-height: 520px;
  overflow: hidden;
}

.mod-home-slider .background-slide-container {
  padding-bottom: 29.6875%;
  box-sizing: border-box;
  position: relative;
}

.mod-home-slider .background-slide-container .slide {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.mod-home-slider .background-slide-container .slide img {
  position: absolute;
  transform: translate(-50%, -50%);
}

.mod-home-slider .background-slide-container .btn-slide {
  position: absolute;
  height: 100%;
  width: 70px;
  z-index: 7;
  opacity: 0.5;
  transition: opacity 0.5s;
}

.mod-home-slider .background-slide-container .btn-slide:hover {
  opacity: 1;
}

.mod-home-slider .background-slide-container .btn-slide svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #FFF;
  transition: transform 0.2s;
  overflow: visible;
}

.mod-home-slider .background-slide-container .btn-slide-right {
  right: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.mod-home-slider .background-slide-container .btn-slide-right:hover svg {
  transform: translate(-30%, -50%);
}

.mod-home-slider .background-slide-container .btn-slide-left {
  left: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.mod-home-slider .background-slide-container .btn-slide-left:hover svg {
  transform: translate(-70%, -50%);
}

.mod-home-slider .background-slide-container .icon.icon-badge-new-home {
  width: 139px;
  height: 139px;
  position: absolute;
  right: 4%;
  top: 7%;
}

.mod-home-slider .container {
  position: relative;
  box-sizing: content-box;
  padding: 0 60px;
}

.mod-home-slider .slider-main {
  position: relative;
  display: flex;
  height: 120px;
}

.mod-home-slider .slider-main::before, .mod-home-slider .slider-main::after {
  content: "";
  display: table;
}

.mod-home-slider .slider-main::after {
  clear: both;
}

.mod-home-slider .slider-main {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.mod-home-slider .slider-main .slider-right {
  flex: 1;
}

.mod-home-slider .slider-main .slider-left {
  display: flex;
  width: 450px;
}

.mod-home-slider .small-title-headline {
  position: relative;
  top: 0;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}

.mod-home-slider .page-title {
  width: inherit;
  margin-left: 0;
  left: auto;
  right: auto;
  bottom: 0;
  padding-bottom: 0;
  border-bottom: 3px solid #cbac5e;
  z-index: 8;
}

.mod-home-slider .page-title .inner {
  padding: 0 60px;
}

.mod-home-slider .page-title li {
  margin-bottom: 3px;
}

.mod-home-slider .page-title ul {
  margin-top: 0;
  width: 340px;
}

.mod-home-slider .page-title .emotion-subhead {
  margin-top: 0;
  margin-bottom: 5px;
}

.mod-home-slider .page-title .btn-slide {
  display: none;
}

.mod-home-slider .video-button-cta {
  position: absolute;
  text-align: right;
  right: 30px;
  top: -90px;
  transition: color 0.2s;
}

.mod-home-slider .video-button-cta > span {
  display: block;
  line-height: 16px;
  margin-right: 55px;
}

.mod-home-slider .video-button-cta .line-1, .mod-home-slider .video-button-cta .line-2 {
  font-family: "LatoLatinWeb", "Calibri", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-style: normal;
  font-size: 15px;
}

.mod-home-slider .video-button-cta .line-2 {
  font-weight: 800;
}

.mod-home-slider .video-button-cta .line-3 {
  font-size: 12px;
}

.mod-home-slider .video-button-cta:after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: -4px;
  border-radius: 50%;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
  background-color: #bd9540;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2019.2%2026.4%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200v26.4l19.2-13.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 15px 22px;
  background-position: 60% 50%;
  transition: background-color 0.2s;
}

.mod-home-slider .video-button-cta:hover {
  border-color: transparent;
  color: #cbac5e;
}

.mod-home-slider .video-button-cta:hover:after {
  background-color: #cbac5e;
}

@media screen and (max-width: 575px) {
  .mod-home-slider .video-button-cta {
    display: none;
  }
}
.mod-home-slider .slide-title {
  white-space: nowrap;
  font-size: 36px;
  line-height: 37px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #bd9540;
  margin-bottom: 5px;
}

.mod-home-slider .slide-title span {
  display: block;
}

.mod-home-slider .slide-title .line-1 {
  font-weight: 900;
  color: #333333;
}

.mod-home-slider .page-title-slide {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  opacity: 0;
}

.mod-home-slider .page-title-slide:first-child {
  opacity: 1;
  position: relative;
}

.mod-home-slider .page-title-slide .button {
  margin-bottom: 70px;
}

.mod-home-slider .page-title-slide.action .line-1 {
  color: #bd9540;
}

.mod-home-slider .page-title-slide.action .emotion-subhead {
  color: black;
}

.mod-home-slider .slider-navigation {
  overflow: hidden;
  margin-bottom: 125px;
  border-bottom: 3px solid #cbac5e;
  background: white;
}

.mod-home-slider .slider-rail {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  height: 80px;
}

.mod-home-slider .slider-rail .slide-select-item {
  height: inherit;
  overflow: hidden;
  width: 25.05%;
  display: inline-block;
  position: relative;
  border-left: 1px solid #d2d2d2;
  box-sizing: border-box;
  opacity: 1;
  cursor: pointer;
}

.mod-home-slider .slider-rail .slide-select-item img {
  opacity: 0.7;
  transition: opacity 0.4s;
  min-width: 100%;
}

.mod-home-slider .slider-rail .slide-select-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.55;
  transition: opacity 0.4s;
  transform: translateZ(1px);
}

.mod-home-slider .slider-rail .slide-select-item .title {
  color: #bd9540;
  text-transform: uppercase;
  display: block;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.16em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 10;
}

.mod-home-slider .slider-rail .slide-select-item .title .subtitle {
  font-family: "Lora", "Georgia", "serif";
  text-transform: none;
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
  font-size: 12px;
}

.mod-home-slider .slider-rail .slide-select-item:hover {
  background: #f0e8d2;
  transition: background 0.2s;
}

.mod-home-slider .slider-rail .slide-select-item:hover:after {
  opacity: 0;
}

.mod-home-slider .slider-rail .slide-select-item:hover img {
  opacity: 1;
}

.mod-home-slider .slider-rail .slide-select-item.action {
  background: #cbac5e;
}

.mod-home-slider .slider-rail .slide-select-item.action .title {
  color: white;
}

@media screen and (max-width: 1366px) {
  .mod-home-slider .background-slide-container {
    height: 400px;
    padding-bottom: 0;
  }
  .mod-home-slider .background-slide-container .slide .vector-type {
    transform: translate(-50%, -50%) scale(0.65);
  }
  .mod-home-slider .page-title .inner {
    margin-top: 0;
  }
}
@media screen and (max-width: 1290px) {
  .mod-home-slider .container {
    padding: 0 0 0 60px;
  }
}
@media screen and (max-width: 1024px) {
  .mod-home-slider .background-slide-container {
    padding-bottom: 0;
    height: 360px;
  }
  .mod-home-slider .background-slide-container .btn-slide {
    width: 40px;
  }
  .mod-home-slider .container {
    padding: 0 0 0 40px;
  }
  .mod-home-slider .slider-rail .slide-select-item {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 863px) {
  .mod-home-slider .slider-rail .slide-select-item {
    width: 50%;
  }
  .mod-home-slider .background-slide-container {
    height: 280px;
  }
  .mod-home-slider .page-title {
    margin-top: -60px;
    position: relative;
  }
  .mod-home-slider .slider-main {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .mod-home-slider .container {
    padding: 0;
  }
  .mod-home-slider .background-slide-container {
    height: 320px;
  }
  .mod-home-slider .background-slide-wrapper {
    position: relative;
  }
  .mod-home-slider .background-slide-wrapper:after {
    display: block;
    position: absolute;
    width: 100%;
    bottom: -2px;
    right: 0;
    left: 0;
    height: 200px;
    z-index: 8;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(227, 227, 227, 0) 0, #e3e3e3 200px);
    content: "";
  }
  .mod-home-slider .slider-rail .slide-select-item {
    width: 33.4%;
    border-left: none;
    background: rgba(232, 232, 232, 0.6);
    border-bottom: 2px solid #dcd0b1;
    transition: background 0.2s;
  }
  .mod-home-slider .slider-rail .slide-select-item:hover {
    background: inherit;
  }
  .mod-home-slider .slider-rail .slide-select-item .title {
    color: #dcd0b1;
    transition: color 0.2s;
  }
  .mod-home-slider .slider-rail .slide-select-item.active {
    border-bottom: 2px solid #cbac5e;
    background: rgba(255, 255, 255, 0.9);
  }
  .mod-home-slider .slider-rail .slide-select-item.active .title {
    color: #bd9540;
  }
  .mod-home-slider .slider-rail .slide-select-item.action {
    background: rgba(203, 172, 94, 0.4);
  }
  .mod-home-slider .slider-rail .slide-select-item.action .title {
    color: #bd9540;
  }
  .mod-home-slider .slider-rail .slide-select-item.action.active {
    background: #cbac5e;
  }
  .mod-home-slider .slider-rail .slide-select-item.action.active .title {
    color: white;
  }
  .mod-home-slider .page-title {
    border-bottom: none;
    max-width: 490px;
    margin-top: -80px;
  }
  .mod-home-slider .page-title .inner {
    padding: 0 50px;
  }
  .mod-home-slider .page-title:before {
    top: -139px;
  }
  .mod-home-slider .page-title ul {
    width: auto;
  }
  .mod-home-slider .slider-main {
    height: auto;
    display: block;
  }
  .mod-home-slider .slider-main .slider-left {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
  }
  .mod-home-slider .slider-main .slider-right {
    width: 100%;
    display: block;
    position: relative;
    z-index: 9;
  }
  .mod-home-slider .slider-navigation {
    border-bottom: none;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .mod-home-slider .background-slide-container .btn-slide {
    display: none;
  }
  .mod-home-slider .background-slide-container .icon.icon-badge-new-home {
    width: 120px;
    height: 120px;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .mod-home-slider .page-title {
    margin-top: -120px;
  }
  .mod-home-slider .page-title .btn-slide {
    display: block;
    position: absolute;
    top: -35px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mod-home-slider .page-title .btn-slide svg {
    width: 16px;
    height: 16px;
    fill: #bd9540;
  }
  .mod-home-slider .page-title .btn-slide, .mod-home-slider .page-title .btn-slide:hover, .mod-home-slider .page-title .btn-slide:active {
    border: none;
  }
  .mod-home-slider .page-title .btn-slide-left {
    left: 0;
  }
  .mod-home-slider .page-title .btn-slide-right {
    right: 0;
  }
  .mod-home-slider .page-title-slide {
    top: -50px;
  }
  .mod-home-slider .page-title-slide .button {
    margin-bottom: 50px;
  }
  .mod-home-slider .small-title-headline {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 479px) {
  .mod-home-slider .slide-title {
    font-size: 30px;
    line-height: 30px;
  }
  .mod-home-slider .page-title-slide {
    top: -60px;
  }
}
@media screen and (max-width: 374px) {
  .mod-home-slider .slide-title {
    font-size: 26px;
    line-height: 29px;
  }
  .mod-home-slider .slider-rail {
    height: 60px;
  }
  .mod-home-slider .slider-rail .slide-select-item {
    width: 150px;
  }
}
@media screen and (max-width: 359px) {
  .mod-home-slider .page-title {
    margin-top: -140px;
  }
  .mod-home-slider .page-title .btn-slide {
    display: none;
  }
  .mod-home-slider .page-title .inner {
    padding: 0 20px;
  }
  .mod-home-slider .page-title-slide {
    top: -75px;
    margin-bottom: -37px;
  }
}
/* ==========================================================================
   Detailed teaser
   ========================================================================== */
.teaser-group-detailed {
  margin-top: 20px;
}

.detailed-teaser {
  position: relative;
  height: 400px;
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .detailed-teaser {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .detailed-teaser {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.detailed-teaser .teaser-inner.dark p {
  color: white;
}

.detailed-teaser .teaser-inner {
  padding-top: 40px;
  position: absolute;
  height: inherit;
  box-sizing: border-box;
  bottom: 0;
  right: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.detailed-teaser .teaser-inner h2.teaser-headline {
  height: auto;
  margin-bottom: 10px;
}

.detailed-teaser .teaser-inner .teaser-content-wrapper {
  display: block;
  height: auto;
}

.detailed-teaser .button.btn-gold {
  margin-top: 10px;
}

.detailed-teaser.has-seal {
  padding-top: 40px;
}

.detailed-teaser .teaser-top-seal {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%20270%20180%22%20xml%3Aspace%3D%22preserve%22%3E%3Cimage%20width%3D%22240%22%20height%3D%22180%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAPAAAAC0CAYAAACqnKHoAAAACXBIWXMAAAsSAAALEgHS3X78AAAA%20GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACdFJREFUeNrsnYmS2zYQBUGJ8jrZ%205P9%2FNPYeIolYFaAynh1cIkVJZHcVirotr7c9bwCIcg4AAADWp3uQ1wDYK35t%2BTpkBriZtP5WAneZ%206x0yAzRL6zP3%2ByUF7iqPuddEaKDK2tKWjkn6BsE7JWyXuK1WaIC9iSzF1JetCtyVRO4bq64ch8Tl%20riJyA%2BytAlvCTonLlsh%2BTgWWksqjHl2iOiMx7F1eb8grR6dEnkry5gTWEdiS9ShGTmbkBaKzLe1l%20jGJEkafwvEm8jilyX6i6XUbaPoyjOB4NiZEX9i6xT0g7iOMgbpdMuSidq8C635XinsToxbFHYoCi%20vFHYszgewtHqf1PR%2FIvAVs8qq%2B%2Fl8d%2BCsJfji7rei2H1xQB7ElhH50GMzyDsZ6Ll1D2zs6J0awWO%20Vfd7kDceX4TMvYrUHRLDjuX1KjJHeT%2FCkMXO6pelN809sK6%2BsvL%2Bocb3cN83EamtKO2I1LDhyOwS%200XkQFfcy3n%2BNN1HkYr%2Brnyf%2FI7iqB9YCx8p7kfb11%2FhTDClxqgoD7KkCy%2Bor5T2J%2BSItvDUzXZyF%207hIS6wksWYEv0v4Vxp%2BiEr%2BIN3gUr0Plhb1U4kkJfA6R%2BV0UuIN47CiqtFzRSe2n8LkIHZ8gI7Cc%20fdYC%2Fx2q8asQWFZh1oVhTxFa9rGj6ntl9ZXyxnh9CpfPwr0xVYVLWylTs9AxRsfo%2FCokllFaLyvR%20B8Pe%2Bl8pcJQ3Vl5ZdT%2FE0M4kPcktI6X64F70ubIXfg3V%2BFUILCez2F4Je5FXVuBBVVcZm%2BPtb%2B7r%20Ck7KmeplpFwV1hJ%2FF5U49sIv7utsNBNZsJcJLD37%2FGHI%2Bz0jr%2Falq6nAKYl1L6yXlF6EyHJZCYEB%20gf%2FvZ6W87%2B73jVB6A1TVLsbcOrAVo61KfBLVWPbHciILgWHPAmt5vxniWluQs%2FG5VIFzEh%2Fd1%2BUl%20vUdavsEjAsMOBR7d75s0Toa0R%2BVU0%2Fbjmgidk%2Fno7E8o6YHAsEeB5RbI3hDXWu9tOr9c3%2FDGrIkt%20K17nPjOMwLAXgaW8o8t%2FZr5qwqpF4NzJ61Kn1jkUZOajhbAHeWWf6hMOHJx9KqrO1Z04srkHrhG8%20diAw7IFWF646NXO%2F0ButedOpxwNsofI6VX1bXbiKfsW%2FJBUYtlxtnas8FeySHBasvACwsj%2BHG72h%20JR4H8MxSruLA4U5%2FAQAkf0CBAWBFEBgAgQEAgQEAgQEQGAAQGAAQGAAQGACBAQCBAQCBARAYABAY%20ABAYABAYAIEBAIEBAIEBAIEBEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQGAAQGACBAQCBAQCB%20ARAYABAYABAYABAYAIEBAIEBAIEBEBgAEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQGACBAQCB%20AQCBAQCBARAYABAYABAYABAYAIEBAIEBAIEBEBgAEBgAEBgAEBgAgQEAgQEAgQEAgQEQGAAQGAAQ%20GACBAQCBAQCBAQCBARAYABAYABAYAIEBAIEBAIEBto1HYAAkRmCAO4rplxAagQHogQGovuLoE9d9%20pvJeVYV7fu4AN4vLvmFYr%2BkRGGAdUVukncLwhYrtMnIjMMAMUUvyXgQdhazW9ZzIRGiAG0ia6l19%20QuDLGMIYxXFMCF0TrREYELVBVJ%2B5TYsWJYyCnoO0Z3E5JbSWOPVnIzAgauVlX7hsyTupyvvxa3yq%20oYXOSUyEht2JWht7a6pq7dD9bqy8F2Hf1fgQYp%2BFxKk4jcBA7G2oqilBc5cno%2Ff9FAL%2FDOMtjHdD%204iFRic1%2BGIFh77E3JWhJUl1xreobK3Csthd5f4TxMyPxWBujERi2Lmpt9G2VNCXuaAgcK%2FBbEPef%20MLTE50IFZhILHjr23qI%2FrY29pYqauj4a8sr%2BNwr8IWJ0rMJS4liF9YSWz%2F28EBi20J8uIemUkLJ0%20lLINCYHPQuDY%2F%2F4Q482I0dZkFhEaNtefzo29lpCWnGPFbUMmQssqLOO0nNAq9cFEaLha1Hssy8wR%20tSX2WjLOGYMaUmJrSUlPZMXXKe7GQmAkvVfsXSL6jgvE3pyE14irL%2Bso%2Fakqst7kMagInfsIIgIj%206l1i79L96ZzYW5K2VuRcpJaVWFbks7psrQPTAyPqoqKuuSyzRty9tvpOFZdL0doa1Zs4EHj7sfcW%20%2FenayzLTwuK1vE6uilvH1r9LzSeTsiAw%2FekjL8tcG3NbK%2BhYEcVbPt9r%2FWzGiv%2FImj9SiMD0p4%2B8%20LNMq6eDmxd5cNZXXfUbYmp9l6javKi%2BfByb2bmJZZm5MLsXeUjWtkdQnqud0xb9R9cnuEHg7sXeL%20yzI1r1Pbp%2BZE9ZnrKVmtn7Nz%2BRPW%2BcK%2FrXONZ6pEYJZlHnFZprU%2FvUXsramgrlHKWlmrz4vVI2rT%20Y54t9m5pWaa2T10i9tYIO1dMf%2BXv5K4E3kPs3fqyTGt%2FukTsdRXS5iaZWs7vPOt7knpE3Uzs3eqy%20zDXRd8nY29Kf%2BgV%2BTzctMLuRWJZpneFdMvbeTdQ1BPYNgnVPvizzyLF368syLaLeKvauLuqjVWA%2F%2043HsRtr3sswcUf2CBeMh6BeSsCZSxMd0T9CfPkvsZVnmCWPvo1fg2m9ee8ZlmWeKvXtbltm0qLcU%20uFailmp6z2WZZ9qNxLLMTkSdI7CvrLK5M9VfOIj4XFtN77ks82yxd4%2FLMrsRtVXgUmzV11Mfnzq6%20r%2Bf2aana7EZiWWb3ki4VoS1pcye17sPRq%2BpbqqrsRmJZBhYQuBSdre%2BBief7Obn%2FzvPjQxU%2BVMjL%20biSWZeBGPbBPVFspbTw51ylIG59zEAL7TAVnNxLLMrCAwL5QLUsnrj6G58YvN9aTV%2Fo7VNmNxLIM%203DBCl773NJ7b9k3IO4X7dXxuicHsRmJZBhaYhZa%2FeIMhb%2FzCpmOotJPog3V8nioEZTcSyzJwpcBe%20xV0rOmt5v4XXkfLG2%2FTk1ZJRmN1IxF4Ebpi8ktE5yntSlXcI98nbu0z1ZTcSsRduMInlVc9q9b0n%200eN6IW%2Bsvkdj8uraiSJ2IyEqFATWn9O1KnAUWAs6hNtfwn19ZvKK3UjEXlhhEkv3v0OQMlbdTvS1%20Z1F9j5n4XLOOy24kgJkRWorXKYE%2FReWVlfkkKvPBmAybZorKbiSAhgpsyXdWsVjL2wt5azdvsBsJ%20YCGBrT5YVmFnTEqdVeU9ZHpp71iWAVitAktZnXHbIHreg1F9nSt%2FJJBlGYAb9cBOyasjtRTXkte5%20ujNnsCwDcAVd4b5OXD4Ujl1GYEfsBVhfYH2sGS4jMLEXYCWB9f2dIbMzxO0KVZLYC7CSwCmRraPL%20xGdiL8AdBbYe2xUe52dIiKgACwu8xPMQFeABBG55HSQFAAAAgA3xrwADADjLvuw3H8i0AAAAAElF%20TkSuQmCC%22%20transform%3D%22translate(20%20-7)%22%20overflow%3D%22visible%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M30%200v150l210-33.4V0%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  width: 270px;
  height: 180px;
  position: absolute;
  display: block;
  z-index: 1;
  top: -40px;
  left: 30px;
}

.detailed-teaser .teaser-top-seal img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 190px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding-bottom: 45px;
}

.detailed-teaser .icon.icon-shopping-cart {
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}

.detailed-teaser .badge-award-2018-nominee {
  position: absolute;
  width: 40px;
  height: 50px;
  z-index: 1;
  top: 10px;
  right: 40px;
}

@media screen and (max-width: 1024px) {
  .detailed-teaser {
    height: 360px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .detailed-teaser {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .detailed-teaser .teaser-top-seal {
    width: 200px;
    height: 140px;
  }
  .detailed-teaser .teaser-top-seal img {
    max-width: 130px;
  }
  .detailed-teaser .teaser-inner .teaser-headline {
    font-size: 30px;
  }
  .detailed-teaser p.teaser-text {
    max-width: 100%;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .detailed-teaser .teaser-inner {
    padding: 20px;
  }
  .detailed-teaser .teaser-inner .teaser-content-wrapper {
    padding: 0;
  }
  .detailed-teaser .teaser-top-seal {
    background-position: -20px 0;
  }
  .detailed-teaser .teaser-top-seal img {
    margin-left: -20px;
  }
}
@media screen and (max-width: 575px) {
  .detailed-teaser {
    margin-top: 20px;
  }
  .detailed-teaser.has-seal {
    margin-top: 60px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .detailed-teaser {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .detailed-teaser:first-child {
    margin-top: 0;
  }
}
.teasers-simple-film {
  overflow: hidden;
}

.teaser-simple {
  margin-bottom: 0;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  left: 8.3333333333%;
  right: auto;
  margin-top: 20px;
}

.state-ipad-landscape .teaser-simple {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .teaser-simple {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-simple {
    height: 220px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .teaser-simple {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .teaser-simple {
    height: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .teaser-simple {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .teaser-simple {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.teaser-film {
  margin-top: 20px;
  position: relative;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .teaser-film {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .teaser-film {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-film {
    height: 220px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .teaser-film {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .teaser-film {
    height: 220px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .teaser-film {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .teaser-film {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.teaser-film .video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 340px;
  position: static;
}

@media screen and (max-width: 1024px) {
  .teaser-film .video-wrapper {
    height: 220px;
  }
}
.teaser-film video {
  max-width: 100%;
  max-height: 100%;
  z-index: 1;
  flex-grow: 0;
  flex-shrink: 0;
}

.teaser-film video::-internal-media-controls-download-button {
  display: none;
}

.teaser-film video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

.teaser-film video::-webkit-media-controls-panel {
  width: calc(100% + 30px); /* Adjust as needed */
}

.teaser-simple-inner {
  background-size: cover;
  background-repeat: no-repeat;
  height: 340px;
  padding-top: 60px;
  padding-bottom: 40px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.teaser-simple-inner .teaser-background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  transition: transform 0.4s;
  transform-origin: 50% 50%;
  pointer-events: none;
}

.teaser-simple-inner .button-container {
  text-align: center;
  position: absolute;
  bottom: 40px;
  width: 100%;
}

.teaser-simple-inner .seal {
  display: block;
  max-width: 70%;
  margin: 0 auto 0 auto;
  z-index: 2;
  position: relative;
}

.teaser-simple-inner:hover .teaser-background {
  transform: translate(-50%, -50%) scale(1.05);
}

@media screen and (max-width: 1024px) {
  .teaser-simple-inner {
    padding-top: 40px;
    height: 220px;
    background-position: 50% 50%;
  }
  .teaser-simple-inner .seal {
    max-width: 220px;
  }
}
.film-splash {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  background: linear-gradient(to bottom, #b7b7b7, white);
  z-index: 2;
}

.film-splash:before {
  content: "";
  display: block;
  position: absolute;
  right: 40px;
  top: 40px;
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  background-size: 100% 100%;
  background-image: url("../images/logos/sander-logo.svg");
  background-color: #FFF;
  border: 3px solid #FFF;
}

.film-splash .btn.play {
  background-color: #cbac5e;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2019.2%2026.4%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%200v26.4l19.2-13.2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 55% 50%;
  background-size: 20px auto;
  width: 75px;
  height: 75px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.65);
  transition: background-color 0.2s;
}

.film-splash .btn.play:hover {
  background-color: #bd9540;
}

@media screen and (max-width: 1024px) {
  .film-splash .btn.play .film-title {
    bottom: 10px;
  }
}
.film-splash .film-title {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  text-align: center;
}

.film-splash .film-title span {
  color: #bd9540;
}

.film-splash .film-title .small-title-headline {
  margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
  .film-splash .small-title-headline {
    font-size: 10px;
    margin-bottom: 0;
  }
  .film-splash .teaser-headline {
    font-size: 19px;
  }
  .film-splash .film-title {
    bottom: 10px;
  }
}
.teaser-download {
  padding-top: 40px;
  margin-top: 20px;
}

.teaser-download .preview-container {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
  left: 0%;
  right: auto;
}

.state-ipad-landscape .teaser-download .preview-container {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .teaser-download .preview-container {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.teaser-download .preview-container img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  left: 50px;
  width: auto;
  height: 100%;
  z-index: 2;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.45);
  max-width: 280px;
}

.teaser-download .preview-container .icon-badge-new-home {
  position: absolute;
  top: -40px;
  left: 0;
  z-index: 3;
  width: 139px;
  height: 139px;
  display: block;
}

.teaser-download .content {
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  left: 0%;
  right: auto;
}

.state-ipad-landscape .teaser-download .content {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .teaser-download .content {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.teaser-download .content strong a {
  text-decoration: none;
  color: #333333;
}

.teaser-download .content-inner {
  padding-top: 40px;
  padding-bottom: 40px;
  background: white;
  text-align: center;
  padding-left: 120px;
  padding-right: 120px;
}

.teaser-download .content-inner .small-title-headline {
  color: #333333;
  margin-bottom: 4px;
  font-weight: bold;
}

.teaser-download .content-inner .teaser-headline {
  color: #bd9540;
  font-size: 26px;
}

.teaser-download .content-inner .new-text {
  color: #bd9540;
}

@media screen and (max-width: 1290px) {
  .teaser-download .content-inner {
    padding-left: 80px;
    padding-right: 80px;
  }
  .teaser-download .preview-container img {
    height: 100%;
    left: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-download .download-title {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .teaser-download .preview-container {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-download .preview-container img {
    left: 40px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .teaser-download .content {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    left: 0%;
    right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-download .icon-badge-new-home {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .teaser-download {
    margin-top: 40px;
  }
  .teaser-download .preview-container {
    margin-bottom: -20px;
    width: auto;
    flex-basis: 233.3px;
    max-width: 233.3px;
    height: 330px;
  }
  .teaser-download .preview-container .icon-badge-new-home {
    width: 100px;
    height: 100px;
    top: -40px;
    left: -20px;
  }
  .teaser-download .preview-container img {
    width: auto;
    height: inherit;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }
  .teaser-download .content {
    padding-top: 10px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .teaser-download .content {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .teaser-download .content-inner {
    padding: 40px 20px 20px 20px;
  }
  .teaser-download .content-inner .teaser-headline {
    margin-top: 2px;
    font-size: 20px;
    line-height: 22px;
  }
}
.testimonial-slider {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  left: 8.3333333333%;
  right: auto;
  position: relative;
  margin-top: 20px;
  padding: 40px 0;
  padding-top: 0;
  text-align: center;
}

.state-ipad-landscape .testimonial-slider {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .testimonial-slider {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.testimonial-slider .small-title-headline {
  text-align: center;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.testimonial-slider .quote-large {
  font-family: "Lora", "Georgia", "serif";
  font-size: 30px;
  line-height: 37px;
  max-width: 900px;
  margin: 0 auto;
}

.testimonial-slider .slide-text .info-line {
  margin-top: 10px;
  color: #bd9540;
}

.testimonial-slider .slide-text .name {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.08em;
}

.testimonial-slider .slide-text .position:before {
  content: "| ";
}

.testimonial-slider .slide-text .company:before {
  content: "| ";
}

.testimonial-slider .slide-container {
  position: relative;
}

.testimonial-slider .slide-btn {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.testimonial-slider .slide-btn svg {
  fill: #bd9540;
  transition: fill 0.1s;
}

.testimonial-slider .slide-btn:hover svg {
  fill: #cbac5e;
}

.testimonial-slider .slide-btn-left {
  left: -25px;
}

.testimonial-slider .slide-btn-right {
  right: -25px;
}

.testimonial-slider .slide {
  padding-top: 30px;
  padding-bottom: 30px;
}

.testimonial-slider .slide-logos ul {
  list-style: none;
}

.testimonial-slider .slide-logos li {
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  justify-content: middle;
  margin-bottom: 0;
}

.state-ipad-landscape .testimonial-slider .slide-logos li {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .testimonial-slider .slide-logos li {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.testimonial-slider .slide-logos li img {
  max-height: 70px;
  max-width: 130px;
}

.testimonial-slider .slider-dots {
  list-style: none;
  padding: 0;
  margin: 0;
}

.testimonial-slider .slider-dots .dot {
  display: inline-block;
  margin: 0 4px;
  border-radius: 50%;
  background-color: #aaaaaa;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.testimonial-slider .slider-dots .dot.active, .testimonial-slider .slider-dots .dot:hover {
  background-color: #bd9540;
}

@media screen and (max-width: 1024px) {
  .testimonial-slider .name {
    display: block;
  }
  .testimonial-slider .position:before {
    display: none;
  }
  .testimonial-slider .slide {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .testimonial-slider .quote-large {
    font-size: 26px;
  }
  .testimonial-slider .slide-logos li {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .testimonial-slider .slide-logos li {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (max-width: 575px) {
  .testimonial-slider .small-title-headline {
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 20px;
  }
  .testimonial-slider .quote-large {
    font-size: 21px;
    line-height: 30px;
  }
  .testimonial-slider .slide-logos li {
    display: none;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .testimonial-slider .slide-logos li {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .testimonial-slider .slide-logos li:nth-child(1) {
    display: block;
  }
  .testimonial-slider .slide-logos li:nth-child(2) {
    display: block;
  }
  .testimonial-slider .slide-logos li:nth-child(3) {
    display: block;
  }
}
/* Card List
   ========================================================================== */
.card-list .card {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .card-list .card {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .card-list .card {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.card-list .card .inner {
  box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.3);
  padding: 40px;
}

.card-list .event-card {
  margin-top: 20px;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.state-ipad-landscape .card-list .event-card {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .card-list .event-card {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.card-list .event-card h3 {
  margin-bottom: 20px;
}

.card-list .event-card .inner {
  background: white;
  padding: 40px;
}

.card-list ul {
  margin-top: 0;
}

.card-list h3 {
  font-size: 26px;
  line-height: 31px;
  text-transform: none;
  letter-spacing: normal;
  color: #333333;
  border-bottom: 0;
  margin-top: 0;
}

.card-list li {
  margin-bottom: 0;
}

.card-list .date {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 20px;
  font-family: "Lora", "Georgia", "serif";
  font-weight: bold;
  color: #bd9540;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
}

.card-list .load-more-btn-container {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 0;
}

@media screen and (max-width: 1290px) {
  .card-list .card {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1290px) and (max-width: 1290px) and (max-width: 1290px) {
  .card-list .card {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .card-list .card {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .card-list .card {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .card-list .card .inner {
    padding: 20px;
  }
  .card-list h3 {
    font-size: 19px;
    line-height: 21px;
  }
}
.page-section.section-form {
  padding-top: 80px;
  padding-bottom: 80px;
  margin-left: 0;
}

.page-section.section-form .sander-form .intro {
  max-width: initial;
}

.page-section.section-form .sander-form .intro h2 {
  color: #bd9540;
  font-size: 26px;
  line-height: 31px;
}

.sander-form select, .sander-form .form-input-wrapper > input, .sander-form textarea {
  font-size: 15px;
  font-family: "LatoLatinWeb", "Calibri", sans-serif;
}

.sander-form select, .sander-form .form-input-wrapper > input, .sander-form textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #aaaaaa;
  color: #333333;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  width: 100%;
  box-sizing: border-box;
}

.sander-form select:focus, .sander-form .form-input-wrapper > input:focus, .sander-form textarea:focus {
  border-bottom: 1px solid #e5d6af;
  outline: 0;
}

.sander-form select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  color: gray;
}

.sander-form select.valid-selected {
  color: black;
}

.sander-form .intro {
  max-width: 400px;
  margin-bottom: 30px;
}

.sander-form .form-label {
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.sander-form .form-field {
  margin-top: 30px;
}

.sander-form .form-field:first-child {
  margin-top: 0;
}

.sander-form .form-field.hide-label {
  margin-top: 20px;
}

.sander-form .form-field.hide-label .form-label {
  display: none;
}

.sander-form .form-field.space-after {
  margin-bottom: 50px;
}

.sander-form .buttons {
  margin-top: 40px;
}

.sander-form .radio {
  display: inline-block;
  margin-right: 15px;
}

.sander-form .radio input {
  opacity: 0;
  width: 20px;
}

.sander-form .radio label {
  height: 20px;
  font-size: 15px;
  margin-left: -20px;
}

.sander-form .radio label span {
  vertical-align: bottom;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A0.773%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  margin-right: 7px;
}

.sander-form .radio input:checked + label > span {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23555555%3Bstroke-width%3A0.773%3B%7D%20.st2%7Bfill%3A%23CAAB5E%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M10%2019.6c5.3%200%209.6-4.3%209.6-9.6S15.3.4%2010%20.4.4%204.7.4%2010s4.3%209.6%209.6%209.6z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M10%2015.3c2.9%200%205.3-2.4%205.3-5.3S12.9%204.8%2010%204.8s-5.3%202.4-5.3%205.3%202.4%205.2%205.3%205.2%22%2F%3E%3C%2Fsvg%3E");
}

.sander-form .checkbox {
  display: inline-block;
  margin-left: -5px;
}

.sander-form .checkbox input {
  opacity: 0;
  width: 20px;
}

.sander-form .checkbox label {
  height: 20px;
  font-size: 15px;
  margin-left: -20px;
  position: relative;
}

.sander-form .checkbox label .fake-box {
  vertical-align: bottom;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%20.4C2.9.4.4.4.4%203v14c0%20.1%200%202.6%202.6%202.6h14c.1%200%202.6%200%202.6-2.6V3c0-.1%200-2.6-2.6-2.6H3z%22%20fill%3D%22none%22%20stroke%3D%22%23555%22%20stroke-width%3D%22.773%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  margin-right: 7px;
}

.sander-form .checkbox label .actual-label {
  display: inline-block;
  min-width: 320px;
  position: absolute;
  top: 110%;
  transform: translateY(-50%);
  padding-left: unset;
  margin-left: 25px;
}

.sander-form .checkbox input:checked + label > .fake-box {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2020%2020%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h20v20H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M3%200S0%200%200%203v14s0%203%203%203h14s3%200%203-3V3s0-3-3-3H3z%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23CAAB5E%22%2F%3E%3Cpath%20d%3D%22M17.1%206c-.1.4-.4.7-.7.9l-1.8%201.8-1.8%201.8-2.8%202.8c-.5.5-1%201-1.6%201.5-.3.3-.6.4-1%20.2-.2-.1-.4-.2-.5-.4L5.3%2013c-.5-.5-1-1-1.6-1.5l-.4-.4c-.1-.1-.3-.3-.4-.6v-.3c.1-.2.2-.4.3-.5.3-.4.9-.4%201.2-.1.3.3.6.5.9.8l1.3%201.3%201.1%201.1s.1%200%20.1.1l.3-.3%202-2%201.8-1.8%201.9-1.9%201.7-1.7c.4-.4.9-.4%201.3%200%20.1.1.2.2.2.3%200%20.1%200%20.1.1.2V6z%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E");
}

.sander-form .form-small-label {
  display: block;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 10px;
}

.sander-form .form-left {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding-right: 40px;
}

.state-ipad-landscape .sander-form .form-left {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sander-form .form-left {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.sander-form .form-right {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding-left: 40px;
}

.state-ipad-landscape .sander-form .form-right {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .sander-form .form-right {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.sander-form .mandatory-notice {
  font-size: 15px;
  font-style: italic;
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  .sander-form .form-field:first-child {
    margin-top: 30px;
  }
  .sander-form .form-left {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .sander-form .form-left {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sander-form .form-right {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .sander-form .form-right {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
.contact-form textarea {
  height: 160px;
}

.newsletter-form .buttons, .gewinnspiel-form .buttons {
  margin-top: 60px;
  padding-top: 60px;
  border-top: 1px solid #555555;
  text-align: right;
}

.newsletter-form .buttons .button, .gewinnspiel-form .buttons .button {
  float: right;
  margin-top: 10px;
}

.newsletter-form .buttons .form-field, .gewinnspiel-form .buttons .form-field {
  margin-top: 0;
  float: left;
  display: block;
  text-align: left;
  clear: both;
}

.newsletter-form .buttons .form-field .actual-label, .gewinnspiel-form .buttons .form-field .actual-label {
  text-align: left;
  position: relative;
  transform: none;
  width: 500px;
}

@media screen and (max-width: 767px) {
  .newsletter-form .button, .gewinnspiel-form .button {
    margin-top: 20px;
  }
  .newsletter-form .buttons .checkbox label, .gewinnspiel-form .buttons .checkbox label {
    display: block;
    margin: 0;
    height: auto;
  }
  .newsletter-form .buttons .form-field, .gewinnspiel-form .buttons .form-field {
    float: none;
  }
  .newsletter-form .buttons .form-field .actual-label, .gewinnspiel-form .buttons .form-field .actual-label {
    width: auto;
    margin-left: 20px;
  }
  .newsletter-form .buttons .form-field .fake-box, .gewinnspiel-form .buttons .form-field .fake-box {
    float: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .newsletter-form .buttons .form-label, .gewinnspiel-form .buttons .form-label {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .newsletter-form .checkbox label .actual-label, .gewinnspiel-form .checkbox label .actual-label {
    width: 240px;
    min-width: auto;
    font-size: 15px;
  }
  .newsletter-form .buttons, .gewinnspiel-form .buttons {
    padding-top: 40px;
  }
  .newsletter-form .buttons .button, .gewinnspiel-form .buttons .button {
    margin-top: 60px;
  }
}
.internorga-form .buttons {
  text-align: right;
}

.internorga-form textarea {
  height: 77px;
}

.form-thankyou-content {
  text-align: center;
  margin: 0 auto;
  max-width: 450px;
}

.list-load-more .button-load-more, .list-load-more .button-close {
  margin-top: 40px;
  margin-bottom: 20px;
}

.list-load-more .button-load-more svg, .list-load-more .button-close svg {
  position: relative;
  top: 2px;
}

.js .list-load-more .wrap-further {
  height: 0;
  overflow: hidden;
}

.js .list-load-more .wrap-further :first-child {
  margin-top: 0px;
}

.list-load-more .button-close {
  display: none;
}

.list-load-more .button-close svg {
  transform: rotate(180deg);
}

.link-list-item {
  position: relative;
  padding-right: 30px;
  transition: opacity 0.2s;
  /*padding-top:20px;*/
  margin-bottom: 20px;
  margin-top: 20px !important;
  display: block;
}

.link-list-item::before, .link-list-item::after {
  content: "";
  display: table;
}

.link-list-item::after {
  clear: both;
}

.link-list-item {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.link-list-item p {
  margin-top: 0;
  margin-bottom: 0;
}

.link-list-item .small {
  text-transform: uppercase;
  font-family: "Lora", "Georgia", "serif";
  font-size: 12px;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #bd9540;
}

.link-list-item .small.inline {
  width: 100%;
  float: left;
}

.link-list-item .title {
  line-height: 31px;
  font-size: 26px;
  font-weight: bold;
  font-family: "LatoLatinWeb", "Calibri", sans-serif;
  color: #555555;
  margin-bottom: 10px;
}

.link-list-item .title.inline {
  float: left;
  max-width: calc(100% - 100px);
  padding-right: 20px;
}

.link-list-item .icon-jetzt-neu {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
}

.link-list-item .list-btn {
  display: inline-block;
  width: 30px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  border-bottom: 0;
}

.link-list-item .list-btn .icon.icon-list-download, .link-list-item .list-btn .icon.icon-new-page {
  width: 25px;
  height: 35px;
  margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
  .link-list-item .title {
    font-size: 21px;
    line-height: 28px;
  }
}
@media screen and (max-width: 575px) {
  .link-list-item .icon-jetzt-neu {
    display: none;
  }
  .link-list-item .title.inline {
    max-width: 100%;
    padding-right: 0;
    float: none;
  }
}
.large-link-list {
  margin-top: 40px;
}

.large-link-list:first-child {
  margin-top: 0;
}

.large-link-list a.link-list-item {
  font-style: normal;
  font-weight: normal;
  border-bottom: 1px solid #555555;
}

.large-link-list a.link-list-item:hover {
  opacity: 0.7;
  border-bottom: 1px solid #bd9540;
}

@media screen and (max-width: 1024px) {
  .large-link-list {
    margin-top: 0;
  }
}
.download-links {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2023.4%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h23.4v33H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20d%3D%22M12.2%200c.3.7.9%201.5.9%202.2.1%205.8%200%2011.5%200%2017.3v1.6c.5-.4.8-.6%201-.9l6.4-6.4c.7-.7%201.5-.9%202.3-.2.7.7.6%201.6-.1%202.3l-9.9%209.9c-.8.8-1.7.8-2.5-.1L.6%2016c-.7-.7-1-1.6-.2-2.4.9-.6%201.7-.3%202.5.4L9%2020.1c.3.3.6.6%201.1%201%200-.6.1-1%20.1-1.4V2.4c0-.8.5-1.6.8-2.4h1.2z%22%20clip-path%3D%22url(%23b)%22%20fill%3D%22%23BD9540%22%2F%3E%3Cpath%20fill%3D%22%23BD9540%22%20d%3D%22M.1%2029.2h23.2V33H.1z%22%2F%3E%3C%2Fsvg%3E") center right no-repeat;
  background-size: 25px 35px;
}

.subpages-links {
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2022.9%2030.4%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h22.9v30.4H0z%22%2F%3E%3C%2Fdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20overflow%3D%22visible%22%2F%3E%3C%2FclipPath%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M7.4%2028.9l13.4-13.7L7.4%201.5%22%2F%3E%3Cpath%20clip-path%3D%22url(%23b)%22%20fill%3D%22none%22%20stroke%3D%22%23BD9540%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.5%2024.1l8.6-8.9-8.6-8.9%22%2F%3E%3C%2Fsvg%3E") center right no-repeat;
  background-size: 25px 35px;
}

.section-single {
  padding-top: 60px;
  padding-bottom: 60px;
  background: white;
  /* Scale down images */
}

.section-single .meta-title, .section-single h2 {
  font-family: "Lora", "Georgia", "serif";
  font-style: italic;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #bd9540;
}

.section-single h1 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 5px;
}

.section-single h2 {
  margin-bottom: 0;
}

.section-single h2:first-child {
  margin-top: 0;
}

.aktionswochen .section-single h2 {
  margin-bottom: 1em;
  font-style: normal;
}

.section-single .single-further {
  margin-top: 40px;
  padding-top: 60px;
  border-top: 1px solid #555555;
}

.section-single .single-column-left, .section-single .single-column-right {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .section-single .single-column-left, .state-ipad-landscape .section-single .single-column-right {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .single-column-left, .section-single .single-column-right {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.section-single .single-main p > img {
  max-width: 100%;
  height: auto;
}

.section-single .col-download {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}

.state-ipad-landscape .section-single .col-download {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .col-download {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.section-single .col-person {
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .section-single .col-person {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .col-person {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.section-single .col-person > .contact-person {
  margin-top: 0;
}

.section-single .col-person.news-col-person {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  left: 0%;
  right: auto;
}

.state-ipad-landscape .section-single .col-person.news-col-person {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .col-person.news-col-person {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
.section-single .col-info {
  -webkit-flex-basis: 30%;
  -moz-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%;
  left: 16.6666666667%;
  right: auto;
}

.state-ipad-landscape .section-single .col-info {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .col-info {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .section-single {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .section-single .col-download, .section-single .col-person, .section-single .col-info {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.state-ipad-landscape .section-single .col-download, .state-ipad-landscape .section-single .col-person, .state-ipad-landscape .section-single .col-info {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-single .col-download, .section-single .col-person, .section-single .col-info {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .section-single .single-column-left, .section-single .single-column-right {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section-single .single-column-right {
    margin-top: 1em;
  }
}
@media screen and (max-width: 575px) {
  .section-single {
    padding-top: 20px;
  }
  .section-single h1 {
    font-size: 26px;
    line-height: 31px;
  }
}
.section-job .btn-back {
  margin-top: 0;
  margin-bottom: 60px;
}

.section-job .job-main {
  margin-top: 40px;
}

.section-job .job-column-left, .section-job .job-column-right {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .section-job .job-column-left, .state-ipad-landscape .section-job .job-column-right {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-job .job-column-left, .section-job .job-column-right {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .section-job .btn-back {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) and (max-width: 767px) {
  .section-job .job-column-left, .section-job .job-column-right {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .section-job .btn-back {
    margin-bottom: 20px;
  }
}
.section-job .single-main h2 {
  margin-bottom: 20px;
}

.big-download img {
  box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.4);
}

.download-button-group {
  margin-top: 40px;
  white-space: nowrap;
}

.download-button-group .btn-view {
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .download-button-group {
    margin-top: 20px;
    white-space: normal;
    margin-bottom: 40px;
  }
}
.lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10;
  cursor: pointer;
}

.lightbox-overlay .close {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.lightbox-overlay .close svg {
  fill: #bd9540;
  transition: fill 0.1s;
}

.lightbox-overlay .close:hover svg {
  fill: #cbac5e;
}

.lightbox-container {
  position: fixed;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  display: flex;
  z-index: 11;
  pointer-events: none;
  align-items: center;
  justify-content: center;
}

.lightbox-container video {
  cursor: default;
  max-width: 100%;
  max-height: 100%;
  z-index: 11;
  box-shadow: 0 0 80px rgba(142, 126, 100, 0.4);
  pointer-events: all;
  flex: initial;
}

@media screen and (max-width: 1290px) {
  .lightbox-container video {
    flex: 1;
  }
}
.section-gewinnspiel-form {
  background: rgba(255, 255, 255, 0.9);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-gewinnspiel-form .sander-form .intro {
  max-width: initial;
}

.section-gewinnspiel-form .sander-form .intro h2 {
  color: #bd9540;
  font-size: 26px;
  line-height: 31px;
}

.section-gewinnspiel-form .lora-contact-title {
  margin-top: 0;
  padding-top: 5px;
}

.section-gewinnspiel-form .sander-form .radio {
  display: block;
  margin-bottom: 20px;
}

.section-gewinnspiel-form .sander-form .radio span {
  padding-left: 10px;
}

@media screen and (max-width: 1024px) {
  .section-gewinnspiel-form {
    padding-top: 40px;
  }
  .section-gewinnspiel-form .lora-contact-title {
    margin-top: 40px;
  }
}
.section-gewinnspiel-form .sander-form .intro h2 {
  font-size: 22px;
  line-height: 28px;
}

/* ==========================================================================
   Individual Modifications
   ========================================================================== */
.box-manufaktur img {
  max-width: 280px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.logo-box {
  height: 470px;
  text-align: center;
  position: relative;
  margin: 0 auto;
  font-size: 14px;
}

.logo-box img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.logo-box .addr {
  position: absolute;
  top: 150px;
  width: 100%;
}

.logo-box .g-left, .logo-box .g-right {
  width: 50%;
  position: absolute;
  top: 350px;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
}

.logo-box .g-left {
  left: 0;
}

.logo-box .g-right {
  right: 0;
}

@media screen and (max-width: 575px) {
  .logo-box {
    background-image: url("../images/background/about-mobile.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    font-size: 13px;
    width: 270px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
  }
  .logo-box img {
    display: none;
  }
  .logo-box .addr {
    top: 160px;
  }
  .logo-box .addr .adress-title {
    font-size: 17px;
    margin-bottom: 5px;
  }
  .logo-box .g-left, .logo-box .g-right {
    top: 340px;
  }
}
.service-map {
  margin-top: -70px;
  margin-bottom: 60px;
}

.service-map::before, .service-map::after {
  content: "";
  display: table;
}

.service-map::after {
  clear: both;
}

.service-map {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.service-map img {
  height: 400px;
  width: auto;
  float: right;
}

@media screen and (max-width: 1024px) {
  .service-map {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .page-section.section_kundenservice > .row .col-remaining {
    display: none;
  }
}
.side-logo img {
  float: right;
}

@media screen and (max-width: 1024px) {
  .side-logo img {
    float: none;
    max-width: 100%;
  }
}
.mehrwerte-illustration {
  text-align: center;
  margin-top: 40px;
}

.mehrwerte-illustration img {
  max-width: 100%;
}

@media screen and (max-width: 575px) {
  .mehrwerte-illustration {
    margin-top: 0;
  }
}
.page-section.section_soziales-engagement > .row > .col-remaining {
  min-height: auto;
}

.page-section.section_qualitaetsmanagement .main-text {
  max-width: 400px;
}

.partner .image, .partner .info {
  width: 46%;
  margin: 0 2%;
  float: left;
}

.partner .image img {
  width: 100%;
  height: auto;
}

.partner .contact-person {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 1290px) {
  .partner .image, .partner .info {
    margin: 0 4%;
  }
  .partner .image {
    width: 32%;
  }
  .partner .info {
    width: 52%;
  }
}
@media screen and (max-width: 1024px) {
  .partner {
    margin-top: 40px;
  }
  .partner .image, .partner .info {
    width: 22%;
  }
  .partner .info {
    width: 62%;
  }
}
@media screen and (max-width: 767px) {
  .partner .info {
    margin-top: 20px;
  }
  .partner .image {
    float: none;
  }
}
.section_news .large-link-list {
  margin-top: 0;
}

.section_news .link-list-item:first-child {
  margin-top: 0;
  padding-top: 0;
}

.section_news .inner-headline {
  margin-bottom: 20px;
}

.section_news .teaser-news-image {
  max-width: 100%;
}

.section_news .teaser-news-content {
  margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
  .section_leistungsangebot .col-remaining {
    margin-top: 40px;
    padding-bottom: 0;
  }
}
.section_anspruch {
  background-position: 90% 0%;
}

@media screen and (max-width: 1290px) {
  .section_anforderungen {
    background-position: 30% 0%;
  }
  .section_beratung {
    background-position: 40% 0%;
  }
  .section_anspruch {
    background-position: 65% 0%;
  }
}
@media screen and (max-width: 575px) {
  .section-beratung .remaining-background {
    background-position: 20% 0%;
  }
}
@media screen and (min-width: 1025px) {
  .section_qualitaetsmanagement .linked-logos li {
    max-width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .section_geschichte {
    background-image: none !important;
  }
  .section_geschichte .main-text {
    max-width: 100% !important;
  }
  .section_geschichte h2 {
    max-width: 100% !important;
  }
  .main-text-transparent .main-text, .section_soziales-engagement .main-text {
    max-width: 100% !important;
  }
  .main-text-transparent .main-text h2, .section_soziales-engagement .main-text h2 {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 575px) {
  .p-konzepte .header-main {
    background-size: 600px;
    background-position: 100% 100%;
  }
  .img-on-white {
    background-image: none !important;
  }
  .img-on-white .main-text {
    max-width: 100% !important;
  }
  .img-on-white .main-text h2 {
    max-width: 100% !important;
  }
}
.section_ansprechpartner .partner {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.state-ipad-landscape .section_ansprechpartner .partner {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section_ansprechpartner .partner {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) and (max-width: 1024px) {
  .section_ansprechpartner .partner {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .section_ansprechpartner .partner .image {
    width: auto;
    max-width: 240px;
  }
}
/* Aktionswochen
   ========================================================================== */
body.aktionswochen.gewinnspiel {
  margin-top: 80px;
}

@media screen and (max-width: 575px) {
  body.aktionswochen.gewinnspiel {
    margin-top: 60px;
  }
}
body.aktionswochen.gewinnspiel main.content {
  background-position: 50% 0;
  padding-top: 38%;
}

body.aktionswochen {
  background: #cbac5e;
}

.page-section-download .main-text {
  padding-top: 0;
}

/* ==========================================================================
   To be ordered
   ========================================================================== */
.row-outer, .page-section > .row-outer {
  padding-bottom: 0;
}

.row-outer > .inner {
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  left: 8.3333333333%;
  right: auto;
}

.state-ipad-landscape .row-outer > .inner {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .row-outer > .inner {
    padding-top: 25px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 575px) {
  .row-outer > .inner {
    padding: 0 25px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) and (max-width: 575px) {
  .row-outer > .inner {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    left: 0%;
    right: auto;
  }
}
.sw-text-custom {
  margin-inline: 8rem;
  padding: 4rem 0 2rem 0;
}

@media screen and (max-width: 1319px) {
  .sw-text-custom {
    margin-inline: 2rem;
  }
}
/*# sourceMappingURL=main.css.map */

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