@charset "UTF-8";

/*
    $min-value  -  min font-size
    $max-value  -  max font-size
    
    $min-vw:    -  min screen size
    $max-vw     -  max screen size
*/

/***/

.top-links,
.social-links,
.social-links-red,
.main-inner .social-links,
.menu-group,
.menu-group ul,
.main-nav,
.header-logo-list,
.main-drop,
.sounds,
.accordion-main,
.acc-slide,
.arrow-list,
.accordion-secondary,
.accordion-secondary .acc-slide-box .slide-contact-list,
.quiz-result-lightbox .buttons-wrap,
.slick-dots,
.arrow-section .buttons-wrap,
.car-section .logo-list,
.main-inner .planet-section .cosmo-wrap .cosmo-list,
.main-inner .arrow-section .buttons-wrap,
.main-inner .car-section .logo-list,
.contact-list,
#footer .footer-logo-list,
#footer .footer-border-links,
#footer .bottom-links,
#footer .footer-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after,
dl:after,
[id="nav"]:after,
.container:after {
  content: '';
  display: block;
  clear: both;
}

.ellipsis {
  white-space: nowrap;
  /* 1 */
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden;
}

.df-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@font-face {
  font-family: "Anton";
  src: url("../fonts/Anton-Regular.eot");
  src: local("nothing"), url("../fonts/Anton-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Anton-Regular.woff") format("woff"), url("../fonts/Anton-Regular.woff2") format("woff2"), url("../fonts/Anton-Regular.ttf") format("truetype"), url("../fonts/Anton-Regular.svg#Anton-Regular") format("svg"), url("../fonts/Anton-Regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibre';
  src: url("../fonts/calibre-web-regular.woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibre';
  src: url("../fonts/calibre-web-bold.woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Calibre';
  src: url("../fonts/calibre-web-black.woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-double-arrow:before {
  content: "\e907";
}

.icon-arrow:before {
  content: "\e900";
}

.icon-arrow-right:before {
  content: "\e901";
}

.icon-facebook:before {
  content: "\e902";
}

.icon-instagram:before {
  content: "\e903";
}

.icon-play:before {
  content: "\e904";
}

.icon-youtube:before {
  content: "\e905";
}

html {
  box-sizing: border-box;
}

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

* {
  max-height: 1000000px;
  scroll-behavior: auto;
}

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

blockquote {
  border-left: 4px solid #ddd;
  padding-left: 10px;
  margin-left: 0;
}

table {
  border-collapse: collapse;
}

th,
td {
  border: 1px solid #ddd;
  padding: 3px;
  text-align: left;
  vertical-align: top;
}

th {
  text-align: center;
  vertical-align: middle;
}

ul,
ol {
  padding-left: 20px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  padding-left: 20px;
  margin: 0;
}

ul {
  list-style-type: disc;
}

dl dt {
  float: left;
  clear: left;
  padding-right: 0.3em;
  font-weight: bold;
}

dl dd {
  overflow: hidden;
}

pre {
  max-width: 100%;
  overflow: auto;
}

body {
  color: #262626;
  background: #fff;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.gm-style img {
  max-width: none;
}

.resize-active * {
  transition: none !important;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
input[type='url'],
input[type='number'],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding: 16px 20px;
  font-size: 22px;
  line-height: 24px;
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  box-sizing: border-box;
  border: 0 solid #262626;
  border-radius: 0;
  background-color: #FAF2C2;
}

input[type='text']:not(textarea),
input[type='tel']:not(textarea),
input[type='email']:not(textarea),
input[type='search']:not(textarea),
input[type='password']:not(textarea),
input[type='url']:not(textarea),
input[type='number']:not(textarea),
textarea:not(textarea) {
  height: 56px;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
input[type='url']:focus,
input[type='number']:focus,
textarea:focus {
  outline: none;
  border-color: #262626;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='url']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #262626;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='url']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #262626;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='url']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-placeholder {
  color: #262626;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='url']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #262626;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
input[type='url'].placeholder,
input[type='number'].placeholder,
textarea.placeholder {
  color: #262626;
}

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
  vertical-align: top;
  overflow: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  /* margin: 0 0 10px;*/
}

h1,
.h1,
h2,
.h2 {
  font-weight: 800;
  text-transform: uppercase;
}

h1,
.h1 {
  margin: 0 0 20px;
  line-height: 1.02;
  font-size: 35px;
}

h2,
.h2 {
  margin: 0 0 30px;
  line-height: 1;
  font-size: 32px;
}

h3,
.h3 {
  margin: 0 0 15px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
}

p {
  margin: 0 0 20px;
}

.small {
  font-size: 0.8em;
}

.text-xs {
  font-size: 14px;
  line-height: 1.35;
}

.text-md {
  font-size: 17px;
  line-height: 1.19;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.text-red {
  color: #E7392E;
}

.text-yellow {
  color: #FAF2C2 !important;
}

.text-normal {
  text-transform: none;
  font-weight: 400;
  margin-bottom: 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-sm {
  margin-bottom: 15px !important;
}

.mb-lg {
  margin-bottom: 100px !important;
}

.mb-m {
  margin-bottom: 25px;
}

a {
  color: #324D75;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #262626;
  text-decoration: none;
}

a[href*="mailto:"] {
  word-wrap: break-word;
}

.text-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

[id="header"] {
  position: fixed;
  left: 0;
  right: 0;
}

.header-holder {
  display: -ms-flexbox;
  display: flex;
}

.logo {
  width: 100px;
  min-width: 100px;
  margin-right: 20px;
}

[id="nav"] {
  -ms-flex-positive: 1;
      flex-grow: 1;
  position: relative;
}

.nav-drop {
  background-color: #FAF2C2;
  color: #262626;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9;
}

.nav-drop a {
  color: inherit;
}

.nav-opener {
  z-index: 999;
  background-color: #FAF2C2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 65px;
  height: 62px;
  top: 5px;
  left: 5px;
  position: fixed;
}

#header .nav-opener {
  position: absolute;
}

#main .nav-opener {
  position: fixed;
}

.burger {
  position: relative;
  font-size: 0;
  line-height: 0;
  float: left;
  width: 55px;
  height: 35px;
}

.burger:before,
.burger:after,
.burger span {
  transition: transform 0.5s ease-in-out;
  background: #262626;
  position: absolute;
  top: 17px;
  left: 15%;
  right: 15%;
  margin-top: -2px;
  height: 5px;
}

.burger:before,
.burger:after {
  content: '';
}

.burger:before {
  top: 7px;
}

.burger:after {
  top: 28px;
}

.burger:hover {
  opacity: 0.9;
}

.burger.active span {
  opacity: 0;
}

.burger.active:after,
.burger.active:before {
  transform: rotate(45deg);
  top: 16px;
  left: 15%;
  right: 15%;
}

.burger.active:after {
  transform: rotate(-45deg);
}

.resize-active .nav-drop,
.resize-active .nav-drop > ul {
  transition: none !important;
}

body {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
}

#fragen {
  padding: 80px 0;
}

#fragen .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

#fragen .left-side {
  padding: 20px;
}

#fragen .left-side p {
  width: 40%;
  margin-left: 40px;
}

#fragen .right-side {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: auto;
}

#fragen .right-side a {
  margin: 20px;
}

a[onclick="vgccm.open()"] {
  cursor: pointer;
  color: #E7392E;
}

.cc-window .cc-moreinfolink {
  color: #E7392E;
}

[id="wrapper"] {
  width: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column;
}

.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 30px;
}

.page-border {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border: 18px solid #FAF2C2;
  z-index: 1000;
}

.tape-wrap {
  margin-top: -40px;
  margin-bottom: -25px;
  position: relative;
  z-index: 99;
}

.tape-mask {
  overflow: hidden;
}

.tape-line {
  width: 99999px;
  float: left;
}

.tape {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  white-space: nowrap;
  line-height: 1;
  text-transform: uppercase;
  font-size: 60px;
}

.tape:after {
  content: '\a0';
}

.tape.tape-yellow {
  color: #FAF2C2;
}

.tape.tape-red {
  color: #9A2929;
}

.tape.tape-blue {
  color: #3A5A89;
}

.row.align-center {
  -ms-flex-align: center;
      align-items: center;
}

.top-links {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 4;
  display: -ms-flexbox;
  display: flex;
}

.top-links li:not(:last-of-type) {
  margin-right: 20px;
  margin-bottom: 3px;
}

.top-links li a {
  font-size: 15px;
  text-transform: none;
  font-weight: 600;
}

.title-wrap {
  max-width: 640px;
}

.title-wrap p b {
  text-transform: uppercase;
}

.video-holder {
  margin: 0 -25px 120px;
}

.video-holder .video {
  width: 100%;
  margin: 0;
  position: relative;
}

.video-holder .video video {
  height: auto;
  width: 100%;
}

.video-holder .video .mark {
  position: absolute;
  right: 45px;
  bottom: -20px;
}

.card-wrap {
  width: 100%;
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  padding: 70px 25px 92px;
  z-index: 1;
}

.card-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/gradient-2.svg);
  z-index: 1;
}

.card-wrap .bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.card-wrap .bg-img-wrap .bg-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-wrap .text-wrap {
  position: relative;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.card-wrap .text-wrap h2 {
  max-width: 250px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #FAF2C2;
}

.card-wrap .text-wrap .btn-wrapper {
  padding-top: 20px;
}

.social-links,
.social-links-red {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.social-links li:not(:last-of-type),
.social-links-red li:not(:last-of-type) {
  margin-right: 10px;
}

.social-links li a,
.social-links-red li a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: #262626;
  transition: all .2s;
}

.social-links li a:hover,
.social-links-red li a:hover {
  color: #3A5A89 !important;
}

.social-links li .icon,
.social-links-red li .icon {
  text-align: center;
  margin-right: 20px;
}

.social-links li .icon.icon-instagram,
.social-links-red li .icon.icon-instagram {
  font-size: 22px;
}

.social-links li .icon.icon-youtube,
.social-links-red li .icon.icon-youtube {
  font-size: 20px;
}

.social-links li .icon.icon-facebook,
.social-links-red li .icon.icon-facebook {
  font-size: 22px;
}

.social-links li .text,
.social-links-red li .text {
  display: none;
}

.social-links-red {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 45px;
}

.social-links-red div {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-align: center;
      align-items: center;
  transition: background-color 0.1s ease, outline-color 0.1s ease;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #E7392E;
  font-size: 17px;
  padding: 12px 23px;
  outline: 5px solid rgba(154, 41, 41, 0);
}

.social-links-red div:hover {
  background-color: #9A2929;
}

.social-links-red div:focus {
  color: #fff;
  outline-color: rgba(154, 41, 41, 0.5);
}

.social-links-red div li {
  margin: 0 20px !important;
}

.social-links-red div li a {
  color: #ffffff !important;
}

.social-links-red div li .icon {
  margin-right: 0;
}

.testimonials-wrap {
  max-width: 820px;
  min-width: 50%;
}

.testimonials-wrap .img-wrap {
  position: relative;
  margin-left: -25px;
  margin-right: -25px;
}

.testimonials-wrap .img-wrap:before {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/yellow-gradient.svg);
}

.testimonials-wrap .img-wrap img {
  position: relative;
  z-index: 1;
}

.testimonials-wrap .img-wrap .buttons-play-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  z-index: 2;
}

.testimonials-wrap .yt-wrap {
  text-align: center;
  width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.testimonials-wrap .yt-wrap p {
  margin-bottom: 0;
}

.testimonials-wrap .description-wrap {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 25px;
  margin-left: -25px;
  margin-right: -25px;
}

.testimonials-wrap .description-wrap .item {
  max-width: 200px;
  margin: 0 5px;
}

.testimonials-wrap .description-wrap .item p {
  line-height: 1.2;
}

.in-viewport .anim-bottom-top {
  animation: bottom-top 3s both ease-in-out;
}

.in-viewport .anim-top-bottom {
  animation: top-bottom 3s both ease-in-out;
}

.slide-down {
  cursor: pointer;
  display: inline-block;
  animation: top-bottom-arrow 2.5s ease-in-out infinite;
}

@keyframes bottom-top {
  0% {
    transform: translateY(0px);
  }

  40% {
    transform: translateY(30px);
  }

  60% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes top-bottom {
  0% {
    transform: translateY(0px);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fade-move-down {
  0% {
    transform: translate(0, 0);
    opacity: 1;
    color: #f1f1f1;
  }

  50% {
    opacity: 1;
    color: #fff;
  }

  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}

@keyframes left-right-arrow {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(30px);
  }

  60% {
    transform: translateX(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-2 {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(80px);
  }

  60% {
    transform: translateX(80px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-2-t {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(50px);
  }

  60% {
    transform: translateX(50px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-min {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(20px);
  }

  60% {
    transform: translateX(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-min-m {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(10px);
  }

  60% {
    transform: translateX(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes top-bottom-arrow {
  0% {
    transform: translateY(-7px);
  }

  25% {
    transform: translateY(-7px);
  }

  50% {
    transform: translateY(7px);
  }

  100% {
    transform: translateY(-7px);
  }
}

@keyframes fromTopSm {
  0% {
    transform: translateY(-50px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fromBottomSm {
  0% {
    transform: translateY(50px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fromTop {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fromBottom {
  0% {
    transform: translateY(100px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fromBottomFade {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.timetable-section {
  background-size: cover;
  background-position: 0 0;
  padding: 50px 0;
}

.timetable-section.blue {
  background-image: url(../images/optimized/blue-bg.jpg);
}

.timetable-section.green {
  background-image: url(../images/optimized/green-bg.jpg);
}

.timetable-section.brown {
  background-image: url(../images/optimized/brown-bg.jpg);
}

.timetable-section .info-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 50px 15px;
}

.timetable-section .info-box .text-box {
  color: #fff;
  width: 100%;
}

.timetable-section .info-box .text-box h2 {
  max-width: 650px;
}

.timetable-section .info-box .text-box ol {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 800;
  max-width: 290px;
  margin: 0 auto 190px;
  padding: 0;
  padding-left: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.timetable-section .info-box .text-box ol li {
  width: 100%;
  font-size: 17px;
  margin-bottom: 35px;
  margin-left: 8px;
  padding-left: 20px;
}

.timetable-section .info-box .text-box ol li::marker {
  font-size: 27px;
}

.timetable-section .info-box .text-box ol li:last-child {
  margin-bottom: 0;
}

.timetable-section .info-box .text-box ol span {
  font-size: 17px;
}

.timetable-section .info-box .img-box {
  position: relative;
  opacity: 0;
  transition: all 2s ease;
}

.timetable-section .info-box .img-box .decor-box {
  position: absolute;
  width: 81px;
  height: 81px;
  left: -13px;
  top: -40px;
}

.timetable-section .info-box .img-box .decor-box img {
  width: 100%;
}

.timetable-section .info-box.in-viewport .img-box {
  animation: fade 2s ease;
  opacity: 1;
}

.arrow-section,
.overview-section {
  background-color: #262626;
}

.range-slider-img-wrap {
  position: relative;
  display: block;
}

.range-slider-img-wrap .mark {
  position: absolute;
  right: 35px;
  bottom: -38px;
  z-index: 22;
}

.main-inner body {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
}

.main-inner [id="wrapper"] {
  width: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column;
}

.main-inner .title-wrap {
  max-width: 640px;
}

.main-inner .title-wrap p b {
  text-transform: uppercase;
}

.main-inner .video-container {
  margin-left: auto;
  margin-right: auto;
}

.main-inner .video-container .text-wrap {
  text-align: center;
  padding: 0 25px;
  position: relative;
  z-index: 2;
}

.main-inner .video-container .text-wrap .text-wrap-body {
  line-height: 1.2;
  font-size: 17px;
  margin-bottom: 30px;
}

.main-inner .video-container .video-wrap {
  position: relative;
  margin-bottom: 50px;
  padding-top: 80%;
  cursor: pointer;
  display: block;
}

.main-inner .video-container .video-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: radial-gradient(ellipse at center, rgba(252, 252, 252, 0) -60%, #262626 100%);
}

.main-inner .video-container .video-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.main-inner .video-container .video-wrap .play-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 80px;
  height: 80px;
}

.main-inner .video-container .video-wrap .play-btn .icon-play {
  position: relative;
  font-size: 70px;
  color: #FAF2C2;
}

.main-inner .video-container .video-wrap .play-btn .icon-play:before,
.main-inner .video-container .video-wrap .play-btn .icon-play:after {
  position: absolute;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.main-inner .video-container .video-wrap .play-btn .icon-play:before {
  opacity: 1;
  visibility: visible;
}

.main-inner .video-container .video-wrap .play-btn .icon-play:after {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  content: attr(data-text);
  font-size: 72px;
  text-transform: uppercase;
  color: #FAF2C2;
  letter-spacing: 3px;
  opacity: 0;
  visibility: hidden;
}

.main-inner .video-container .video-wrap .mark {
  position: absolute;
  z-index: 3;
  bottom: -20px;
  right: 25px;
}

.main-inner .card-wrap {
  width: 100%;
  max-width: 1364px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  padding: 70px 25px 92px;
  z-index: 1;
}

.main-inner .card-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/gradient-2.svg);
  z-index: 1;
}

.main-inner .card-wrap .bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-inner .card-wrap .bg-img-wrap .bg-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.main-inner .card-wrap .text-wrap {
  position: relative;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.main-inner .card-wrap .text-wrap h2 {
  max-width: 250px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #FAF2C2;
}

.main-inner .card-wrap .text-wrap .btn-wrapper {
  padding-top: 20px;
}

.main-inner .social-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-inner .social-links li:not(:last-of-type) {
  margin-right: 10px;
}

.main-inner .social-links li a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: #262626;
}

.main-inner .social-links li .icon {
  text-align: center;
  margin-right: 20px;
}

.main-inner .social-links li .icon.icon-instagram {
  font-size: 22px;
}

.main-inner .social-links li .icon.icon-youtube {
  font-size: 20px;
}

.main-inner .social-links li .icon.icon-facebook {
  font-size: 22px;
}

.main-inner .social-links li .text {
  display: none;
}

.main-inner .testimonials-wrap {
  max-width: 820px;
  min-width: 50%;
}

.main-inner .testimonials-wrap .img-wrap {
  position: relative;
  margin-left: -25px;
  margin-right: -25px;
}

.main-inner .testimonials-wrap .img-wrap:before {
  content: '';
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../images/yellow-gradient.svg);
}

.main-inner .testimonials-wrap .img-wrap img {
  position: relative;
  z-index: 1;
}

.main-inner .testimonials-wrap .img-wrap .buttons-play-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  z-index: 2;
}

.main-inner .testimonials-wrap .description-wrap {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 25px;
  margin-left: 0px;
  margin-right: 0px;
}

.main-inner .testimonials-wrap .description-wrap .item {
  max-width: 200px;
  margin: 0 5px;
}

.in-viewport .main-inner .anim-bottom-top {
  animation: bottom-top 3s both ease-in-out;
}

.in-viewport .main-inner .anim-top-bottom {
  animation: top-bottom 3s both ease-in-out;
}

.main-inner .slide-down {
  cursor: pointer;
  display: inline-block;
  animation: top-bottom-arrow 2.5s ease-in-out infinite;
}

@keyframes bottom-top {
  0% {
    transform: translateY(0px);
  }

  40% {
    transform: translateY(30px);
  }

  60% {
    transform: translateY(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes top-bottom {
  0% {
    transform: translateY(0px);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes fade-move-down {
  0% {
    transform: translate(0, 0);
    opacity: 1;
    color: #F1F1F1;
  }

  50% {
    opacity: 1;
    color: #fff;
  }

  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}

@keyframes left-right-arrow {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(30px);
  }

  60% {
    transform: translateX(30px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-2 {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(80px);
  }

  60% {
    transform: translateX(80px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-2-t {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(50px);
  }

  60% {
    transform: translateX(50px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-min {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(20px);
  }

  60% {
    transform: translateX(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes left-right-arrow-min-m {
  0% {
    transform: translateX(0px);
  }

  40% {
    transform: translateX(10px);
  }

  60% {
    transform: translateX(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes top-bottom-arrow {
  0% {
    transform: translateY(-7px);
  }

  25% {
    transform: translateY(-7px);
  }

  50% {
    transform: translateY(7px);
  }

  100% {
    transform: translateY(-7px);
  }
}

main.impressum h2,
main.impressum h3,
main.impressum h4,
main.datenschutz h2,
main.datenschutz h3,
main.datenschutz h4 {
  margin: 0 0 0.5em;
}

main.impressum p,
main.datenschutz p {
  margin: 0 0 1em 0;
}

main.impressum .container,
main.datenschutz .container {
  padding: 0 7.25vw;
}

main.impressum .back2front,
main.datenschutz .back2front {
  margin-bottom: 35px;
}

main.impressum .text-wrap-body,
main.datenschutz .text-wrap-body {
  margin-bottom: 35px;
}

.loader-overlay {
  opacity: 1;
  visibility: visible;
  background: #E7392E;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.loaded .loader-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s 3s, visibility 0.3s 3s;
  pointer-events: none;
}

.loader-overlay .loader-wrap {
  margin: 0 -25px;
  transform: scale(0.44);
}

.load-roof-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  visibility: hidden;
}

.dom-ready .load-roof-wrap {
  visibility: visible;
}

.roof-anim {
  display: block;
  position: relative;
  top: -19px;
}

.load-text-wrap {
  visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  visibility: hidden;
}

.dom-ready .load-text-wrap {
  visibility: visible;
}

.load-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
}

.load-text svg {
  display: block;
  margin: 0 auto;
  transform: translateX(0%);
}

.dom-ready .load-text svg:nth-child(n) {
  animation: from-right 0.5s both ease-out;
}

.dom-ready .load-text svg:nth-child(2n) {
  animation: from-left 0.5s both ease-out;
}

.dom-ready .anim-line {
  animation: line 3s infinite ease-in;
}

@keyframes from-right {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0%);
  }
}

@keyframes from-left {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0%);
  }
}

@keyframes line {
  0% {
    stroke-dashoffset: 450;
  }

  40% {
    stroke-dashoffset: 869.712;
  }

  80%, 100% {
    stroke-dashoffset: 1319.712;
  }
}

.btn {
  background: #262626;
  color: #fff;
  border: #262626;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-family: "Calibre";
  font-weight: 700;
  cursor: pointer;
}

.btn:hover {
  background: #0d0d0d;
  color: #fff;
  border: #0d0d0d;
}

.btn-red,
.btn-red-main {
  transition: background-color 0.1s ease, outline-color 0.1s ease;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #E7392E;
  font-size: 17px;
  padding: 12px 23px;
  outline: 5px solid rgba(154, 41, 41, 0);
  margin: 20px 0;
}

.btn-red:hover,
.btn-red-main:hover {
  background-color: #9A2929;
}

.btn-red:focus,
.btn-red-main:focus {
  color: #fff;
  outline-color: rgba(154, 41, 41, 0.5);
}

/*

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

	@media screen and (min-width: 320px) {
		.btn.btn-red {
			line-height: 1;
			padding: 15px 23px 8px;
		}
	}
	@media screen and (min-width: 768px) {
		.btn.btn-red {
			line-height: 1;
			padding: 28px 70px 16px;
		}
	}

}}
*/

.btn-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.btn-wrap .btn {
  margin: 0 0 10px;
  max-width: 50%;
}

.btn-wrap .btn + .btn {
  margin-left: 20px;
}

.link {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 25px;
  position: relative;
  overflow: hidden;
}

.link:hover:before {
  bottom: 0;
}

.link:before {
  transition: bottom 0.1s ease-out;
}

.link.link-white {
  color: #fff;
}

.link.link-white:before {
  background-color: #fff;
}

.link.link-black {
  color: #262626;
}

.link.link-black:before {
  background-color: #262626;
}

.link.link-blue {
  color: #3A5A89;
}

.link.link-blue:before {
  background-color: #3A5A89;
}

.link.link-xs {
  text-transform: none;
  font-weight: 400;
  display: inline;
  text-decoration: underline;
}

.mark {
  display: inline-block;
  padding: 10px 26px;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.5;
  text-transform: uppercase;
  background-color: #324D75;
  color: #FAF2C2;
  font-size: 20px;
}

.buttons-play-wrap {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
}

.buttons-play-wrap .button-play {
  margin: 0 3px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
}

.buttons-play-wrap .button-play:hover {
  z-index: 1;
}

.buttons-play-wrap .button-play:hover:before {
  top: 2px;
  right: -10px;
  background-color: #E7392E;
}

.buttons-play-wrap .button-play:hover .play-icon:before {
  color: #E7392E;
}

.buttons-play-wrap .button-play:hover .text {
  transform: translateX(10px);
}

.buttons-play-wrap .button-play:before {
  transition: background-color 0.1s ease, top 0.1s ease, right 0.1s ease;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9A2929;
  z-index: -1;
}

.buttons-play-wrap .button-play:first-of-type {
  left: 40px;
  top: 10px;
  transform: rotate(-2deg);
}

.buttons-play-wrap .button-play:nth-of-type(2) {
  top: -40px;
}

.buttons-play-wrap .button-play:last-of-type {
  transform: rotate(2deg);
  top: 10px;
  left: -40px;
}

.buttons-play-wrap .text {
  transition: transform 0.1s ease;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #FAF2C2;
  font-size: 18px;
  margin-left: 10px;
  transform: translateX(0);
}

.buttons-play-wrap .play-icon {
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #FAF2C2;
  width: 20px;
  height: 20px;
}

.buttons-play-wrap .play-icon:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.1s ease;
  position: relative;
  left: 3px;
  content: "\e904";
  color: #9A2929;
  font-size: 10px;
}

.career p .link.link-black {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.main-nav-holder {
  overflow: auto;
  height: 100vh;
  padding-top: 100px;
}

.main-nav-holder .container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 110px;
}

.main-nav,
.main-drop {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  padding-right: 80px;
}

.main-nav li,
.main-drop li {
  display: inherit;
}

.main-nav li:not(:last-of-type),
.main-drop li:not(:last-of-type) {
  margin-bottom: 19px;
}

.main-nav li a,
.main-drop li a {
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-size: 20px;
}

.main-nav li > a,
.main-drop li > a {
  transition: color 0.1s ease;
}

.main-nav li > a:hover,
.main-drop li > a:hover {
  color: #E7392E;
}

.main-nav li > a:hover:after,
.main-drop li > a:hover:after {
  right: 20px;
}

.js-main-nav-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.js-main-nav-wrap {
  margin-bottom: 25px;
}

.main-nav {
  position: relative;
}

.main-nav .has-drop > a {
  position: relative;
  display: inline-block;
}

.main-nav .has-drop > a:after {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 1px;
  right: 0;
  display: inline-block;
  content: "\e901";
  padding-left: 21px;
  font-size: 18px;
  transition: right 0.2s ease;
}

.main-drop {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  display: none;
  background-color: #FAF2C2;
}

.active-item .main-drop {
  display: block;
}

.main-drop .btn-back {
  margin-bottom: 30px;
}

.main-drop .btn-back a {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
}

.main-drop .btn-back a:hover {
  transition: color 0.2s ease, right 0.2s ease;
  color: #E7392E;
}

.main-drop .btn-back a:hover:before {
  right: -10px;
}

.main-drop .btn-back a:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: right 0.1s ease;
  content: "\e901";
  transform: scale(-1, 1);
  display: inline-block;
  position: relative;
  top: 1px;
  right: 0;
  font-size: 16px;
  padding-left: 15px;
}

.header-logo-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  position: absolute;
  bottom: 117px;
  right: 25px;
}

.header-logo-list li {
  width: 32px;
  margin-left: 18px;
}

.header-logo-list a {
  display: inline-block;
}

.menu-group {
  transition: opacity 0.1s linear, visibility 0.1s linear;
  padding-top: 20px;
  width: 100%;
  margin-bottom: -35px;
  visibility: visible;
}

.menu-group > li > ul {
  margin-bottom: 35px;
  padding-right: 90px;
}

.menu-group .menu-custom li:not(:last-of-type) {
  margin-bottom: 6px;
}

.menu-group .menu-links li:not(:last-of-type) {
  margin-bottom: 3px;
}

.menu-group .menu-links li a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.8;
  text-transform: uppercase;
  color: #262626;
}

.menu-group .menu-links li a:before {
  transition: bottom 0.1s ease;
}

.menu-group .menu-links li a:hover:before {
  bottom: 0;
}

.menu-group .menu-bottom li:not(:last-of-type) {
  margin-bottom: 12px;
}

.card-service {
  width: 260px;
}

.card-service .img-wrap {
  position: relative;
  height: 206px;
  width: 260px;
}

.card-service .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  object-fit: cover;
}

.card-service .text-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 20px;
}

.card-service .text-wrap h4 {
  margin: -24px auto 16px;
  padding: 10px 26px;
  display: inline-block;
  position: relative;
  z-index: 1;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  color: #FAF2C2;
  background-color: #324D75;
}

.card-service .text-wrap p {
  line-height: 22px;
}

.card-service .text-wrap p b {
  text-transform: uppercase;
}

.card-service-alt {
  width: 260px;
}

.card-service-alt .img-wrap {
  margin-bottom: 16px;
}

.card-service-alt .img-wrap img {
  aspect-ratio: 1080/720;
}

.card-secondary {
  padding: 10px 8px;
  text-align: center;
  width: 50%;
}

.card-secondary .img-wrap {
  margin-bottom: 20px;
}

.card-secondary .img-wrap picture,
.card-secondary .img-wrap picture img {
  max-height: 197px;
  object-fit: contain;
}

.card-secondary .text-box {
  padding: 0 10px;
  margin-bottom: 0 !important;
}

.card-secondary .text-box h4 {
  margin: 0 0 10px;
  line-height: 1;
  font-weight: 600 !important;
}

.card-secondary .text-box input {
  width: 100px;
}

.card-secondary .text-box p {
  line-height: 1.2;
  margin: 0;
}

.card-secondary .text-box p:last-child {
  margin: 0;
}

.card-secondary .shop-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 10px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  row-gap: 10px;
  column-gap: 16px;
}

.card-secondary .shop-input p.shop-text {
  height: auto;
  margin: 0 !important;
  font-size: 14px;
  text-align: center;
}

.sounds {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -25px;
  margin-left: -25px;
}

.sounds li {
  padding: 0 8px;
  max-width: 33%;
  margin-bottom: 30px;
}

.sounds li:first-of-type .toggle-sound img.active {
  transform: scale(1.17);
  transform-origin: 50% 100%;
}

.sounds li:nth-of-type(5) .toggle-sound img {
  transform-origin: 50% 100%;
}

.toggle-sound {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  height: 100%;
}

.toggle-sound:hover {
  background: none;
}

.toggle-sound img {
  object-fit: contain;
  height: 100%;
  max-height: 170px;
}

.playing .toggle-sound .default {
  animation: change-image-default 1s infinite linear;
}

.toggle-sound .active {
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
}

.playing .toggle-sound .active {
  animation: change-image-active 1s infinite linear;
}

.toggle-sound:hover .default {
  visibility: hidden;
}

.toggle-sound:hover .active {
  visibility: visible;
}

@keyframes change-image-default {
  from {
    visibility: hidden;
  }

  50% {
    visibility: hidden;
  }

  to {
    visibility: visible;
  }
}

@keyframes change-image-active {
  from {
    visibility: visible;
  }

  50% {
    visibility: hidden;
  }

  to {
    visibility: hidden;
  }
}

.js-range-slides {
  max-width: 812px;
  text-align: center;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  color: #FAF2C2;
}

.js-range-slides .slide {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.3s, transform 0.3s;
  color: #324D75;
}

.js-range-slides .slide.active {
  opacity: 1;
  transform: translateX(0%);
}

.js-range-slides .slide.active ~ .slide {
  transform: translateX(100%);
}

.js-range-slides .slide.active .jcf-range-mark {
  color: #000;
}

.js-range-slideset {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

.yellow-section .js-range-slideset .slide {
  color: #324D75;
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  margin: 0 -100% 0 0;
  font-size: 66px;
}

.js-range-slideset .slide {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  margin: 0 -100% 0 0;
  font-size: 66px;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.js-range-slideset .slide span {
  font-weight: 400;
  text-align: center;
  font-size: 17px;
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  max-width: 220px;
}

.js-range-slider {
  background: #324D75;
  display: block;
  margin: 13px auto;
  max-width: 428px;
  font-size: 36px;
  height: 56px;
}

.js-range-slider .jcf-range-handle:after {
  animation: left-right-arrow-min-m 2s ease-in-out infinite;
}

.js-range-slider .jcf-range-handle:after {
  transition: color 0.2s ease-in-out, left 0.2s ease-in-out;
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e907";
  position: absolute;
  width: 100%;
  left: 0;
  color: #ECA637;
  bottom: -30px;
  font-size: 18px;
}

.interected .js-range-slider .jcf-range-handle:after {
  display: none;
}

.js-range-slider .jcf-range {
  display: block;
  margin: 0 25px;
}

.js-range-slider .jcf-range-track {
  position: relative;
  display: block;
  height: 100%;
  margin: 0 70px 0 0;
}

.js-range-slider .jcf-range-wrapper {
  background: #324D75;
  display: block;
  margin: 13px 0 25px;
  height: 56px;
}

.js-range-slider .jcf-range-handle {
  position: absolute;
  background: #e7392e;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 70px;
  height: 70px;
  margin: -7px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.js-range-slider .jcf-range-handle:before {
  content: "";
  position: absolute;
  left: 100%;
  display: block;
  width: 5px;
  height: 56px;
  background-color: #283e5e;
}

.jcf-focus .js-range-slider .jcf-range-handle {
  outline: 1px solid #fff;
}

.js-range-slider .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  z-index: 2;
  width: 70px;
  height: 50px;
  top: 6px;
  color: #faf3c8;
}

.js-range-slider .jcf-range-mark:after {
  content: ".";
}

.range-section {
  padding-right: 25px;
  padding-left: 25px;
}

.range-section .img-slider {
  max-width: 770px;
  position: relative;
}

.range-section .img-slider .slick-arrow {
  position: absolute;
  opacity: 0;
  width: 50%;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 22222;
}

.range-section .img-slider .slick-arrow.slick-prev {
  left: 0;
  cursor: url(../images/arrow-left.png), auto;
}

.range-section .img-slider .slick-arrow.slick-next {
  right: 0;
  cursor: url(../images/arrow-right.png), auto;
}

.range-section .img-slider img {
  width: 100%;
}

.range-wrap h2 {
  padding: 0 25px;
}

.parallax-section {
  z-index: 0;
  position: relative;
  background: linear-gradient(90deg, #262626 0%, #262626 100%, black 100%);
  padding: 200px 0 0;
}

.parallax-section .decor-img {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/bg-symbol.png);
  background-position: 50% 50%;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 80%;
}

.parallax-section + .tape-wrap {
  margin-top: -40px;
  margin-bottom: -100px;
}

.parallax-holder {
  position: relative;
  margin-bottom: 300vh;
  z-index: 2;
}

.parallax-holder .elems-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.parallax-holder .elems-row .elems-item {
  width: 100%;
  margin-bottom: 50px;
}

.parallax-holder .elems-row .elems-item img {
  max-width: 100%;
  width: auto;
}

.parallax-holder .elems-row .elem-holder {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 150px;
}

.parallax-holder .elems-row .elem-holder .p-elem {
  position: absolute;
  box-shadow: 1px 0px 16px 10px rgba(0, 0, 0, 0.33);
}

.parallax-holder .elems-row .elem-holder .p-elem.center {
  left: 50px;
}

.parallax-holder .elems-row .elem-holder .p-elem.upper {
  z-index: 1;
}

.parallax-holder .elems-row .elem-holder .p-elem.under {
  z-index: 2;
}

.parallax-holder .elems-row .elem-holder .p-elem img {
  width: 100%;
}

.fixed-box-holder {
  position: relative;
  height: 100vh;
}

.fixed-box-holder .fixed-box {
  width: 100vw;
  height: 100vh;
  z-index: 4444;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  padding: 12% 0 0;
}

.fixed-box-holder .fixed-box .slide-to {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.fixed-box-holder .fixed-box .slide-to span {
  color: #fff;
}

.fixed-box-holder .fixed-box .slide-to .slide-down {
  top: 10px;
}

.fixed-box-holder .fixed-box .text-holder {
  padding: 0 0 20px;
  width: 100%;
}

.fixed-box-holder .fixed-box .text-holder .container {
  max-width: 1080px;
}

.fixed-box-holder .fixed-box .img-wrap {
  margin: 0 auto 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  max-width: 600px;
}

.fixed-box-holder .fixed-box .img-wrap .img-box {
  text-align: center;
  margin-bottom: 20px;
}

.fixed-box-holder .fixed-box .img-wrap .mark {
  position: absolute;
  top: calc(100% - 38px);
  right: 20px;
}

#fixedTitle {
  width: 100%;
}

.info-animate-row {
  padding: 100px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.info-animate-row.large-img {
  position: relative;
  margin: 0 auto 120px;
}

.info-animate-row.large-img .img-wrap {
  width: 100%;
  opacity: 0;
  transition: opacity 2s ease;
}

.info-animate-row.large-img .text-box {
  position: absolute;
  bottom: 10px;
  max-width: 500px;
  padding: 20px;
  right: 0;
  color: #fff;
}

.info-animate-row.large-img .text-box h3 {
  padding-right: 0;
}

.info-animate-row.reverse .text-wrap {
  transform: translateX(-10px);
  margin-left: auto;
}

.info-animate-row .img-wrap {
  position: relative;
}

.info-animate-row .img-wrap .img-box picture {
  width: auto;
}

.info-animate-row .img-wrap .img-box.top {
  bottom: 100%;
  top: auto;
}

.info-animate-row .img-wrap .img-box.bottom {
  margin-top: -50px;
}

.info-animate-row .img-wrap .img-box.left {
  left: 0;
}

.info-animate-row .text-wrap {
  color: #fff;
}

.info-animate-row .text-wrap h3 {
  font-size: 25px;
}

.info-animate-row .video-holder {
  margin: 0 -25px 250px;
}

.in-viewport .img-wrap .img-box.bottom {
  animation: fromBottom 2s ease forwards;
}

.in-viewport.large-img .img-wrap {
  opacity: 1;
}

.in-viewport.large-img .img-wrap img {
  width: 100%;
}

.alert-holder {
  padding: 16px 18px;
  background-color: #FAF2C2;
  line-height: 1.5;
  color: #262626;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  position: relative;
}

.dark-yellow-section .alert-holder {
  background-color: #FCFFE9;
}

.alert-holder h2 {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  color: #ECA637;
  margin-bottom: 30px;
}

.alert-holder p {
  margin: 0;
}

.alert-holder img {
  position: absolute;
  top: -18px;
  right: 8px;
  max-width: 80px;
  width: 24%;
}

.alert-secondary {
  max-width: 812px;
  padding: 16px 18px !important;
}

.alert-secondary h2 {
  line-height: 1.2;
  max-width: 81%;
}

.alert-secondary .arrow-list {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 700;
  color: #262626;
  padding: 50px 0 0;
  margin-bottom: 0;
  padding: 0;
}

.alert-secondary .arrow-list-alt {
  margin-bottom: 0 !important;
}

.alert-secondary .arrow-list li {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
}

.alert-secondary .arrow-list li:last-child {
  padding-bottom: 0;
}

.alert-secondary .arrow-list li .icon-holder img {
  max-width: 24px;
  width: 100%;
  top: auto;
  right: auto;
}

.info-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 1;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.dark-yellow-section .info-block .text-wrap {
  background-color: #FCFFE9;
}

.info-block .img-wrap {
  max-width: 100%;
}

.info-block .text-wrap {
  max-width: calc(100% - 50px);
  margin-top: -48px;
  padding: 10px 14px;
  background-color: #FAF2C2;
  font-size: 1.0625rem;
}

.accordion-main {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.accordion-main li {
  margin-bottom: 10px;
}

.accordion-main li:last-child {
  margin-bottom: 0;
}

.accordion-main li.active .acc-opener .icon-holder {
  transform: rotate(45deg);
}

.accordion-main ul.list-no-margin li {
  margin-bottom: 0 !important;
}

.acc-opener {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  color: #262626;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 100%;
  padding: 0 0 14px 38px;
  margin: 0 0 15px;
  position: relative;
}

.acc-opener::before {
  content: '';
  position: absolute;
  width: calc(100% - 58px);
  height: 6px;
  background-color: #FAF2C2;
  top: 27px;
  left: 58px;
  right: 0;
  transition: all .2s;
  display: none;
  z-index: 0;
}

.dark-yellow-section .acc-opener::before {
  background-color: #FCFFE9;
}

.acc-opener span {
  background-color: #FCFFE9;
  position: relative;
  z-index: 1;
}

.dark-yellow-section .acc-opener span {
  background-color: #FAF2C2;
}

.acc-opener .icon-holder {
  position: absolute;
  left: 0;
  top: 6px;
  width: 24px;
  min-height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all .2s;
}

.acc-slide {
  max-width: 1088px;
  margin: 0 auto;
}

.acc-slide-box {
  padding: 0px 0 40px;
  text-align: left;
}

.acc-slide-box .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}

.acc-slide-box .row.align-center {
  -ms-flex-align: center;
      align-items: center;
}

.acc-slide-box .row .text-box .arrow-list {
  margin-bottom: 0;
}

.acc-slide-box .row .social-links li {
  text-align: left;
}

.acc-slide-box p {
  margin: 0 0 30px;
}

.acc-slide-box p a {
  color: #262626;
  text-decoration: underline;
}

.acc-slide-box h3 {
  margin: 0 0 20px;
}

.acc-slide-box .arrow-list li {
  margin-bottom: 0;
}

.acc-slide-box .alert-holder {
  margin-top: 60px;
  margin-bottom: 60px;
}

.acc-slide-box .alert-holder:last-child {
  margin-bottom: 20px;
}

.acc-slide-box .alert-holder p {
  margin: 0 0 20px;
}

.acc-slide-box .alert-holder p:last-child {
  margin-bottom: 0;
}

.acc-slide-box img {
  margin-bottom: 50px;
}

.acc-slide-box img.mb-m {
  margin-bottom: 25px;
}

.acc-slide-box .list-desc {
  font-size: 16px;
  line-height: 1.2;
}

.acc-slide-box .link {
  margin-bottom: 100px;
}

.acc-slide-box .link:last-child {
  margin: 0;
}

.arrow-list li {
  padding: 0 0 5px 28px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  position: relative;
}

.arrow-list li .icon-holder {
  position: absolute;
  left: 0;
  top: 9px;
  width: 19px;
  min-height: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.arrow-list-alt li {
  text-transform: none;
  font-weight: 400;
}

.arrow-list-alt li a {
  color: #262626;
  text-decoration: underline;
}

.arrow-list.arrow-list-normal li {
  padding: 0 0 10px 51px;
}

.accordion-secondary li {
  position: relative;
}

.accordion-secondary li::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #FAF2C2;
}

.accordion-secondary li.active .acc-opener .icon-holder {
  transform: rotate(45deg);
}

.accordion-secondary .acc-opener {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  padding: 15px 0 0 31px;
  margin: 0 0 15px;
  position: relative;
  text-align: left;
}

.accordion-secondary .acc-opener::before,
.accordion-secondary .acc-opener::after {
  display: none;
}

.accordion-secondary .acc-opener .icon-holder {
  top: 18px;
  max-width: 20px;
}

.accordion-secondary .acc-slide {
  padding-left: 31px;
}

.accordion-secondary .acc-slide li::after {
  display: none;
}

.accordion-secondary .acc-slide-box {
  padding: 0;
  padding-bottom: 20px;
  line-height: 1.5;
}

.accordion-secondary .acc-slide-box p {
  margin: 0 0 35px;
}

.accordion-secondary .acc-slide-box p:last-child(1) {
  margin: 0;
}

.accordion-secondary .acc-slide-box .arrow-list {
  margin-bottom: 30px;
}

.accordion-secondary .acc-slide-box .arrow-list:last-child {
  margin-bottom: 0;
}

.accordion-secondary .acc-slide-box .slide-contact-list {
  font-weight: 400;
  text-transform: none;
}

.accordion-secondary .acc-slide-box .slide-contact-list li {
  padding: 0;
  font-weight: 400;
  text-transform: none;
}

.accordion-secondary .acc-slide-box .slide-contact-list li a,
.accordion-secondary .acc-slide-box .slide-contact-list li p {
  color: #262626;
}

.accordion-secondary .acc-slide-box .slide-contact-list li a {
  transition: all .2s;
}

.accordion-secondary .acc-slide-box .slide-contact-list li a:hover {
  color: #3A5A89;
}

.accordion-secondary .list-title {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
}

.accordion-secondary .arrow-list li,
.accordion-secondary .arrow-list-alt li {
  font-weight: 400;
  text-transform: none;
}

.accordion-secondary .arrow-list li .icon-holder,
.accordion-secondary .arrow-list-alt li .icon-holder {
  top: 2px;
}

.accordion-secondary .arrow-list-alt li {
  padding: 0 0 10px 51px;
}

.map-section {
  padding-top: 100px;
  background-color: #FAF2C2;
}

.map-section .title-box {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.result-item-template {
  display: none;
}

.map-holder {
  padding: 31px 0;
}

.map-holder .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
}

.map-wrap {
  margin: 0;
  width: 100%;
}

.map-wrap svg {
  max-width: 100%;
  width: 100%;
  max-height: 350px;
}

.map-wrap svg path {
  cursor: pointer;
}

.map-wrap svg path.active {
  fill: #ECA637;
  stroke: #FAF3C8;
}

.map-wrap svg path:hover {
  transition: all .2s;
  fill: #ECA637;
  stroke: #FAF3C8;
}

.map-wrap svg #beschriftung tspan {
  pointer-events: none;
}

.map-wrap svg text {
  fill: #262626;
  pointer-events: none;
}

.map-form-holder {
  padding: 0px 15px;
  width: 100%;
}

.map-form-holder .input-holder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 47px;
}

.map-form-holder .input-holder input {
  margin-bottom: 10px;
  width: 100%;
  -moz-appearance: textfield;
  background-color: #FAF3C8;
  border: none;
  padding: 16px 20px;
  line-height: 1;
}

.map-form-holder .input-holder input:-ms-input-placeholder {
  color: #262626;
}

.map-form-holder .input-holder input::placeholder {
  color: #262626;
}

.map-form-holder .input-holder input::-webkit-outer-spin-button,
.map-form-holder .input-holder input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.map-form-holder .input-holder .btn {
  font-size: 23px;
  line-height: 1;
  min-width: 138px;
  padding: 14px 23px;
}

.mapCard {
  display: block;
  opacity: 0;
  right: 0;
}

.mapCard.show {
  opacity: 1;
  transition: all 0.5s;
}

.jcf-scrollbar-horizontal {
  display: none;
}

.result-wrap {
  width: 100%;
  overflow: hidden;
  padding-right: 25px;
  overflow-y: auto;
  /* srollbars ff */
  scrollbar-width: thin;
  scrollbar-color: #ECA637 #FAF3C8;
  /* srollbars webkit and chrome */
  /* end srollbars */
}

.result-wrap::-webkit-scrollbar {
  width: 12px;
  /* width of the entire scrollbar */
}

.result-wrap::-webkit-scrollbar-track {
  background: #FAF3C8;
  /* color of the tracking area */
}

.result-wrap::-webkit-scrollbar-thumb {
  background-color: #ECA637;
  /* color of the scroll thumb */
  border: 1px solid #ECA637;
  /* creates padding around scroll thumb */
}

.result-item {
  padding-bottom: 30px;
}

.result-item h4 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.result-item address {
  font-style: normal;
}

.result-item a {
  text-decoration: underline;
}

.result-item .result-desc p {
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

.quiz-lightbox,
.quiz-result-lightbox {
  width: 100%;
  height: 100vh;
  background-color: #262626 !important;
  background-image: url("../images/popup_bg.svg") !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  color: #FAF2C2;
  padding: 0 !important;
  min-height: 850px;
  overflow: hidden !important;
}

.quiz-lightbox .fancybox-close-small::after,
.quiz-lightbox .fancybox-close-small::before,
.quiz-result-lightbox .fancybox-close-small::after,
.quiz-result-lightbox .fancybox-close-small::before {
  background-color: #FAF3C8;
}

.quiz-lightbox.submit-active .submit-btn,
.quiz-result-lightbox.submit-active .submit-btn {
  opacity: 1 !important;
  visibility: visible !important;
}

.quiz-lightbox .content-wrap,
.quiz-result-lightbox .content-wrap {
  max-width: 100%;
}

.quiz-lightbox .popup-wrapper,
.quiz-result-lightbox .popup-wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.quiz-lightbox .top-content h5,
.quiz-result-lightbox .top-content h5 {
  position: absolute;
  top: 23px;
  left: 20px;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
}

.quiz-lightbox .main-content,
.quiz-result-lightbox .main-content {
  max-width: 1112px;
  position: relative;
  padding-bottom: 100px;
  margin-top: 140px;
}

.quiz-lightbox .main-content h2,
.quiz-result-lightbox .main-content h2 {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 5vw;
}

.quiz-lightbox .main-content .submit-btn,
.quiz-result-lightbox .main-content .submit-btn {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  color: #FAF3C8;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all .2s;
  position: absolute;
  right: 0;
  bottom: 20px;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  transition: none;
}

.quiz-lightbox .main-content .submit-btn::after,
.quiz-result-lightbox .main-content .submit-btn::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  width: 8px;
  height: 8px;
  border-right: 3px solid #FAF3C8;
  border-bottom: 3px solid #FAF3C8;
  transform: rotate(-45deg);
  transition: all .2s;
}

.quiz-result-lightbox .content-wrap {
  text-align: center;
}

.quiz-result-lightbox .content-wrap h2 {
  margin: 0;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
}

.quiz-result-lightbox .content-wrap p {
  color: #fff;
  max-width: 695px;
  margin: 0 auto 30px;
}

.quiz-result-lightbox .main-content {
  padding-bottom: 50px !important;
  margin-top: 70px !important;
}

.quiz-result-lightbox .main-content h2 {
  margin-bottom: 40px;
}

.quiz-result-lightbox .main-content h2:first-child {
  margin: 15px;
}

.quiz-result-lightbox .main-content h3 {
  margin-bottom: 15px;
  color: #fff;
}

.quiz-result-lightbox .arrow-holder {
  position: relative;
  max-width: 660px;
  margin-left: auto;
}

.quiz-result-lightbox .arrow-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.quiz-result-lightbox .arrow-wrap .img-wrap {
  max-width: 150px;
  position: relative;
  left: 24px;
  margin-bottom: 7px;
  animation: left-right-arrow 4s ease-in-out infinite;
}

.quiz-result-lightbox .arrow-wrap h2 {
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: 62px;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.2;
  font-size: 26px !important;
  font-weight: 400;
  text-align: center;
  transform: translateY(-30%) rotate(-4deg);
  color: #FAF2C2;
}

.quiz-result-lightbox .arrow-wrap h2 .text-border {
  display: inline-block;
  border-bottom: 5px solid #FAF2C2;
}

.quiz-result-lightbox .buttons-wrap {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
}

.quiz-result-lightbox .buttons-wrap li:not(:last-of-type) {
  margin-bottom: 20px;
}

.slide-item-main .img-wrap {
  border: 5px solid #FAF3C8;
  max-width: 736px;
  margin: 0 auto;
  position: relative;
}

.slide-item-main .btn-holder {
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  border-radius: 42px;
  padding: 10px;
  max-width: 230px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.slide-item-secondary .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 8px;
  margin-right: 8px;
}

.slide-item-secondary .slide-card {
  margin: 0 8px;
  text-align: center;
  font-size: 14px;
}

.slide-item-secondary .slide-card.slide-card-alt {
  width: 50%;
}

.slide-item-secondary .slide-card .type {
  position: absolute;
  left: 25px;
  bottom: 3px;
  font-size: 29px;
  font-weight: 400;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #E7392E;
  z-index: 1;
  transition: all .2s;
}

.slide-item-secondary .slide-card .type::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -38px;
  width: 86px;
  height: 92px;
  background-color: #FAF3C8;
  transform: rotate(45deg);
  z-index: -1;
  transition: all .3s;
}

.slide-item-secondary .slide-card .img-wrap {
  margin-bottom: 15px;
  overflow: hidden;
  border: 5px solid #FAF3C8;
  position: relative;
}

.slide-item-secondary .slide-card p {
  margin: 0;
  color: #fff;
}

.range-box {
  padding: 8px 15px 0;
  background-color: #fff;
  border-radius: 15px;
  max-width: 250px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.range-box .range-wrap {
  position: relative;
}

.range-box .range-desc-holder {
  color: #262626;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.range-box .range-desc-holder .range-desc {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  max-width: 100px;
}

.range-box .range-desc-holder .range-desc:last-child {
  text-align: right;
}

.radio-wrap {
  color: #262626;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  position: relative;
  padding: 0 5px;
}

.radio-wrap input[type="radio"] {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.radio-wrap .fake-input {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  position: relative;
}

.radio-wrap input[type=radio] + .fake-input {
  border-radius: 100%;
}

.radio-wrap input[type="radio"] + .fake-input:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #262626;
  border-radius: 100%;
  opacity: 0;
}

.radio-wrap input[type="radio"]:checked + .fake-input:before {
  opacity: .3;
}

.radio-card {
  color: #262626;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  position: relative;
  width: 50%;
  margin: 5px 0;
}

.radio-card.radio-card-alt {
  width: 100%;
  max-width: 337px;
  margin: 0 auto;
}

.radio-card:hover .fake-input .type {
  color: #3A5A89;
}

.radio-card:hover .fake-input .type::before {
  top: -10px;
}

.radio-card input[type="checkbox"],
.radio-card input[type="radio"] {
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}

.radio-card .fake-input {
  position: relative;
}

.radio-card input[type=radio] + .fake-input {
  border-radius: 100%;
}

.radio-card input[type="radio"] + .fake-input:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #262626;
  opacity: 0;
}

.radio-card input[type="radio"]:checked + .fake-input:before {
  opacity: .3;
}

.radio-card input[type="radio"]:checked + .fake-input .type {
  color: #3A5A89;
}

.radio-card input[type="radio"]:checked + .fake-input .type::before {
  top: -10px;
}

.form-lightbox {
  width: 100%;
  height: 100vh;
  background-color: #FCFFE9 !important;
  padding: 15px !important;
}

.form-lightbox legend {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 0.5em;
}

.form-lightbox p.small {
  margin: 0 0 0 0;
}

.form-lightbox .form-lightbox .popup-wrapper {
  padding: 70px 6.7vw 50px;
}

.form-lightbox .popup-wrapper .main-content {
  max-width: 984px;
  margin: 0 auto;
  min-height: 500px;
}

.form-lightbox .popup-wrapper .popup-form {
  padding: 35px 0 20px;
}

.form-lightbox .popup-wrapper .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
  width: calc(100% + 44px);
}

.form-lightbox .popup-wrapper .column {
  margin: 5px 22px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.form-lightbox .popup-wrapper .content-wrap {
  margin-bottom: 50px;
}

.form-lightbox .popup-wrapper .content-wrap:last-child {
  margin-bottom: 0;
}

.form-lightbox .popup-wrapper #ui-datepicker-div {
  z-index: 99999 !important;
}

.form-lightbox .popup-wrapper .datepicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.form-lightbox .popup-wrapper .datepicker .time-divider {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px;
  min-width: 70px;
  text-align: center;
}

.form-lightbox .popup-wrapper .datepicker .divider-wrap {
  max-width: 215px;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.form-lightbox .popup-wrapper .datepicker .divider-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 54px;
  width: 68px;
  height: 100%;
  border-right: 6px solid #fcfcfc;
  border-left: 6px solid #fcfcfc;
  z-index: 10;
}

.form-lightbox .popup-wrapper .datepicker .divider-wrap:last-child {
  margin-right: 0;
}

.form-lightbox .popup-wrapper .datepicker .divider-wrap input {
  max-width: 100%;
  padding: 16px 17px;
}

.form-lightbox .popup-wrapper .input-holder {
  margin-bottom: 10px;
}

.form-lightbox .popup-wrapper .input-holder:last-child {
  margin-bottom: 0;
}

.form-lightbox .popup-wrapper .input-holder input,
.form-lightbox .popup-wrapper .input-holder textarea {
  width: 100%;
  resize: none;
}

.form-lightbox .popup-wrapper .input-holder textarea {
  margin-bottom: 30px;
}

.form-lightbox .popup-wrapper h3,
.form-lightbox .popup-wrapper h4 {
  margin: 0 0 6px;
  font-weight: 400;
  text-transform: none;
}

.form-wrapper .main-content {
  max-width: 984px;
  margin: 0 auto;
  min-height: 500px;
}

.form-wrapper .popup-form {
  padding: 35px 0 20px;
}

.form-wrapper .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -22px;
  margin-right: -22px;
  width: calc(100% + 44px);
}

.form-wrapper .column {
  margin: 5px 22px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.form-wrapper .content-wrap {
  margin-bottom: 50px;
}

.form-wrapper .content-wrap:last-child {
  margin-bottom: 0;
}

.form-wrapper #ui-datepicker-div {
  z-index: 99999 !important;
}

.form-wrapper .datepicker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.form-wrapper .datepicker .time-divider {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px;
  min-width: 70px;
  text-align: center;
}

.form-wrapper .datepicker .divider-wrap {
  max-width: 215px;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.form-wrapper .datepicker .divider-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 54px;
  width: 68px;
  height: 100%;
  border-right: 6px solid #fcfcfc;
  border-left: 6px solid #fcfcfc;
  z-index: 10;
}

.form-wrapper .datepicker .divider-wrap:last-child {
  margin-right: 0;
}

.form-wrapper .datepicker .divider-wrap input {
  max-width: 100%;
  padding: 16px 17px;
}

.form-wrapper .input-holder {
  margin-bottom: 10px;
}

.form-wrapper .input-holder:last-child {
  margin-bottom: 0;
}

.form-wrapper .input-holder input,
.form-wrapper .input-holder textarea {
  width: 100%;
  resize: none;
}

.form-wrapper .input-holder textarea {
  margin-bottom: 30px;
}

.form-wrapper h3,
.form-wrapper h4 {
  margin: 0 0 6px;
  font-weight: 400;
  text-transform: none;
}

.checkbox-holder.captcha-holder {
  padding-left: 0;
}

.cc-window .cc-holder {
  background: #FCFFE9 !important;
  border: 20px solid #FAF2C2;
}

.cc-window .cc-holder h2 {
  color: #E7392E;
  margin-bottom: 0;
  font-size: 2em !important;
}

.cc-window .cc-holder h3 {
  font-size: 1.8em !important;
}

.cc-window .cc-holder .cc-btn {
  transition: background-color 0.1s ease, outline-color 0.1s ease;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #E7392E;
  font-size: 17px;
  padding: 12px 23px;
  outline: 5px solid rgba(154, 41, 41, 0);
  border: none;
}

.cc-window .cc-holder .cc-btn.cc-acceptall:hover {
  background-color: #9A2929;
}

.cc-window .cc-holder .cc-btn.cc-acceptall:focus {
  color: #fff;
  outline-color: rgba(154, 41, 41, 0.5);
}

.cc-window .cc-holder .cc-btn.cc-save {
  background: transparent !important;
}

.cc-window .cc-holder .cc-savebuttons {
  margin: 0;
}

.cc-window .cc-holder .cc-savebuttons .cc-btn.cc-acceptal {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.cc-window.cc-floating.cc-center .cc-background {
  opacity: 0.8 !important;
}

#date-acc.accordion-secondary .acc-slide {
  padding-left: 0 !important;
}

.calendar-wrap .date-element {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
      grid-template-columns: auto;
  -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  -ms-flex-align: start;
      align-items: start;
  background-color: #FAF2C2;
  margin-bottom: 16px;
}

.calendar-wrap .date-element .date-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  grid-column-gap: 3px;
  padding: 10px 20px;
}

.calendar-wrap .date-element .date-wrapper .start-date,
.calendar-wrap .date-element .date-wrapper .end-date {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
  margin: 0 !important;
}

.calendar-wrap .date-element .date-wrapper .to-div {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
  margin: 0  !important;
}

.calendar-wrap .date-element .info-container {
  border-top: 2px solid #FCFFE9;
  padding: 10px 20px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
  height: 100%;
}

.calendar-wrap .date-element .info-container .info-wrapper {
  -ms-flex-align: start;
      align-items: start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: start;
  -ms-flex-direction: column;
      flex-direction: column;
}

.calendar-wrap .date-element .info-container .info-wrapper .title {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
}

.calendar-wrap .date-element .info-container .info-wrapper .title .status:not(:empty) {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
}

.calendar-wrap .date-element .info-container .info-wrapper .title .status:not(:empty)::before {
  content: '— ';
}

.calendar-wrap .date-element .info-container .info-wrapper p {
  margin-bottom: 0;
}

.calendar-wrap .date-element .info-container .address {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: end;
      align-items: end;
  margin-bottom: 0.5rem;
}

.calendar-wrap .date-element .info-container .address address {
  font-style: normal;
}

.calendar-wrap .date-element .info-container .place:not(:empty)::before {
  content: 'Ort: ';
}

.calendar-wrap .date-element .info-container .standplatz:not(:empty)::before {
  content: 'Standplatz: ';
}

.calendar-wrap .date-element .info-container .website a {
  color: black;
  text-decoration: underline;
}

.calendar-wrap .date-element .info-container .website a:hover {
  text-decoration: none;
}

.calendar-wrap2 {
  margin-bottom: 100px;
}

.calendar-wrap2 .date-element {
  background: #FCFFE9;
}

.calendar-wrap2 .date-element .info-container {
  border-color: #FAF2C2 !important;
}

/**
 * Swiper 6.5.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 5, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
}

.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
      align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.service-slider,
.service-slider-lg,
.service-slider-arrows {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  cursor: url(../images/ew-resize.svg), auto !important;
  overflow: visible;
  cursor: ew-resize;
}

.service-slider .swiper-slide,
.service-slider-lg .swiper-slide,
.service-slider-arrows .swiper-slide {
  width: auto;
}

.service-slider-arrows {
  cursor: pointer;
}

.swiper-btns {
  min-width: 70px;
  min-height: 53px;
  top: auto;
  bottom: 40px;
  opacity: 1 !important;
}

.swiper-btns img {
  width: 100%;
}

.swiper-btns::after {
  display: none;
}

.swiper-button-prev {
  left: 25px;
}

.swiper-button-next {
  right: -25px;
}

.clock-holder .text-box {
  color: #fff;
  padding: 0 25px;
}

.clock-holder .text-box h2 {
  width: 80%;
  margin-bottom: 30px;
}

.clock-holder .clock-box.decor-bg {
  background-position: 50% 50%;
  display: -ms-flexbox;
  display: flex;
  background-size: 420px;
  -ms-flex-align: center;
      align-items: center;
  background-repeat: no-repeat;
  -ms-flex-pack: center;
      justify-content: center;
}

.clock-holder .clock-box.decor-bg .clock-circle {
  border-radius: 50%;
  border: 14px solid #faf3c8;
  position: relative;
  height: 290px;
  min-width: 290px;
}

.clock-holder .clock-box.decor-bg .clock-circle:before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #faf3c8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clock-holder .clock-box.decor-bg .clock-circle .minute-hand {
  position: absolute;
  background-color: #faf3c8;
  transform-origin: right center;
  transform: translate(0, -50%) rotate(90deg);
  top: 50%;
  height: 14px;
  width: 87px;
  left: 44px;
}

.clock-holder .clock-box.decor-bg .clock-circle .hour-hand {
  position: absolute;
  background-color: #faf3c8;
  transform-origin: right center;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  height: 14px;
  width: 117px;
  left: 14px;
}

.clock-holder.in-viewport .clock-circle .minute-hand {
  animation: move2 2s;
}

.clock-holder.in-viewport .clock-circle .hour-hand {
  animation: move1 2s;
}

.clock-holder.in-viewport .clock-circle.toFive .minute-hand {
  animation: move5 2s forwards;
}

.clock-holder.in-viewport .clock-circle.toSeven .minute-hand {
  animation: move7 2s forwards;
}

.clock-holder.in-viewport .clock-circle.toTwelve .minute-hand {
  animation: move12 2s forwards;
}

.clock-holder.in-viewport .clock-circle.toTwelve .hour-hand {
  animation: move12 3s forwards;
}

@keyframes move12 {
  from {
    transform: translate(0, -50%) rotate(90deg);
  }

  to {
    transform: translate(0, -50%) rotate(450deg);
  }
}

@keyframes move5 {
  from {
    transform: translate(0, -50%) rotate(90deg);
  }

  to {
    transform: translate(0, -50%) rotate(230deg);
  }
}

@keyframes move7 {
  from {
    transform: translate(0, -50%) rotate(90deg);
  }

  to {
    transform: translate(0, -50%) rotate(300deg);
  }
}

@keyframes move1 {
  from {
    transform: translate(0, -50%) rotate(90deg);
  }

  to {
    transform: translate(0, -50%) rotate(450deg);
  }
}

@keyframes move2 {
  from {
    transform: translate(0, -50%) rotate(90deg);
  }

  to {
    transform: translate(0, -50%) rotate(315deg);
  }
}

.blue .in-viewport .clock-circle .minute-hand {
  animation: move2 2s;
}

.blue .in-viewport .clock-circle .hour-hand {
  animation: move1 3s;
}

.video {
  width: calc(100vw - 50px);
  margin: 0 -25px;
}

.video video {
  width: 100%;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 0;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 5px;
  top: 10px;
  cursor: pointer;
  z-index: 401;
  background: transparent;
}

.fancybox-close-small::after,
.fancybox-close-small::before {
  transition: all .2s;
  content: '';
  position: absolute;
  top: 14px;
  left: 5px;
  width: 26px;
  height: 7px;
  background-color: #ECA637;
  transform: rotate(45deg);
}

.fancybox-close-small:hover::after,
.fancybox-close-small:hover::before {
  background-color: #E7392E;
}

.fancybox-close-small::after {
  transform: rotate(-45deg);
}

.fancybox-close-small svg {
  display: none;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

/*@supports (padding: max(0px)) {
  .fancybox-caption {
      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}*/

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */

/* Share */

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */

/* Slick slider styles */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-container {
  position: relative;
}

.slick-container .light-img-wrap {
  width: 50%;
  position: absolute;
  top: -70px;
  right: -280px;
}

.service-slider {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  cursor: url(../images/ew-resize.svg), auto;
}

.service-slider .slick-list {
  overflow: visible;
}

.service-slider .slick-slide {
  width: 260px;
  margin-right: 25px;
}

.slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

.slick-dots::before {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  content: '';
  width: 100%;
  height: calc(100% - 8px);
  background-color: #324D75;
  z-index: -1;
}

.slick-dots li {
  width: 33px;
  height: 40px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 2px;
}

.slick-dots li.slick-active button::before,
.slick-dots li.slick-active button::after {
  opacity: 1;
}

.slick-dots li button {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #FAF2C2;
  background: transparent;
  outline: none;
  border: none;
  z-index: 2;
  position: relative;
}

.slick-dots li button::before {
  position: absolute;
  top: -7px;
  left: -6px;
  content: '';
  width: 33px;
  height: 40px;
  background-color: #E7392E;
  z-index: -1;
  opacity: 0;
}

.slick-dots li button::after {
  position: absolute;
  top: 3px;
  bottom: 6px;
  right: -8px;
  content: '';
  width: 4px;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.3);
  z-index: -1;
  opacity: 0;
}

.quiz-slider .slick-track {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
      align-items: center;
}

.quiz-slider .slick-arrow {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  color: #FAF3C8;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all .2s;
  position: absolute;
  bottom: -80px;
  padding: 0 15px;
}

.quiz-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.quiz-slider .slick-arrow::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 0;
  width: 8px;
  height: 8px;
  border-right: 3px solid #FAF3C8;
  border-bottom: 3px solid #FAF3C8;
  transform: rotate(-45deg);
  transition: all .2s;
}

.quiz-slider .slick-arrow:hover {
  color: #E7392E;
}

.quiz-slider .slick-arrow:hover::after {
  border-color: #E7392E;
}

.quiz-slider .slick-arrow.slick-prev {
  left: 0;
}

.quiz-slider .slick-arrow.slick-prev::after {
  transform: rotate(135deg);
  left: 0;
  right: auto;
}

.quiz-slider .slick-arrow.slick-next {
  right: 0;
}

.quiz-slider .slick-dots {
  position: absolute;
  bottom: -45px;
  width: 100%;
  max-width: 736px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.quiz-slider .slick-dots::before {
  content: '';
  width: 100%;
  height: calc(100% - 8px);
  background-color: #324D75;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
}

.quiz-slider .slick-dots li:first-child {
  margin-left: 0;
}

.quiz-slider .slick-dots li:last-child {
  margin-right: 0;
}

/*! jQuery UI - v1.13.0 - 2021-10-07
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("/images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("/images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("/images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("/images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("/images/ui-icons_777777_256x240.png");
}

.ui-datepicker-prev.icon.icon-arrow-right:before {
  content: '';
}

.ui-datepicker-next.icon.icon-arrow-right:before {
  content: '';
}

/* positioning */

/* Three classes needed to override `.ui-button:hover .ui-icon` */

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  -ms-filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

#ui-datepicker-div {
  z-index: 100006 !important;
}

/* custom range input styles */

.quiz-lightbox .jcf-range {
  display: inline-block;
  min-width: 200px;
  margin: 0;
  padding: 6px 0;
  width: 100%;
  max-width: 100%;
}

.quiz-lightbox .jcf-range .jcf-range-track {
  margin: 0 20px 0 0;
  position: relative;
  display: block;
}

.quiz-lightbox .jcf-range .jcf-range-wrapper {
  background: rgba(112, 112, 112, 0.19);
  display: block;
  margin: 5px 0;
  height: 7px;
}

.quiz-lightbox .jcf-range.jcf-vertical {
  width: auto;
}

.quiz-lightbox .jcf-range.jcf-vertical .jcf-range-wrapper {
  margin: 0;
  width: 10px;
  height: auto;
  padding: 20px 0 0;
}

.quiz-lightbox .jcf-range.jcf-vertical .jcf-range-track {
  height: 180px;
  width: 10px;
}

.quiz-lightbox .jcf-range.jcf-vertical .jcf-range-handle {
  left: -5px;
  top: auto;
}

.quiz-lightbox .jcf-range .jcf-range-handle {
  position: absolute;
  background: #E7392E;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: -1px 0 0;
  z-index: 1;
  top: -11px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.quiz-lightbox .jcf-range .jcf-range-handle::after {
  content: '';
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 4px solid #fff;
}

.quiz-lightbox .jcf-range .jcf-range-mark {
  position: absolute;
  overflow: hidden;
  background: #000;
  width: 1px;
  height: 3px;
  top: -7px;
  margin: 0 0 0 9px;
}

.quiz-lightbox .jcf-range.jcf-vertical .jcf-range-mark {
  margin: 0 0 9px;
  left: 14px;
  top: auto;
  width: 3px;
  height: 1px;
}

.quiz-lightbox .jcf-range.jcf-disabled {
  background: none !important;
  opacity: 0.3;
}

/* custom scrollbars styles */

.jcf-scrollable-wrapper {
  box-sizing: content-box;
  position: relative;
  overflow-x: hidden !important;
}

.jcf-scrollbar-vertical {
  position: absolute;
  cursor: default;
  background: #FAF3C8;
  width: 9px;
  bottom: 0;
  right: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background: #FAF3C8;
  height: 14px;
  width: 9px;
  left: 0;
  top: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top: auto;
  bottom: 0;
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background: #ECA637;
  height: 1px;
  width: 9px;
}

.jcf-scrollbar-horizontal {
  position: absolute;
  background: #e3e3e3;
  right: auto;
  top: auto;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  background: #bbb;
  height: 14px;
  width: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left: auto;
  right: 0;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display: inline-block;
  position: relative;
  height: 14px;
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position: absolute;
  background: #888;
  height: 14px;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background: #e3e3e3;
}

/* common custom form elements styles */

.jcf-disabled {
  background: #ddd !important;
}

.jcf-focus,
.jcf-focus * {
  border-color: #f00 !important;
}

.main-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border: 18px solid transparent;
  border-bottom: none;
  padding-top: 105px;
  height: 100vh;
}

.main-section .container {
  z-index: 3;
}

.main-section .text-wrap {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 410px;
  height: 90vh;
  padding-top: 0vh;
}

.main-section .text-wrap .main-button-wrapper {
  width: 100%;
  margin-left: 48px;
}

.main-section .text-wrap .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-section .text-wrap .row .icon-arrow {
  margin-right: 10px;
  position: relative;
  font-size: 50px;
  color: #f1f1f1;
}

.main-section .text-wrap .row p {
  margin-bottom: 0;
}

.main-section .light-img-wrap {
  position: absolute;
  pointer-events: none;
  right: -200px;
  bottom: 220px;
  max-width: 100%;
  transform: translateX(50px);
  transition: transform 1s ease-in-out 3.5s;
}

.loaded .main-section .light-img-wrap {
  transform: translateX(0);
}

.main-section .bottom-logo-wrap {
  position: absolute;
  bottom: 60px;
  z-index: 4;
  left: 20px;
  pointer-events: none;
}

.main-section .bottom-logo-wrap .logo-wrap {
  margin-right: 50px;
  width: 65%;
  margin-bottom: 12px;
}

.main-section .bottom-logo-wrap .logo-wrap a {
  display: inline-block;
}

.main-section .bottom-logo-wrap .descr {
  color: #fff;
}

.main-section .bottom-logo-wrap .descr p {
  margin-bottom: 0;
}

.main-section-alt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end !important;
      align-items: flex-end !important;
  min-height: 100vh;
}

.main-section-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(38, 38, 38, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main-section-alt .text-wrap {
  font-size: 17px;
  line-height: 1.19;
  margin-bottom: 150px;
  height: unset;
  padding-top: unset;
}

.main-section-alt .text-wrap h1 {
  margin-bottom: 21px;
}

.media-section {
  position: relative;
  padding-top: 140px;
  padding-bottom: 40px;
}

.media-section .video-container {
  position: relative;
  z-index: 2;
}

.media-section .container {
  z-index: 3;
}

.media-section .container .title-wrap {
  position: relative;
  z-index: 3;
  max-width: 320px;
}

.media-section .container .title-wrap h2 {
  position: absolute;
  left: 0;
  top: -30px;
}

.media-section .figure-wrap {
  position: absolute;
  left: -30px;
  top: 270px;
  right: -30px;
}

.media-section .figure-wrap img {
  width: 100%;
}

.media-section .arrows-wrap {
  position: absolute;
  width: 23vw;
  aspect-ratio: 443/390;
  top: 48%;
  z-index: 1;
}

.media-section .arrows-wrap img {
  aspect-ratio: 443/390;
}

.black-section {
  background-color: #262626;
  color: #fff;
}

.yellow-section {
  color: #262626;
  background-color: #FCFFE9;
}

.musicians-section {
  padding-top: 70px;
  padding-bottom: 120px;
}

.sun-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  padding: 0 25px 150px;
  overflow: hidden;
  z-index: 33;
}

.sun-section p {
  margin: 0 0 20px 0;
}

.sun-section .viewport-wrap:not(.frontpage-sun) {
  position: absolute;
  width: 100%;
  bottom: 29px;
}

.sun-section .container {
  z-index: 3;
}

.sun-section .title-wrap {
  max-width: max-content;
}

.sun-section .img-wrap {
  width: 100vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.sun-section .img-wrap .triangle-wrap {
  position: absolute;
  right: 0;
  width: 965px;
  bottom: 0px;
}

.sun-section .img-wrap .man-wrap {
  position: absolute;
  bottom: 10px;
  transition: all 2s ease-in-out;
  width: 850px;
  right: -105%;
}

.sun-section .img-wrap img {
  width: 100%;
}

.sun-section .sun {
  transition: bottom 1.5s, ease ease-in-out;
  position: absolute;
  width: 390px;
  height: 390px;
}

.sun-section .sun .sun-wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.sun-section .sun .sun-wrap .sun-object {
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: all 1s ease;
}

.sun-section .sun .sun-wrap .sun-object .slice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  transform: scale(1);
  margin-left: auto;
  margin-right: auto;
}

.sun-section .sun .sun-wrap .sun-object .slice.min {
  transition: transform 1.5s, ease ease-in-out;
  width: 60%;
  opacity: 0.27;
  z-index: 3;
}

.sun-section .sun .sun-wrap .sun-object .slice.middle {
  opacity: 0.51;
  z-index: 2;
  width: 80%;
}

.sun-section .sun .sun-wrap .sun-object .slice.large {
  opacity: 0.51;
  z-index: 1;
  width: 100%;
}

.sun-section .viewport-wrap:not(.frontpage-sun) {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
}

.sun-section .viewport-section.in-viewport .img-wrap .man-wrap {
  right: -45%;
}

.sun-section .viewport-section.in-viewport .sun .slice {
  transform: scale(1.15);
}

.sun-section .viewport-section.in-viewport .sun-object {
  bottom: 0;
}

.card-section {
  position: relative;
  padding: 132px 0 137px;
  z-index: 2;
}

.card-section p {
  margin: 0 0 20px 0;
}

.card-section .gleam-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: -200px;
  right: -200px;
  pointer-events: none;
}

.card-section .gleam-wrap img {
  max-width: max-content;
}

.slider-section {
  padding: 80px 0;
}

.slider-section h2 {
  margin-bottom: 25px;
}

.slider-section .link-wrap {
  position: relative;
  z-index: 1;
}

.phone-section {
  padding-top: 20px;
  position: relative;
}

.phone-section p {
  margin: 0 0 20px 0;
}

.phone-section .container {
  position: relative;
  z-index: 1;
}

.phone-section .side-wrap .text-wrap-body {
  font-size: 17px;
  line-height: 1.3;
}

.phone-section .side-wrap .img-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  min-width: 50%;
  margin-left: -55px;
  margin-right: -110px;
  margin-bottom: 10px;
}

.phone-section .side-wrap .img-wrap .phone-left {
  position: relative;
  z-index: 1;
}

.phone-section .side-wrap .img-wrap .phone-right {
  position: absolute;
  top: 0;
  right: 0;
}

.phone-section .side-wrap .text-wrap .social-links {
  margin-top: 25px;
}

.phone-section .light-img-box {
  position: absolute;
  aspect-ratio: 116/150;
}

.phone-section .light-img-box.left {
  max-width: 640px;
  top: 60px;
  left: 0;
  width: 50vw;
}

.phone-section .light-img-box.right {
  top: -20px;
  width: 42vw;
  max-width: 660px;
  right: 0;
}

.range-section {
  padding: 110px 25px;
  color: #fff;
}

.range-section p {
  margin: 0 0 20px 0;
}

.range-section .range-wrap {
  margin-left: -25px;
  margin-right: -25px;
}

.range-section .range-wrap .descr-wrap {
  text-align: center;
  margin-top: 18px;
}

.range-section .range-wrap .descr-wrap .descr {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #E7392E;
  font-size: 32px;
  display: none;
}

.range-section .range-wrap .descr-wrap .descr.active {
  display: block;
}

.range-section .text-wrap {
  margin-bottom: 30px;
}

.range-section .text-wrap h2 {
  max-width: 700px;
}

@keyframes cosmo-flying {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  10% {
    transform: translate3d(-5px, -10px, 0) scale(1.01);
  }

  20% {
    transform: translate3d(-10px, -20px, 0) scale(1.03);
  }

  30% {
    transform: translate3d(-5px, -25px, 0) scale(1.03);
  }

  40% {
    transform: translate3d(0px, -15px, 0) scale(1.01);
  }

  60% {
    transform: translate3d(5px, -10px, 0) scale(1);
  }

  70% {
    transform: translate3d(5px, -5px, 0) scale(1);
  }

  80% {
    transform: translate3d(0, 10px, 0) scale(0.98);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.testimonials-section {
  padding-top: 115px;
  padding-bottom: 40px;
  position: relative;
  z-index: 3;
}

.testimonials-section .container {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.testimonials-section .title-wrap {
  margin-bottom: 15px;
}

.testimonials-section .gleam-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 0;
  top: 250px;
  left: -100px;
  right: -100px;
  pointer-events: none;
}

.testimonials-section .gleam-wrap img {
  max-width: max-content;
}

.arrow-section {
  position: relative;
  z-index: 3;
  padding: 120px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.arrow-section .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.arrow-section .arrow-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/gleam-2.svg);
  background-position: 50% 50%;
  background-size: 360px;
  background-repeat: no-repeat;
}

.main-inner .arrow-section .arrow-wrap {
  background-image: none;
}

.arrow-section .arrow-wrap .img-wrap {
  max-width: 210px;
  position: relative;
  left: -70px;
  margin-bottom: 45px;
  animation: left-right-arrow 4s ease-in-out infinite;
}

.arrow-section .arrow-wrap h2 {
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: 80px;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  transform: translateY(-30%) rotate(-4deg);
  color: #FAF2C2;
}

.arrow-section .arrow-wrap h2 .text-border {
  display: inline-block;
  border-bottom: 5px solid #FAF2C2;
}

.arrow-section .buttons-wrap {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
}

.arrow-section .buttons-wrap .btn-red {
  margin: 0;
}

.arrow-section .buttons-wrap li:not(:last-of-type) {
  margin-bottom: 20px;
}

.car-section {
  padding-top: 45px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.car-section .bg-img-wrap {
  position: relative;
  padding-top: 57%;
}

.car-section .bg-img-wrap .bg-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.car-section .bg-img-wrap .bg-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #262626 20%, rgba(38, 38, 38, 0) 40%);
  z-index: 1;
  pointer-events: none;
}

.car-section .container {
  position: relative;
  z-index: 1;
}

.car-section .logo-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

.car-section .logo-list li {
  margin-right: 11px;
}

.overview-section {
  padding: 0 0 120px;
}

.overview-section h2 {
  text-align: center;
  color: #fff;
}

.overview-section .img-wrap {
  margin: 0 auto;
}

.overview-section .img-wrap img {
  width: 100%;
}

.main-inner .main-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-inner .main-section .container {
  z-index: 3;
}

.main-inner .main-section .text-wrap {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 410px;
}

.main-inner .main-section .text-wrap h1 {
  margin-bottom: 0;
}

.main-inner .main-section .text-wrap .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-inner .main-section .text-wrap .row .icon-arrow {
  margin-right: 10px;
  position: relative;
  font-size: 50px;
  color: #F1F1F1;
}

.main-inner .main-section .text-wrap .row p {
  margin-bottom: 0;
}

.main-inner .main-section .img-wrap {
  position: absolute;
  bottom: 0px;
  transform: translateY(10px);
  transition: transform 1s ease-in-out 3.5s;
}

.loaded .main-inner .main-section .img-wrap {
  transform: translateY(0);
}

.main-inner .main-section .light-img-wrap {
  position: absolute;
  pointer-events: none;
  right: -100px;
  bottom: 220px;
  max-width: 100%;
  transform: translateX(50px);
  transition: transform 1s ease-in-out 3.5s;
}

.loaded .main-inner .main-section .light-img-wrap {
  transform: translateX(0);
}

.main-inner .media-section {
  position: relative;
  padding-top: 140px;
  padding-bottom: 40px;
}

.main-inner .media-section .video-container {
  position: relative;
  z-index: 2;
}

.main-inner .media-section .container {
  z-index: 3;
}

.main-inner .media-section .container .title-wrap {
  position: relative;
  z-index: 3;
  max-width: 320px;
}

.main-inner .media-section .container .title-wrap h2 {
  position: absolute;
  left: 0;
  top: -30px;
}

.main-inner .media-section .figure-wrap {
  position: absolute;
  left: -30px;
  top: 270px;
  right: -30px;
}

.main-inner .media-section .figure-wrap img {
  width: 100%;
}

.main-inner .media-section .arrows-wrap {
  position: absolute;
  width: 23vw;
  top: 48%;
  z-index: 1;
}

.main-inner .media-section .arrows-wrap img {
  aspect-ratio: 443/390;
}

.main-inner .black-section {
  background-color: #262626;
  color: #fff;
  z-index: -1;
}

.main-inner .yellow-section {
  color: #262626;
  background-color: #FCFFE9;
}

.main-inner .dark-yellow-section {
  color: #262626;
  background-color: #FAF2C2;
}

.main-inner .musicians-section {
  padding-top: 70px;
  padding-bottom: 120px;
}

.main-inner .sun-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  color: #fff;
  padding: 140px 0 0;
  overflow: hidden;
}

.main-inner .sun-section .container {
  position: relative;
  z-index: 3;
}

.main-inner .sun-section .title-wrap {
  max-width: max-content;
}

.main-inner .sun-section .sun {
  transition: bottom 1.5s, ease ease-in-out;
  position: relative;
  bottom: -2px;
  margin-right: -120px;
  margin-left: -100px;
  height: auto;
}

.main-inner .sun-section .sun .img-wrap {
  position: relative;
  z-index: 2;
  right: auto;
  bottom: auto;
  width: auto;
  /*&:before {
          @include animate(bottom, $sun-animate);
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: -200px;
          height: 100px;
          display: block;
          background-color: rgba(#000, .16);
        }*/
}

.main-inner .sun-section .sun .img-wrap img.man {
  position: relative;
  right: 0;
  transition: right 1.5s, ease ease-in-out;
}

.main-inner .sun-section .sun .img-wrap .triangle {
  position: absolute;
  right: 0;
  bottom: 0;
}

.main-inner .sun-section .sun .sun-wrap {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 80%;
  top: 60%;
  margin-left: auto;
}

.main-inner .sun-section .sun .sun-wrap .sun-object {
  position: relative;
  top: 0;
  width: 100%;
  transition: top 1.5s, ease ease-in-out;
}

.main-inner .sun-section .sun .sun-wrap .sun-object .slice {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  transform: scale(1);
  margin-left: auto;
  margin-right: auto;
}

.main-inner .sun-section .sun .sun-wrap .sun-object .slice.min {
  transition: transform 1.5s, ease ease-in-out;
  width: 60%;
  opacity: .27;
  z-index: 3;
}

.main-inner .sun-section .sun .sun-wrap .sun-object .slice.middle {
  opacity: .51;
  z-index: 2;
  width: 80%;
}

.main-inner .sun-section .sun .sun-wrap .sun-object .slice.large {
  opacity: .51;
  z-index: 1;
  width: 100%;
}

.main-inner .card-section {
  position: relative;
  padding: 132px 0 137px;
  z-index: 2;
}

.main-inner .card-section .gleam-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 0;
  top: 0;
  left: -200px;
  right: -200px;
  pointer-events: none;
}

.main-inner .card-section .gleam-wrap img {
  max-width: max-content;
}

.main-inner .slider-section h2 {
  margin-bottom: 25px;
}

.main-inner .slider-section .link-wrap {
  position: relative;
  z-index: 1;
}

.main-inner .phone-section {
  padding-top: 20px;
  position: relative;
}

.main-inner .phone-section .container {
  position: relative;
  z-index: 1;
}

.main-inner .phone-section .side-wrap .text-wrap-body {
  font-size: 17px;
  line-height: 1.3;
}

.main-inner .phone-section .side-wrap .img-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  min-width: 50%;
  margin-left: -55px;
  margin-right: -110px;
  margin-bottom: 10px;
}

.main-inner .phone-section .side-wrap .img-wrap .phone-left {
  position: relative;
  z-index: 1;
}

.main-inner .phone-section .side-wrap .img-wrap .phone-right {
  position: absolute;
  top: 0;
  right: 0;
}

.main-inner .phone-section .side-wrap .text-wrap .social-links {
  margin-top: 25px;
}

.main-inner .phone-section .light-img-box {
  position: absolute;
}

.main-inner .phone-section .light-img-box.left {
  max-width: 640px;
  top: 60px;
  left: 0;
  width: 50vw;
}

.main-inner .phone-section .light-img-box.right {
  top: -20px;
  width: 42vw;
  max-width: 660px;
  right: 0;
}

.main-inner .range-section {
  color: #262626;
  padding: 0;
}

.main-inner .range-section .text-wrap {
  max-width: 100%;
  margin-bottom: 0;
}

.main-inner .range-section .text-wrap h2 {
  max-width: 100%;
}

.main-inner .range-section .descr-wrap {
  text-align: center;
  margin-top: 18px;
}

.main-inner .range-section .descr-wrap .descr {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #E7392E;
  font-size: 32px;
  display: none;
}

.main-inner .range-section .descr-wrap .descr.active {
  display: block;
}

.main-inner .planet-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  overflow: hidden;
}

.main-inner .planet-section .container {
  position: relative;
}

.main-inner .planet-section .title-wrap {
  position: relative;
  z-index: 2;
  padding-top: 100px;
  max-width: max-content;
}

.main-inner .planet-section .cosmo-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: -270px;
  left: -40px;
}

.main-inner .planet-section .cosmo-wrap .img-cosmo {
  aspect-ratio: 1;
  display: block;
  position: relative;
  z-index: 1;
  transform: translate3d(0, 0, 0);
  animation: cosmo-flying 15s infinite linear;
  left: 80px;
  width: 300px;
}

.main-inner .planet-section .cosmo-wrap .img-ladder {
  max-width: 325px;
  aspect-ratio: 1;
  position: relative;
  height: 770px;
  left: -125px;
  top: -55px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list {
  position: absolute;
  top: 315px;
  left: 60%;
  padding-right: 20px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 50px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(2) {
  left: -20px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(3) {
  left: -30px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(4) {
  left: -45px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(5) {
  left: -65px;
}

.main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(6) {
  left: -85px;
}

@keyframes cosmo-flying {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  10% {
    transform: translate3d(-5px, -10px, 0) scale(1.01);
  }

  20% {
    transform: translate3d(-10px, -20px, 0) scale(1.03);
  }

  30% {
    transform: translate3d(-5px, -25px, 0) scale(1.03);
  }

  40% {
    transform: translate3d(0px, -15px, 0) scale(1.01);
  }

  60% {
    transform: translate3d(5px, -10px, 0) scale(1);
  }

  70% {
    transform: translate3d(5px, -5px, 0) scale(1);
  }

  80% {
    transform: translate3d(0, 10px, 0) scale(0.98);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.main-inner .testimonials-section {
  padding-top: 115px;
  padding-bottom: 40px;
  position: relative;
  z-index: 3;
}

.main-inner .testimonials-section .container {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.main-inner .testimonials-section .title-wrap {
  margin-bottom: 15px;
}

.main-inner .testimonials-section .gleam-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  bottom: 0;
  top: 250px;
  left: -100px;
  right: -100px;
  pointer-events: none;
}

.main-inner .testimonials-section .gleam-wrap img {
  max-width: max-content;
}

.main-inner .arrow-section {
  position: relative;
  z-index: 2;
  padding: 20px 0 70px;
}

.main-inner .arrow-section .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.main-inner .arrow-section .arrow-wrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.main-inner .arrow-section .arrow-wrap .img-wrap {
  max-width: 210px;
  position: relative;
  left: -70px;
  margin-bottom: 45px;
  animation: left-right-arrow 4s ease-in-out infinite;
}

.main-inner .arrow-section .arrow-wrap h2 {
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: 80px;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  text-align: center;
  transform: translateY(-30%) rotate(-4deg);
  color: #FAF2C2;
}

.main-inner .arrow-section .arrow-wrap h2 .text-border {
  display: inline-block;
  border-bottom: 5px solid #FAF2C2;
}

.main-inner .arrow-section .buttons-wrap {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 400px;
}

.main-inner .arrow-section .buttons-wrap li:not(:last-of-type) {
  margin-bottom: 20px;
}

.main-inner .car-section {
  padding-top: 45px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.main-inner .car-section .bg-img-wrap {
  position: relative;
  padding-top: 57%;
}

.main-inner .car-section .bg-img-wrap .bg-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main-inner .car-section .bg-img-wrap .bg-img:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #262626 20%, rgba(38, 38, 38, 0) 40%);
  z-index: 1;
  pointer-events: none;
}

.main-inner .car-section .container {
  position: relative;
  z-index: 1;
}

.main-inner .car-section .logo-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 30px;
}

.main-inner .car-section .logo-list li {
  margin-right: 11px;
}

.content-section {
  padding: 80px 0;
}

.content-section .video-container {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.content-section .video-container .text-wrap {
  margin-top: 40px;
}

.content-section .info-block {
  margin-bottom: 120px;
}

.content-section .info-block:last-child {
  margin-bottom: 0;
}

.content-section .text-wrap-alt {
  max-width: 674px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}

.content-section-1 {
  padding-bottom: 0 !important;
}

.content-section-2 .text-wrap-alt {
  max-width: 1080px;
  line-height: 1.5;
  margin-bottom: 80px;
}

.content-section-2 .info-block {
  margin-bottom: 80px;
}

.title-box {
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  font-size: 17px;
  margin-bottom: 30px;
}

.content-arrow-holder {
  position: relative;
  padding: 50px 30px;
}

.content-arrow-holder .arrow-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: -9.25vw;
  top: 0;
  max-width: 18vw;
  display: none;
}

.content-arrow-holder .arrow-wrap .img-wrap {
  max-width: 210px;
  position: relative;
  left: -70px;
  margin-bottom: 45px;
  animation: left-right-arrow 4s ease-in-out infinite;
}

.content-arrow-holder .text-holder {
  max-width: 710px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.4375rem;
}

.content-arrow-holder .text-holder p {
  margin: 0 0 40px;
}

.info-section {
  padding: 80px 0;
}

.info-section .text-center h2 {
  margin-bottom: 74px;
}

.info-section-2 {
  padding: 50px 0;
}

.info-section-2 .container {
  max-width: 1360px;
}

.karriere-section-arrows {
  padding: 0 0 50px;
}

.training-section {
  position: relative;
  padding: 80px 0;
}

.training-section .light-img-box {
  position: absolute;
  z-index: 0;
}

.training-section .light-img-box.left {
  max-width: 640px;
  top: 60px;
  left: 0;
  width: 50vw;
}

.training-section .light-img-box.right {
  top: -20px;
  width: 42vw;
  max-width: 660px;
  right: 0;
  display: none;
}

.training-section .title-box {
  position: relative;
  z-index: 1;
}

.training-section .text-wrap-alt .text-wrap-body p {
  margin: 0;
}

.training-section-2 {
  background: #0d95e8;
  padding: 80px 0;
}

.training-section-2 .alert-holder {
  margin-bottom: 0;
}

.content-section-9 {
  padding: 80px 0;
}

.content-section-9 .title-box {
  margin-bottom: 0 !important;
}

.content-section-9 .title-box p:last-child {
  margin: 0;
}

.content-section-10 {
  padding: 80px 0;
}

.banner-section {
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  color: #fff;
}

.banner-section .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1450px;
  margin-right: auto;
  margin-left: auto;
}

.banner-xs-section {
  padding: 80px 0;
  padding-top: 0 !important;
}

.banner-xs-section .container .banner-xs {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.banner-xs {
  padding: 70px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.banner-xs .banner-xs-wrapper {
  max-width: 811px;
  width: 100%;
}

.banner-xs h2 {
  color: #FAF2C2;
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.19;
  max-width: 580px;
  margin: 0 auto 60px;
}

.banner-xs p {
  margin: 0 0 50px;
}

.feature-item {
  color: #FCFFE9;
  max-width: 100%;
  width: 100%;
  margin: 20px 0;
  text-align: center;
}

.feature-item .num-item {
  font-family: "Anton", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 70px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px;
}

.feature-item .icon-holder {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 45px;
  max-width: 140px;
  min-height: 130px;
}

.feature-item p {
  max-width: 350px;
  margin: 0 auto 40px;
  line-height: 1.2;
}

.feature-item p:last-child {
  margin-bottom: 0;
}

.info-section-alt {
  padding: 80px 0;
}

.info-section-alt .container {
  max-width: 1360px;
}

.content-block-item {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.content-block-item:last-child {
  margin: 0;
}

.content-block-item.reverse .row {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.content-block-item .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.content-block-item .img-wrap {
  width: 100%;
  padding: 10px 0;
}

.content-block-item .text-wrap {
  width: 100%;
  padding: 10px 0;
}

.content-block-item .text-wrap .arrow-list li .icon-holder {
  top: 2px;
}

.narrow-section .title-box {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.narrow-section .swiper-container {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.slider-section-2.slider-section {
  padding-top: 0 !important;
}

.slider-section-2.slider-section h2 {
  text-align: left;
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
}

.front .slider-section {
  padding-bottom: 30px;
}

.slider-section-3 .service-slider-lg,
.slider-section-3 .service-slider-lg p {
  margin-bottom: 0 !important;
}

.slider-section-3 h2 {
  text-align: left;
  max-width: 1090px;
  margin: 0 auto;
}

.slider-section-3 .title-box {
  margin-bottom: 27px;
}

.marketing-section {
  padding: 100px 0 200px;
}

.marketing-section .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
}

.marketing-section .title-box {
  margin-bottom: 15px;
}

.form-section {
  padding: 30px 0 100px;
}

.form-section .row-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px);
  margin-bottom: 30px;
}

.form-section .active .link .icon-holder img {
  transform: rotate(-90deg);
}

.form-section .text-box {
  text-align: center;
  margin-bottom: 60px;
  padding: 0;
}

.form-section .link {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

.form-section .link .icon-holder {
  position: absolute;
  right: 2px;
  bottom: 6px;
}

.form-section .link .icon-holder img {
  transition: all .2s;
  transform: rotate(90deg);
}

.form-section .container {
  max-width: 1347px;
}

.form-section .form-wrapper h3 {
  font-weight: normal;
  margin: 0 0 30px;
  text-transform: none;
}

.form-section .form-wrapper p:last-child {
  margin-bottom: 30px;
}

.form-section .input-wrapper {
  margin: 0 0 20px;
}

.form-section .checkbox-wrapper {
  margin: 0 0 20px;
}

.form-section .input-holder:last-child {
  margin-bottom: 20px;
}

.form-section .input-holder input,
.form-section .input-holder textarea {
  width: 100%;
  margin: 0 0 10px;
}

.form-section .input-holder textarea {
  margin: 0 0 35px;
  resize: none;
}

#order-form button.btn-red {
  margin: 0 auto;
}

.checkbox-holder {
  color: #262626;
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  position: relative;
  padding: 10px 0 10px 45px;
}

.checkbox-holder:last-child {
  margin-bottom: 30px;
}

.checkbox-holder .fake-label {
  transition: color 0.5s ease-in-out;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.checkbox-holder input[type=checkbox] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.checkbox-holder input[type=checkbox]:checked ~ .fake-input:before {
  opacity: 1;
}

.checkbox-holder input[type=checkbox]:checked ~ .fake-label {
  color: #262626;
}

.checkbox-holder .fake-input {
  background-color: #FAF2C2;
  width: 30px;
  height: 30px;
  border: none;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.checkbox-holder .fake-input::before {
  transition: all .2s;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 22px;
  height: 12px;
  border-left: 4px solid #262626;
  border-bottom: 4px solid #262626;
  margin: -3px 0 0;
  opacity: 0;
}

.contact-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
}

.contact-list li {
  padding: 0 8px;
  position: relative;
}

.contact-list li:last-child::after {
  display: none;
}

.contact-list li::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 3px;
  width: 1px;
  height: 17px;
  background-color: #262626;
}

.contact-list li a {
  margin: 0;
  color: #262626;
}

.contact-list li p {
  margin: 0;
}

.questions-section {
  padding: 100px 0 80px;
}

.questions-section .container {
  max-width: 1360px;
}

.questions-section .text-center {
  text-align: left;
  margin-bottom: 20px;
}

.questions-section .text-center h1 {
  color: #3A5A89;
  margin-bottom: 35px;
}

.questions-section .text-center h2 {
  margin-bottom: 15px;
}

.webform-section {
  padding: 100px 0 80px;
}

.webform-section .container {
  max-width: 1360px;
}

.webform-section .text-center {
  text-align: left;
  margin-bottom: 20px;
}

.webform-section .text-center h1 {
  margin-bottom: 35px;
}

.webform-section .text-center h2 {
  margin-bottom: 15px;
}

.webform-section legend {
  font-family: "Calibre", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 0.5em;
}

.webform-section p.small {
  margin: 0 0 0 0;
}

.feautures-slider {
  padding: 80px 0;
  padding-bottom: 0 !important;
}

.feautures-slider .title-box {
  margin-bottom: 50px;
}

.info-section-4 {
  padding: 80px 0;
}

.info-section-4 .title-box {
  margin-bottom: 50px;
}

.info-section-4 img {
  margin-bottom: 50px;
}

.info-section-4 .arrow-list {
  margin-bottom: 70px;
}

.info-section-4 .arrow-list .icon-holder {
  top: 4px;
}

.info-section-4 .alert-holder {
  margin-bottom: 100px;
}

.info-section-4 .text-wrap-alt {
  margin-bottom: 50px;
}

.info-section-4 .text-wrap-alt .arrow-list {
  margin-bottom: 20px;
}

.training-section-3 {
  padding-bottom: 0 !important;
}

.training-section-3 .video-container .text-wrap {
  margin-top: 40px;
}

.training-section-4 .container .text-center p {
  position: relative;
  z-index: 1 !important;
  background-color: #FAF2C2;
}

.training-section-4 .accordion-main {
  margin-bottom: 60px;
}

.training-section-4 .accordion-main + .accordion-main {
  margin-bottom: 200px;
}

.content-section-3 {
  padding: 80px 0 !important;
}

.content-section-3 .content-arrow-holder {
  margin-bottom: 50px;
}

.content-section-3 .content-arrow-holder .arrow-wrap {
  left: -2.25vw;
}

.content-section-5 .row {
  margin-bottom: 0 !important;
}

.content-section-5 .container {
  max-width: 1360px;
}

.content-section-5 .icon-holder img {
  margin-bottom: 0 !important;
}

.content-section-5 .arrow-wrap {
  left: -1.25vw;
}

.content-section-5 .title-box {
  margin-bottom: 0;
}

.content-section-5 .title-box + .accordion-secondary {
  margin-bottom: 40px;
}

.content-section-5 .title-box {
  max-width: unset;
}

.content-section-5 .content-arrow-holder {
  padding: 50px 30px;
}

.content-section-5 .content-arrow-holder .arrow-wrap {
  top: 50%;
  transform: translateY(-50%);
}

.main-inner-section {
  border-top: 18px solid transparent;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  padding-top: 125px;
}

.main-inner-section h1 {
  color: #3A5A89;
  margin-bottom: 50px;
}

.main-inner-section h2 {
  margin: 0 0 25px;
}

.main-inner-section .text-center p {
  margin: 0 0 70px;
}

.main-inner-section .container {
  max-width: 1360px;
}

.main-inner-section .text-center {
  text-align: left;
}

.main-inner-section .text-md {
  margin: 0 0 90px !important;
}

.main-inner-section .text-xs {
  margin: 0 0 60px;
}

.accordion-section-2 {
  padding: 70px 0 30px;
}

.content-section-6 {
  padding: 30px 0 70px;
}

.content-section-7 {
  padding-top: 0 !important;
}

.content-section-7 .title-box {
  margin-bottom: 70px;
}

.accordion-section-3 .text-center {
  text-align: center;
}

.accordion-section-3 .text-center h2 {
  margin-bottom: 50px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.accordion-section-3 .accordion-main {
  margin-bottom: 80px;
}

.content-section-8 {
  padding-top: 0 !important;
}

.content-section-8 .container {
  max-width: 1375px;
}

.content-section-8 .title-box {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
}

.content-section-8 {
  padding: 100px 0 80px;
}

.training-section-4 .title-box {
  margin-bottom: 0;
}

.marketing-section-2 {
  padding: 0 0 80px;
}

.marketing-section-2 .title-box {
  margin-bottom: 0;
}

.marketing-section-3 {
  padding: 50px 0;
}

.slider-section-5 {
  padding: 100px 0;
}

.slider-section-5 .title-box {
  margin-bottom: 0;
}

.slider-section-5 .text-box {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.training-section-5 {
  padding: 100px 0;
}

.training-section-5 .container {
  max-width: 1347px;
}

.training-section-5 .title-box {
  margin: 0;
}

.training-section-5 .link-black {
  margin-bottom: 65px;
}

.training-section-6 {
  padding: 50px 0 !important;
}

.training-section-6 .title-box {
  margin-bottom: 30px;
}

.training-section-6 .title-box h2 {
  margin-bottom: 0;
}

.main-inner-section,
.questions-section {
  position: relative;
}

.sponsor-section {
  padding: 0 0 70px;
}

.sponsor-section .container {
  max-width: 1360px;
}

.sponsor-section .sponsor-row {
  padding: 45px 0 34px;
  border-bottom: 4px solid #FAF2C2;
}

.sponsor-section .sponsor-row:first-child {
  padding-top: 26px;
}

.sponsor-section .sponsor-row:last-child {
  border-bottom: none;
}

.sponsor-section .sponsor-row h4 {
  margin: 0 0 20px;
}

.sponsor-section .sponsor-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-left: -30px;
  margin-right: -30px;
  width: calc(100% + 60px);
}

.sponsor-section .sponsor-wrap .image-wrap {
  width: 50%;
  padding: 10px 30px;
  text-align: center;
}

.sponsor-section .premium-sponsors .sponsor-wrap .image-wrap {
  width: 25%;
}

.sponsor-section .main-sponsors .sponsor-wrap .image-wrap {
  width: 33.333%;
}

#meinkindwirddachdecker.content-section .video-container {
  margin-bottom: 0 !important;
}

section.section-360 {
  padding: 120px 0;
}

section.section-360 h2 {
  margin: 0 auto 50px auto;
}

.section-contact .btn-red {
  margin: 1em 1em;
}

#footer {
  position: relative;
  background: #FAF2C2;
  padding-bottom: 80px;
  padding-right: 15px;
  padding-left: 15px;
}

#footer .footer-logo-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 70px;
  height: 70px;
  margin: -35px auto 0;
  padding: 10px;
}

#footer .footer-logo-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FAF2C2;
  transform: rotate(-45deg);
}

#footer .footer-logo-box img {
  position: relative;
}

#footer .footer-logo-box a {
  display: inline-block;
}

#footer .footer-logo-list a,
#footer .footer-border-links a,
#footer .bottom-links a,
#footer .footer-list a {
  color: #262626;
}

#footer .sponsoren-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[4];
      grid-template-columns: repeat(4, auto);
  padding-top: 20px;
}

#footer .sponsoren-row .footer-col:first-of-type {
  -ms-flex-order: 2;
      order: 2;
}

#footer .footer-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

#footer .footer-logo-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 40px;
}

#footer .footer-logo-list li {
  width: 50px;
}

#footer .footer-logo-list li:not(:last-of-type) {
  margin-right: 30px;
}

#footer .footer-logo-list a {
  display: inline-block;
}

#footer .footer-list li:not(:last-of-type) {
  margin-bottom: 8px;
}

#footer .footer-border-links {
  margin-bottom: 30px;
}

#footer .footer-border-links li:not(:last-of-type) {
  margin-bottom: 3px;
}

#footer .footer-border-links li a {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  color: #262626;
  line-height: 1.8;
}

#footer .footer-border-links li a:before {
  transition: bottom 0.1s ease;
}

#footer .footer-border-links li a:hover:before {
  bottom: 0;
}

#footer .social-links li {
  margin-right: 0;
  margin-bottom: 0;
}

#footer .bottom-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#footer .bottom-links li:not(:last-of-type) {
  margin-right: 25px;
}

#footer .sponsoren-row {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  margin-bottom: 46.66667px;
  grid-gap: 28px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(1) img {
  width: 150px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(2) img {
  width: 170px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(3) img {
  width: 79px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(4) img {
  width: 110px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(5) img {
  width: 120px;
}

#footer .sponsoren-row.row-2 .logo-sponsor:nth-child(8) img {
  width: 100px;
}

#footer .sponsoren-row .logo-sponsor {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  justify-self: center;
}

.page-border,
#footer,
#header,
#main,
#main:before {
  transition-timing-function: linear;
}

#main,
#header,
#footer {
  transition-property: transform;
}

.page-border {
  transition-property: top;
}

#main,
.main-nav-holder {
  position: relative;
}

#main:before,
.main-nav-holder:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  transition-property: background-color;
}

#footer {
  transform: translateY(0);
  z-index: 101;
}

#header {
  transform: translateY(-100vh);
  z-index: 90;
}

#header .main-nav-holder:before {
  background-color: rgba(38, 38, 38, 0.6);
}

#main {
  z-index: 100;
}

#main:before {
  background-color: rgba(38, 38, 38, 0);
}

.nav-active #header {
  transform: translateY(0);
  z-index: 100;
}

.nav-active #header .main-nav-holder:before {
  background-color: rgba(38, 38, 38, 0);
}

.nav-active #main {
  transform: translateY(100vh);
  z-index: 90;
}

.nav-active #main:before {
  background-color: rgba(38, 38, 38, 0.8);
}

.nav-active #footer {
  transform: translateY(100vh);
}

html.menu-opened {
  height: 100%;
  overflow: hidden;
}

html.menu-opened body {
  height: 100%;
  overflow: hidden;
}

html.menu-opened #footer,
html.menu-opened #main {
  transition: transform 0s;
  transform: translateY(100vh);
}

#header .nav-opener {
  pointer-events: none;
}

.nav-active #main .nav-opener {
  pointer-events: none;
  z-index: 99;
}

.nav-active #header .nav-opener {
  pointer-events: auto;
}

.fixed-box-holder {
  overflow: hidden;
}

.fixed-box-holder .text-holder {
  opacity: 0;
  transition: opacity .5s;
  position: relative;
}

.fixed-box-holder .text-holder:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: rgba(0, 0, 0, 0.7);
  width: 100vw;
  height: 160vh;
  transform: translate(-50%, -60%);
}

.fixed-box-holder h2 {
  z-index: 33;
}

.fixed-box-holder .subtitle {
  z-index: 44;
  position: relative;
}

.fixed-box-holder h2.skrollable-after + .text-holder {
  opacity: 1;
}

@media (min-width: 428px) {
  .df-row.df-rr-ph {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .df-row.df-aic-ph {
    -ms-flex-align: center;
        align-items: center;
  }

  .df-row .col-ph-1 {
    -ms-flex: 1 0 calc(100% / 12 * 1);
        flex: 1 0 calc(100% / 12 * 1);
    max-width: calc(100% / 12 * 1);
  }

  .df-row .col-ph-2 {
    -ms-flex: 1 0 calc(100% / 12 * 2);
        flex: 1 0 calc(100% / 12 * 2);
    max-width: calc(100% / 12 * 2);
  }

  .df-row .col-ph-3 {
    -ms-flex: 1 0 calc(100% / 12 * 3);
        flex: 1 0 calc(100% / 12 * 3);
    max-width: calc(100% / 12 * 3);
  }

  .df-row .col-ph-4 {
    -ms-flex: 1 0 calc(100% / 12 * 4);
        flex: 1 0 calc(100% / 12 * 4);
    max-width: calc(100% / 12 * 4);
  }

  .df-row .col-ph-5 {
    -ms-flex: 1 0 calc(100% / 12 * 5);
        flex: 1 0 calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5);
  }

  .df-row .col-ph-6 {
    -ms-flex: 1 0 calc(100% / 12 * 6);
        flex: 1 0 calc(100% / 12 * 6);
    max-width: calc(100% / 12 * 6);
  }

  .df-row .col-ph-7 {
    -ms-flex: 1 0 calc(100% / 12 * 7);
        flex: 1 0 calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7);
  }

  .df-row .col-ph-8 {
    -ms-flex: 1 0 calc(100% / 12 * 8);
        flex: 1 0 calc(100% / 12 * 8);
    max-width: calc(100% / 12 * 8);
  }

  .df-row .col-ph-9 {
    -ms-flex: 1 0 calc(100% / 12 * 9);
        flex: 1 0 calc(100% / 12 * 9);
    max-width: calc(100% / 12 * 9);
  }

  .df-row .col-ph-10 {
    -ms-flex: 1 0 calc(100% / 12 * 10);
        flex: 1 0 calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10);
  }

  .df-row .col-ph-11 {
    -ms-flex: 1 0 calc(100% / 12 * 11);
        flex: 1 0 calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11);
  }

  .df-row .col-ph-12 {
    -ms-flex: 1 0 calc(100% / 12 * 12);
        flex: 1 0 calc(100% / 12 * 12);
    max-width: calc(100% / 12 * 12);
  }

  .df-row .col-offset-ph-0 {
    margin-left: calc(100% / 12 * 0);
  }

  .df-row .col-offset-ph-1 {
    margin-left: calc(100% / 12 * 1);
  }

  .df-row .col-offset-ph-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .df-row .col-offset-ph-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .df-row .col-offset-ph-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .df-row .col-offset-ph-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .df-row .col-offset-ph-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .df-row .col-offset-ph-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .df-row .col-offset-ph-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .df-row .col-offset-ph-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .df-row .col-offset-ph-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .df-row .col-offset-ph-11 {
    margin-left: calc(100% / 12 * 11);
  }

  h1,
  .h1 {
    font-size: 50px;
  }

  h2,
  .h2 {
    font-size: 37px;
  }

  .nav-opener {
    top: 17px;
    left: 17px;
  }

  .container {
    padding: 0 55px;
  }

  .top-links {
    display: -ms-flexbox;
    display: flex;
    top: 18px;
    right: 18px;
  }

  .top-links li:not(:last-of-type) {
    margin-bottom: 0;
  }

  .card-wrap {
    padding: 70px 55px 92px;
  }

  .testimonials-wrap .img-wrap {
    margin-left: -55px;
    margin-right: -55px;
  }

  .testimonials-wrap .description-wrap {
    margin-left: -45px;
    margin-right: -45px;
  }

  .testimonials-wrap .description-wrap .item {
    margin: 0 10px;
  }

  .main-inner .video-container .text-wrap {
    padding: 0 55px;
  }

  .main-inner .video-container .video-wrap .mark {
    right: 55px;
  }

  .main-inner .card-wrap {
    padding: 70px 55px 92px;
  }

  .main-inner .testimonials-wrap .img-wrap {
    margin-left: -55px;
    margin-right: -55px;
  }

  .main-inner .testimonials-wrap .description-wrap {
    margin-left: -45px;
    margin-right: -45px;
  }

  .main-inner .testimonials-wrap .description-wrap .item {
    margin: 0 10px;
  }

  .loader-overlay .loader-wrap {
    margin: auto;
  }

  .buttons-play-wrap .button-play:first-of-type {
    top: 0;
    left: 0;
  }

  .buttons-play-wrap .button-play:last-of-type {
    top: 0;
    left: 0;
  }

  .main-nav-holder {
    padding-top: 118px;
  }

  .main-nav-holder .container {
    padding-left: 38px;
    padding-right: 38px;
  }

  .main-nav li a,
  .main-drop li a {
    font-size: 30px;
  }

  .main-nav .has-drop > a:after {
    font-size: 24px;
  }

  .main-drop .btn-back a {
    font-size: 22px;
  }

  .main-drop .btn-back a:before {
    font-size: 20px;
    padding-left: 25px;
  }

  .header-logo-list {
    right: 40px;
  }

  .card-service {
    width: 310px;
  }

  .card-service .img-wrap {
    width: 310px;
  }

  .card-service-alt {
    width: 310px;
  }

  .sounds {
    margin-left: -55px;
    margin-right: -55px;
  }

  .js-range-slider .jcf-range {
    margin: 0 33px;
  }

  .map-wrap svg {
    max-height: 400px;
  }

  .map-form-holder {
    padding: 51px 25px 57px;
  }

  .service-slider .slick-slide {
    width: 310px;
    margin-right: 37px;
  }

  .slick-dots li button {
    position: static;
  }

  .slick-dots li button::before {
    width: 40px;
    height: 40px;
    top: 0;
    left: -3px;
  }

  .slick-dots li button::after {
    right: -8px;
  }

  .main-section .light-img-wrap {
    right: -250px;
  }

  .main-section .bottom-logo-wrap {
    left: 40px;
  }

  .sun-section .sun {
    width: 590px;
    height: 590px;
  }

  .range-section .range-wrap {
    margin-left: -55px;
    margin-right: -55px;
  }

  .range-section .text-wrap .text-wrap-body {
    padding-right: 20px;
  }

  .main-inner .main-section .light-img-wrap {
    right: -250px;
  }

  .main-inner .planet-section .cosmo-wrap .img-ladder {
    left: -140px;
  }

  .sponsor-section .sponsor-wrap .image-wrap {
    width: 33.333%;
  }

  #footer .bottom-links li:not(:last-of-type) {
    margin-right: 30px;
  }
}

@media (min-width: 500px) {
  .map-form-holder .input-holder {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .map-form-holder .input-holder input {
    margin-right: 17px;
    margin-bottom: 0;
  }
}

@media (min-width: 580px) {
  .main-section .light-img-wrap {
    right: -340px;
    bottom: 450px;
  }

  .main-inner .main-section .light-img-wrap {
    right: -340px;
    bottom: 450px;
  }
}

@media (min-width: 600px) {
  .quiz-lightbox .main-content,
  .quiz-result-lightbox .main-content {
    margin-bottom: 50px;
  }
}

@media (min-width: 740px) {
  .sounds li {
    max-width: 20%;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .df-row.df-rr-sm {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .df-row.df-aic-sm {
    -ms-flex-align: center;
        align-items: center;
  }

  .df-row .col-sm-1 {
    -ms-flex: 1 0 calc(100% / 12 * 1);
        flex: 1 0 calc(100% / 12 * 1);
    max-width: calc(100% / 12 * 1);
  }

  .df-row .col-sm-2 {
    -ms-flex: 1 0 calc(100% / 12 * 2);
        flex: 1 0 calc(100% / 12 * 2);
    max-width: calc(100% / 12 * 2);
  }

  .df-row .col-sm-3 {
    -ms-flex: 1 0 calc(100% / 12 * 3);
        flex: 1 0 calc(100% / 12 * 3);
    max-width: calc(100% / 12 * 3);
  }

  .df-row .col-sm-4 {
    -ms-flex: 1 0 calc(100% / 12 * 4);
        flex: 1 0 calc(100% / 12 * 4);
    max-width: calc(100% / 12 * 4);
  }

  .df-row .col-sm-5 {
    -ms-flex: 1 0 calc(100% / 12 * 5);
        flex: 1 0 calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5);
  }

  .df-row .col-sm-6 {
    -ms-flex: 1 0 calc(100% / 12 * 6);
        flex: 1 0 calc(100% / 12 * 6);
    max-width: calc(100% / 12 * 6);
  }

  .df-row .col-sm-7 {
    -ms-flex: 1 0 calc(100% / 12 * 7);
        flex: 1 0 calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7);
  }

  .df-row .col-sm-8 {
    -ms-flex: 1 0 calc(100% / 12 * 8);
        flex: 1 0 calc(100% / 12 * 8);
    max-width: calc(100% / 12 * 8);
  }

  .df-row .col-sm-9 {
    -ms-flex: 1 0 calc(100% / 12 * 9);
        flex: 1 0 calc(100% / 12 * 9);
    max-width: calc(100% / 12 * 9);
  }

  .df-row .col-sm-10 {
    -ms-flex: 1 0 calc(100% / 12 * 10);
        flex: 1 0 calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10);
  }

  .df-row .col-sm-11 {
    -ms-flex: 1 0 calc(100% / 12 * 11);
        flex: 1 0 calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11);
  }

  .df-row .col-sm-12 {
    -ms-flex: 1 0 calc(100% / 12 * 12);
        flex: 1 0 calc(100% / 12 * 12);
    max-width: calc(100% / 12 * 12);
  }

  .df-row .col-offset-sm-0 {
    margin-left: calc(100% / 12 * 0);
  }

  .df-row .col-offset-sm-1 {
    margin-left: calc(100% / 12 * 1);
  }

  .df-row .col-offset-sm-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .df-row .col-offset-sm-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .df-row .col-offset-sm-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .df-row .col-offset-sm-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .df-row .col-offset-sm-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .df-row .col-offset-sm-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .df-row .col-offset-sm-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .df-row .col-offset-sm-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .df-row .col-offset-sm-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .df-row .col-offset-sm-11 {
    margin-left: calc(100% / 12 * 11);
  }

  .df-row {
    margin: 0 -140px;
  }

  h1,
  .h1 {
    margin: 0 0 35px;
    line-height: .87;
  }

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

  h2,
  .h2 {
    margin: 0 0 65px;
    line-height: .95;
  }

  h2,
  .h2 {
    font-size: 2.315rem;
  }

  .text-md {
    font-size: 36px;
  }

  #fragen {
    padding: 150px 0;
  }

  .top-links {
    top: 40px;
    right: 55px;
  }

  .card-wrap .text-wrap h2 {
    margin-bottom: 40px;
    font-size: 46px;
    max-width: 380px;
  }

  .card-wrap .text-wrap .btn-wrapper {
    padding-top: 50px;
  }

  .social-links-red {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .social-links-red div {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .social-links-red div {
    font-size: 36px;
  }

  .testimonials-wrap .img-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials-wrap .description-wrap {
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials-wrap .description-wrap .item {
    margin: 0 25px;
  }

  .testimonials-wrap .description-wrap .item p {
    line-height: 1.3;
  }

  .timetable-section .info-box {
    padding: 120px 0 250px;
  }

  .timetable-section .info-box .text-box {
    padding-left: 50px;
    width: 80%;
    padding-right: 70px;
    margin: 0 auto 50px;
  }

  .timetable-section .info-box .text-box ol {
    max-width: 100%;
    margin-left: 25px;
  }

  .timetable-section .info-box .text-box ol li {
    margin-bottom: 45px;
    font-size: 28px;
  }

  .timetable-section .info-box .text-box ol span {
    font-size: 28px;
  }

  .timetable-section .info-box .img-box .decor-box {
    left: -78px;
    top: -96px;
    width: 193px;
    height: 193px;
  }

  .main-inner .video-container {
    width: 53%;
  }

  .main-inner .video-container .text-wrap {
    padding: 0;
  }

  .main-inner .video-container .text-wrap .text-wrap-body {
    font-size: 28px;
  }

  .main-inner .video-container .video-wrap .play-btn {
    width: 160px;
    height: 160px;
  }

  .main-inner .card-wrap .text-wrap h2 {
    margin-bottom: 40px;
    font-size: 46px;
    max-width: 380px;
  }

  .main-inner .card-wrap .text-wrap .btn-wrapper {
    padding-top: 50px;
  }

  .main-inner .testimonials-wrap .img-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .main-inner .testimonials-wrap .description-wrap {
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .main-inner .testimonials-wrap .description-wrap .item {
    margin: 0 25px;
  }

  .loader-overlay .loader-wrap {
    transform: scale(1);
  }

  .btn-red.btn-xs,
  .btn-red-main.btn-xs {
    font-size: 23px;
    padding: 12px 23px;
    min-width: auto;
  }

  .btn-red {
    padding: 23px 70px;
    font-size: 36px;
  }

  .btn-red-main {
    padding: 12px 23px;
  }

  .buttons-play-wrap .text {
    font-size: 36px;
    margin-left: 23px;
  }

  .buttons-play-wrap .play-icon {
    width: 40px;
    height: 40px;
  }

  .buttons-play-wrap .play-icon:before {
    font-size: 20px;
  }

  .main-nav li a,
  .main-drop li a {
    line-height: .95;
  }

  .main-nav li a,
  .main-drop li a {
    font-size: 2.315rem;
  }

  .main-nav .has-drop > a:after {
    font-size: 38px;
    padding-left: 10vw;
  }

  .main-drop .btn-back a {
    margin-left: 11px;
  }

  .card-secondary {
    width: 25%;
  }

  .sounds {
    margin-left: -35px;
    margin-right: -35px;
  }

  .sounds li:first-of-type .toggle-sound {
    height: 246px;
  }

  .sounds li:first-of-type .toggle-sound img.active {
    transform: scale(1);
    height: 120%;
  }

  .sounds li:nth-of-type(2) .toggle-sound {
    height: 252px;
    left: 13px;
  }

  .sounds li:nth-of-type(3) .toggle-sound {
    height: 241px;
  }

  .sounds li:nth-of-type(4) .toggle-sound {
    height: 250px;
  }

  .sounds li:nth-of-type(5) .toggle-sound {
    height: 271px;
    top: -24px;
  }

  .sounds li:nth-of-type(5) .toggle-sound img {
    transform: scale(1.15);
  }

  .toggle-sound {
    height: auto;
  }

  .toggle-sound img {
    object-position: 50% 100%;
    max-height: none;
    display: block;
    height: 100%;
    object-fit: contain;
  }

  .js-range-slideset {
    margin-bottom: 90px;
    margin-top: 90px;
  }

  .yellow-section .js-range-slideset .slide {
    font-size: 8.75rem;
  }

  .js-range-slideset .slide {
    font-size: 1.375rem;
  }

  .js-range-slideset .slide span {
    max-width: 460px;
    font-size: 22px;
  }

  .js-range-slider {
    font-size: 3.375rem;
    height: 107px;
    max-width: 812px;
  }

  .js-range-slider .jcf-range-handle:after {
    animation: left-right-arrow-min 2s ease-in-out infinite;
  }

  .js-range-slider .jcf-range-handle:after {
    font-size: 26px;
    bottom: -41px;
  }

  .js-range-slider .jcf-range {
    margin: 0 calc(138px / 2);
  }

  .js-range-slider .jcf-range-track {
    margin: 0 138px 0 0;
  }

  .js-range-slider .jcf-range-wrapper {
    height: 107px;
  }

  .js-range-slider .jcf-range-handle {
    margin: -13px 0 0;
    width: 138px;
    height: 133px;
  }

  .js-range-slider .jcf-range-handle:before {
    height: 107px;
    width: 11px;
  }

  .js-range-slider .jcf-range-mark {
    top: 18px;
    width: 138px;
    height: 100px;
  }

  .parallax-section {
    padding: 400px 0 0;
  }

  .parallax-section .decor-img {
    background-size: 80vw auto;
  }

  .parallax-holder .elems-row .elems-item {
    width: calc(100% / 3);
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 1) {
    padding-right: 10px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 1) .elem-holder .p-elem:nth-child(2) {
    right: 40px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 2) {
    padding: 0 10px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 2) .elem-holder .p-elem:nth-child(1) {
    left: 40px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 2) .elem-holder .p-elem:nth-child(2) {
    right: 40px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(2n + 2) {
    opacity: 0;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 3) {
    padding-left: 10px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 3) .elem-holder .p-elem:nth-child(1) {
    left: 40px;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 3) .elem-holder .p-elem:nth-child(2) {
    right: 0;
  }

  .parallax-holder .elems-row .elem-holder {
    height: 250px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.right {
    right: 0;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.top {
    top: 0;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.bottom {
    bottom: 0px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.left {
    left: 0;
  }

  .fixed-box-holder .fixed-box {
    padding: 22% 0 0;
  }

  .fixed-box-holder .fixed-box .text-holder .subtitle {
    max-width: 50%;
    margin: 0 auto 50px;
  }

  .in-viewport .img-wrap .img-box.top {
    animation: fromTop 2s ease forwards;
  }

  .in-viewport.large-img .img-wrap {
    width: 100%;
    max-width: 1640px;
    opacity: 1;
  }

  .alert-holder h2 {
    margin-bottom: 60px;
  }

  .alert-holder img {
    max-width: 203px;
    top: -43px;
    right: 32px;
  }

  .alert-secondary img {
    width: 14vw;
  }

  .info-block {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .info-block .text-wrap {
    padding: 20px 28px;
    font-size: 1.625rem;
    max-width: 674px;
    margin-left: -276px;
    margin-top: 0;
  }

  .accordion-main li {
    margin-bottom: 30px;
  }

  .acc-opener {
    font-size: 35px;
    padding: 0 0 14px 50px;
    text-align: center;
  }

  .acc-opener span {
    padding: 0 20px;
  }

  .acc-opener .icon-holder {
    width: 35px;
    min-height: 35px;
    top: 11px;
  }

  .acc-slide-box {
    padding: 40px 0;
  }

  .acc-slide-box .row {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 70px;
  }

  .acc-slide-box .row .img-wrap {
    width: 50%;
    margin-right: 60px;
  }

  .acc-slide-box .row .text-box {
    width: 50%;
  }

  .arrow-list li {
    padding: 0 0 15px 51px;
  }

  .arrow-list li:last-child {
    padding: 0 0 40px 51px;
  }

  .arrow-list li .icon-holder {
    top: 4px;
    width: 28px;
    min-height: 21px;
  }

  .accordion-secondary .acc-opener {
    font-size: 22px;
    padding: 40px 0 25px 50px;
  }

  .accordion-secondary .acc-opener .icon-holder {
    top: 35px;
  }

  .accordion-secondary .acc-slide {
    padding-left: 50px;
  }

  .accordion-secondary .acc-slide-box {
    padding-bottom: 40px;
  }

  .career .acc-slide-box .img-wrap {
    width: 30%;
  }

  .career .acc-slide-box .text-box {
    width: 70%;
    margin-right: 60px;
  }

  .map-wrap svg {
    max-height: none;
    height: auto;
  }

  .quiz-lightbox,
  .quiz-result-lightbox {
    padding: 0 !important;
    min-height: 850px;
  }

  .quiz-lightbox .top-content h5,
  .quiz-result-lightbox .top-content h5 {
    top: 50px;
    left: 40px;
  }

  .quiz-lightbox .main-content,
  .quiz-result-lightbox .main-content {
    margin-top: 0;
    padding-bottom: 170px;
    margin-bottom: 0;
  }

  .quiz-lightbox .main-content h2,
  .quiz-result-lightbox .main-content h2 {
    font-size: 4.5vw;
    line-height: 1.1;
    margin-bottom: 5vw;
  }

  .quiz-lightbox .main-content .submit-btn,
  .quiz-result-lightbox .main-content .submit-btn {
    bottom: 33px;
    font-size: 28px;
    right: -35px;
  }

  .quiz-lightbox .main-content .submit-btn::after,
  .quiz-result-lightbox .main-content .submit-btn::after {
    top: 10px;
    right: 0;
    width: 11px;
    height: 11px;
  }

  .quiz-result-lightbox .arrow-wrap .img-wrap {
    max-width: 250px;
    left: -115px;
  }

  .quiz-result-lightbox .arrow-wrap h2 {
    top: 40%;
    font-size: 36px !important;
  }

  .quiz-result-lightbox .buttons-wrap {
    max-width: 620px;
  }

  .quiz-result-lightbox .buttons-wrap li:not(:last-of-type) {
    margin-bottom: 45px;
  }

  .slide-item-main .img-wrap {
    max-width: 61.6vw;
  }

  .slide-item-main .btn-holder {
    max-width: 313px;
    bottom: 50px;
  }

  .slide-item-secondary .slide-card {
    font-size: 22px;
  }

  .range-box {
    padding: 12px 20px 6px;
    max-width: 300px;
    bottom: 50px;
  }

  .range-box .range-desc-holder {
    margin-bottom: 10px;
  }

  .range-box .range-desc-holder .range-desc {
    font-size: 18px;
  }

  .radio-wrap .fake-input {
    width: 49px;
    height: 49px;
  }

  .radio-card {
    width: 25%;
    margin: 0;
  }

  .radio-card.radio-card-alt {
    width: 50%;
    max-width: none;
  }

  .form-lightbox {
    padding: 50px 0 !important;
  }

  .form-lightbox .form-lightbox .popup-wrapper {
    padding: 15px 6.7vw;
  }

  .form-lightbox .popup-wrapper .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .form-lightbox .popup-wrapper .column {
    width: 50%;
  }

  .form-lightbox .popup-wrapper .row.col-1 .column {
    width: 100%;
  }

  .form-lightbox .popup-wrapper .btn {
    max-width: 285px;
  }

  .form-wrapper .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .form-wrapper .column {
    width: 50%;
  }

  .form-wrapper .row.col-1 .column {
    width: 100%;
  }

  .form-wrapper .btn {
    max-width: 285px;
  }

  .cc-window .cc-holder h2 {
    font-size: 3em !important;
  }

  .cc-window .cc-holder .cc-btn {
    padding: 20px 25px;
  }

  .calendar-wrap .date-element {
    -ms-grid-columns: 150px auto;
        grid-template-columns: 150px auto;
    -ms-grid-rows: auto;
        grid-template-rows: auto;
  }

  .calendar-wrap .date-element .date-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    border-bottom: none;
    padding: 20px;
  }

  .calendar-wrap .date-element .date-wrapper .to-div {
    margin: 0;
  }

  .calendar-wrap .date-element .info-container {
    -ms-flex-direction: row;
        flex-direction: row;
    border-top: none;
    padding: 20px;
    border-left: 5px solid #FCFFE9;
  }

  .calendar-wrap .date-element .info-container .address {
    margin-bottom: 0;
  }

  .calendar-wrap .date-element .info-container .address {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }

  .clock-holder .clock-box.decor-bg {
    background-size: 730px;
  }

  .clock-holder .clock-box.decor-bg .clock-circle {
    border: 25px solid #faf3c8;
    height: 510px;
    min-width: 510px;
  }

  .clock-holder .clock-box.decor-bg .clock-circle:before {
    width: 40px;
    height: 40px;
  }

  .clock-holder .clock-box.decor-bg .clock-circle .minute-hand {
    width: 157px;
    left: 74px;
    height: 25px;
  }

  .clock-holder .clock-box.decor-bg .clock-circle .hour-hand {
    height: 25px;
    width: 217px;
    left: 14px;
  }

  .fancybox-content {
    padding: 44px;
  }

  .fancybox-close-small {
    right: 41px;
    top: 35px;
    width: 45px;
    height: 45px;
  }

  .fancybox-close-small::after,
  .fancybox-close-small::before {
    top: 18px;
    left: 2px;
    width: 40px;
    height: 6px;
  }

  .slick-dots {
    padding: 0 26px;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .slick-dots li {
    width: 56px;
    height: 56px;
    margin: 0 13px;
  }

  .slick-dots li button {
    font-size: 29px;
  }

  .slick-dots li button::before {
    width: 56px;
    height: 56px;
    left: -2px;
  }

  .slick-dots li button::after {
    top: 4px;
    bottom: 6px;
    right: -8px;
  }

  .quiz-slider .slick-arrow {
    bottom: -140px;
    font-size: 28px;
  }

  .quiz-slider .slick-arrow::after {
    top: 10px;
    right: 0;
    width: 11px;
    height: 11px;
  }

  .quiz-slider .slick-dots {
    max-width: 736px;
    bottom: -100px;
  }

  .quiz-lightbox .jcf-range {
    padding: 10px 0;
  }

  .quiz-lightbox .jcf-range .jcf-range-handle {
    width: 38px;
    height: 38px;
    margin: -4px 0 0;
  }

  .quiz-lightbox .jcf-range .jcf-range-handle::after {
    width: 30px;
    height: 30px;
  }

  .main-section .text-wrap {
    max-width: 460px;
    height: unset;
    podding-top: unset;
  }

  .main-section .text-wrap .main-button-wrapper {
    margin-left: 48px;
  }

  .main-section .light-img-wrap {
    top: -320px;
    right: -700px;
    max-width: max-content;
  }

  .main-section-alt .text-wrap {
    font-size: 2.25rem;
  }

  .main-section-alt .text-wrap h1 span {
    display: none;
  }

  .media-section .container .title-wrap {
    max-width: 440px;
  }

  .media-section .arrows-wrap {
    animation: left-right-arrow-2-t 4s ease-in-out infinite;
    left: -90px;
  }

  .sun-section .title-wrap {
    margin-bottom: 120px;
  }

  .sun-section .sun .sun-wrap {
    width: 80%;
    bottom: 0;
    right: 120px;
    left: 0;
    width: 100%;
  }

  .sun-section .sun .sun-wrap .sun-object {
    top: auto;
  }

  .sun-section .viewport-section.in-viewport .img-wrap .man-wrap {
    right: 5%;
  }

  .slider-section {
    padding: 150px 0;
  }

  .phone-section .side-wrap .img-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .range-section {
    padding: 140px 0 115px;
  }

  .main-inner .range-section .range-wrap {
    max-width: none;
  }

  .range-section .range-wrap .descr-wrap {
    margin-top: 22px;
  }

  .range-section .range-wrap .descr-wrap .descr {
    font-size: 72px;
  }

  .range-section .text-wrap {
    margin-bottom: 60px;
  }

  .range-section .text-wrap .text-wrap-body {
    padding-right: 80px;
  }

  .testimonials-section {
    padding-bottom: 80px;
    padding-top: 180px;
  }

  .arrow-section {
    padding: 100px 0 170px;
    min-height: 658px;
  }

  .arrow-section .arrow-wrap .img-wrap {
    max-width: 335px;
  }

  .arrow-section .arrow-wrap h2 {
    top: 40%;
  }

  .arrow-section .buttons-wrap {
    max-width: 620px;
  }

  .arrow-section .buttons-wrap li:not(:last-of-type) {
    margin-bottom: 45px;
  }

  .car-section .text-wrap .text-wrap-body {
    padding-right: 100px;
  }

  .car-section .logo-list li {
    margin-right: 22px;
  }

  .overview-section h2 {
    max-width: 663px;
    margin: 0 auto 50px;
  }

  .main-inner .main-section .text-wrap {
    max-width: 560px;
    margin-top: 10em;
    margin-bottom: auto;
  }

  .main-inner .main-section .light-img-wrap {
    top: -320px;
    right: -700px;
    max-width: max-content;
  }

  .main-inner .media-section .container .title-wrap {
    max-width: 440px;
  }

  .main-inner .media-section .arrows-wrap {
    animation: left-right-arrow-2-t 4s ease-in-out infinite;
    left: -90px;
  }

  .main-inner .sun-section .title-wrap {
    margin-bottom: 120px;
  }

  .main-inner .sun-section .sun {
    margin-right: auto;
    margin-left: auto;
  }

  .main-inner .sun-section .sun .sun-wrap {
    width: 100%;
    top: 80%;
  }

  .main-inner .phone-section .side-wrap .img-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .main-inner .range-section .range-wrap {
    transform: scale(0.8);
  }

  .main-inner .range-section .descr-wrap {
    margin-top: 22px;
  }

  .main-inner .range-section .descr-wrap .descr {
    font-size: 72px;
  }

  .main-inner .planet-section .cosmo-wrap {
    margin-bottom: -150px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list {
    left: 55%;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li {
    font-size: 22px;
  }

  .main-inner .testimonials-section {
    padding-bottom: 80px;
    padding-top: 180px;
  }

  .main-inner .arrow-section {
    padding: 100px 0 170px;
  }

  .main-inner .arrow-section .arrow-wrap .img-wrap {
    max-width: 335px;
  }

  .main-inner .arrow-section .arrow-wrap h2 {
    top: 40%;
  }

  .main-inner .arrow-section .buttons-wrap {
    max-width: 620px;
  }

  .main-inner .arrow-section .buttons-wrap li:not(:last-of-type) {
    margin-bottom: 45px;
  }

  .main-inner .car-section .text-wrap .text-wrap-body {
    padding-right: 100px;
  }

  .main-inner .car-section .logo-list li {
    margin-right: 22px;
  }

  .content-section {
    padding: 150px 0;
  }

  .content-section-2 .text-wrap-alt {
    margin-bottom: 80px;
  }

  .content-section-2 .info-block {
    margin-bottom: 80px;
  }

  .title-box {
    font-size: 28px;
  }

  .content-arrow-holder {
    padding: 50px 0;
  }

  .content-arrow-holder .arrow-wrap .img-wrap {
    max-width: 335px;
  }

  .content-arrow-holder .text-holder {
    font-size: 2.25rem;
  }

  .info-section {
    padding: 150px 0;
  }

  .training-section {
    padding: 150px 0;
  }

  .training-section .light-img-box.right {
    display: block;
  }

  .training-section-2 {
    padding: 150px 0;
  }

  .content-section-9 {
    padding: 150px 0 !important;
  }

  .content-section-10 {
    padding: 150px 0;
  }

  .banner-section .row {
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: calc(100% + 30px);
  }

  .banner-section .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .banner-xs-section {
    padding: 150px 0;
  }

  .banner-xs {
    min-height: 634px;
  }

  .feature-item {
    max-width: 29%;
    margin: 5px 30px;
  }

  .feature-item .num-item {
    font-size: 3.75rem;
    margin-bottom: 35px;
  }

  .feature-item .icon-holder {
    max-width: 100%;
  }

  .info-section-alt {
    padding: 150px 0;
  }

  .content-block-item {
    margin-bottom: 90px;
  }

  .content-block-item .row {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
  }

  .content-block-item .img-wrap {
    padding: 10px 30px;
    width: 50%;
  }

  .content-block-item .text-wrap {
    padding: 10px 30px;
    width: 50%;
  }

  .front .slider-section {
    padding-bottom: 50px;
  }

  .form-section {
    padding: 30px 0 100px;
  }

  .contact-list li::after {
    bottom: 7px;
  }

  .questions-section {
    padding: 150px 0 100px;
  }

  .questions-section .text-center {
    margin-bottom: 30px;
  }

  .questions-section .text-center h1 {
    margin-bottom: 50px;
  }

  .webform-section {
    padding: 150px 0 100px;
  }

  .webform-section .text-center {
    margin-bottom: 30px;
  }

  .webform-section .text-center h1 {
    margin-bottom: 50px;
  }

  .feautures-slider {
    padding: 150px 0;
  }

  .info-section-3 .info-block {
    margin-bottom: 100px;
  }

  .info-section-4 {
    padding: 150px 0;
  }

  .info-section-4 img {
    margin-bottom: 70px;
  }

  .info-section-4 .arrow-list {
    margin-bottom: 110px;
  }

  .info-section-4 .alert-holder {
    margin-bottom: 140px;
  }

  .info-section-4 .text-wrap-alt {
    margin-bottom: 90px;
  }

  .info-section-4 .info-block {
    margin-bottom: 100px;
  }

  .training-section-4 .accordion-main {
    margin-bottom: 90px;
  }

  .content-section-3 {
    padding: 100px 0 150px !important;
  }

  .content-section-3 .content-arrow-holder {
    margin-bottom: 180px;
  }

  .content-section-5 .content-arrow-holder {
    padding: 150px 0;
  }

  .main-inner-section {
    padding-top: 130px;
  }

  .main-inner-section h1 {
    margin-bottom: 100px;
  }

  .main-inner-section .text-xs {
    margin: 0 0 100px;
  }

  .accordion-section-2 {
    padding: 130px 0 60px;
  }

  .content-section-6 {
    padding: 60px 0 160px;
  }

  .content-section-7 .title-box {
    margin-bottom: 100px;
  }

  .accordion-section-3 .text-center h2 {
    margin-bottom: 80px;
  }

  .content-section-8 {
    padding: 100px 0 90px;
  }

  .marketing-section-2 {
    padding: 0 0 300px;
  }

  .training-section-5 .link-black {
    margin-bottom: 105px;
  }

  .sponsor-section {
    padding: 0 0 121px;
  }

  .sponsor-section .sponsor-row {
    padding: 65px 0 44px;
    border-bottom: 6px solid #FAF2C2;
  }

  .sponsor-section .sponsor-wrap .image-wrap {
    width: 25%;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  h1,
  .h1 {
    font-size: calc(3.125rem + 3.625 * ((100vw - 47vw) / 73));
  }

  h2,
  .h2 {
    font-size: calc(2.315rem + 2.185 * ((100vw - 47vw) / 73));
  }

  .main-nav li a,
  .main-drop li a {
    font-size: calc(2.315rem + 2.185 * ((100vw - 47vw) / 73));
  }
}

@media screen and (min-width: 768px) and (min-width: 1600px) {
  h1,
  .h1 {
    font-size: 6.75rem;
  }

  h2,
  .h2 {
    font-size: 4.5rem;
  }

  .main-nav li a,
  .main-drop li a {
    font-size: 4.5rem;
  }
}

@media (min-width: 992px) {
  .df-row.df-rr-md {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .df-row.df-aic-md {
    -ms-flex-align: center;
        align-items: center;
  }

  .df-row .col-md-1 {
    -ms-flex: 1 0 calc(100% / 12 * 1);
        flex: 1 0 calc(100% / 12 * 1);
    max-width: calc(100% / 12 * 1);
  }

  .df-row .col-md-2 {
    -ms-flex: 1 0 calc(100% / 12 * 2);
        flex: 1 0 calc(100% / 12 * 2);
    max-width: calc(100% / 12 * 2);
  }

  .df-row .col-md-3 {
    -ms-flex: 1 0 calc(100% / 12 * 3);
        flex: 1 0 calc(100% / 12 * 3);
    max-width: calc(100% / 12 * 3);
  }

  .df-row .col-md-4 {
    -ms-flex: 1 0 calc(100% / 12 * 4);
        flex: 1 0 calc(100% / 12 * 4);
    max-width: calc(100% / 12 * 4);
  }

  .df-row .col-md-5 {
    -ms-flex: 1 0 calc(100% / 12 * 5);
        flex: 1 0 calc(100% / 12 * 5);
    max-width: calc(100% / 12 * 5);
  }

  .df-row .col-md-6 {
    -ms-flex: 1 0 calc(100% / 12 * 6);
        flex: 1 0 calc(100% / 12 * 6);
    max-width: calc(100% / 12 * 6);
  }

  .df-row .col-md-7 {
    -ms-flex: 1 0 calc(100% / 12 * 7);
        flex: 1 0 calc(100% / 12 * 7);
    max-width: calc(100% / 12 * 7);
  }

  .df-row .col-md-8 {
    -ms-flex: 1 0 calc(100% / 12 * 8);
        flex: 1 0 calc(100% / 12 * 8);
    max-width: calc(100% / 12 * 8);
  }

  .df-row .col-md-9 {
    -ms-flex: 1 0 calc(100% / 12 * 9);
        flex: 1 0 calc(100% / 12 * 9);
    max-width: calc(100% / 12 * 9);
  }

  .df-row .col-md-10 {
    -ms-flex: 1 0 calc(100% / 12 * 10);
        flex: 1 0 calc(100% / 12 * 10);
    max-width: calc(100% / 12 * 10);
  }

  .df-row .col-md-11 {
    -ms-flex: 1 0 calc(100% / 12 * 11);
        flex: 1 0 calc(100% / 12 * 11);
    max-width: calc(100% / 12 * 11);
  }

  .df-row .col-md-12 {
    -ms-flex: 1 0 calc(100% / 12 * 12);
        flex: 1 0 calc(100% / 12 * 12);
    max-width: calc(100% / 12 * 12);
  }

  .df-row .col-offset-md-0 {
    margin-left: calc(100% / 12 * 0);
  }

  .df-row .col-offset-md-1 {
    margin-left: calc(100% / 12 * 1);
  }

  .df-row .col-offset-md-2 {
    margin-left: calc(100% / 12 * 2);
  }

  .df-row .col-offset-md-3 {
    margin-left: calc(100% / 12 * 3);
  }

  .df-row .col-offset-md-4 {
    margin-left: calc(100% / 12 * 4);
  }

  .df-row .col-offset-md-5 {
    margin-left: calc(100% / 12 * 5);
  }

  .df-row .col-offset-md-6 {
    margin-left: calc(100% / 12 * 6);
  }

  .df-row .col-offset-md-7 {
    margin-left: calc(100% / 12 * 7);
  }

  .df-row .col-offset-md-8 {
    margin-left: calc(100% / 12 * 8);
  }

  .df-row .col-offset-md-9 {
    margin-left: calc(100% / 12 * 9);
  }

  .df-row .col-offset-md-10 {
    margin-left: calc(100% / 12 * 10);
  }

  .df-row .col-offset-md-11 {
    margin-left: calc(100% / 12 * 11);
  }

  h3,
  .h3 {
    font-size: 30px;
    margin: 0 0 35px;
  }

  p {
    margin: 0 0 35px;
  }

  .nav-opener {
    top: 0;
    left: 0;
    width: 90px;
    height: 80px;
    position: fixed;
    z-index: 99999;
  }

  .burger {
    width: 55px;
    height: 30px;
  }

  .burger:before,
  .burger:after,
  .burger span {
    height: 6px;
  }

  .burger:before {
    top: 3px;
  }

  .burger:after {
    top: 31px;
  }

  body {
    font-size: 20px;
    line-height: 1.3;
  }

  #fragen {
    padding: 180px 0;
  }

  #fragen .right-side {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .container {
    padding: 0 7.25vw;
  }

  .page-border {
    display: block;
  }

  .page-border {
    border: 20px solid #FAF2C2;
  }

  .tape-wrap {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .tape {
    font-size: 100px;
  }

  .top-links {
    right: 65px;
  }

  .top-links li:not(:last-of-type) {
    margin-right: 30px;
  }

  .top-links li a {
    font-size: 22px;
  }

  .video-holder {
    margin: 0 -25px 250px;
  }

  .card-wrap {
    min-height: 830px;
    padding: 40px 40px 100px;
  }

  .card-wrap .text-wrap h2 {
    margin-bottom: 60px;
    font-size: 72px;
    max-width: 600px;
  }

  .social-links,
  .social-links-red {
    display: block;
  }

  .social-links li:not(:last-of-type),
  .social-links-red li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 18px;
  }

  .social-links li .icon,
  .social-links-red li .icon {
    width: 40px;
  }

  .social-links li .icon.icon-instagram,
  .social-links-red li .icon.icon-instagram {
    font-size: 33px;
  }

  .social-links li .icon.icon-youtube,
  .social-links-red li .icon.icon-youtube {
    font-size: 28px;
  }

  .social-links li .icon.icon-facebook,
  .social-links-red li .icon.icon-facebook {
    font-size: 32px;
  }

  .social-links li .text,
  .social-links-red li .text {
    display: inline-block;
  }

  .timetable-section .info-box .text-box ol li {
    font-size: 40px;
    padding-left: 25px;
    margin-left: 12px;
  }

  .timetable-section .info-box .text-box ol li::marker {
    font-size: 55px;
  }

  .timetable-section .info-box .text-box ol span {
    font-size: 40px;
  }

  .timetable-section .info-box .img-box .decor-box {
    left: -40px;
  }

  .timetable-section .info-box .img-box#dampfsperre {
    max-width: 50%;
  }

  .main-inner body {
    font-size: 22px;
    line-height: 1.2;
  }

  .main-inner .video-container .text-wrap .text-wrap-body {
    font-size: 30px;
    margin-bottom: 60px;
  }

  .main-inner .video-container .video-wrap:hover .play-btn .icon-play:before {
    opacity: 0;
    visibility: hidden;
  }

  .main-inner .video-container .video-wrap:hover .play-btn .icon-play:after {
    opacity: 1;
    visibility: visible;
  }

  .main-inner .video-container .video-wrap {
    margin-bottom: 10px;
    padding-top: 71%;
  }

  .main-inner .video-container .video-wrap .play-btn .icon-play {
    font-size: 100px;
  }

  .main-inner .video-container .video-wrap .mark {
    bottom: 14px;
    right: -13px;
  }

  .main-inner .card-wrap {
    min-height: 830px;
    padding: 40px 40px 100px;
  }

  .main-inner .card-wrap .text-wrap h2 {
    margin-bottom: 60px;
    font-size: 72px;
    max-width: 600px;
  }

  .main-inner .social-links {
    display: block;
  }

  .main-inner .social-links li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 18px;
  }

  .main-inner .social-links li .icon {
    width: 40px;
  }

  .main-inner .social-links li .icon.icon-instagram {
    font-size: 33px;
  }

  .main-inner .social-links li .icon.icon-youtube {
    font-size: 28px;
  }

  .main-inner .social-links li .icon.icon-facebook {
    font-size: 32px;
  }

  .main-inner .social-links li .text {
    display: inline-block;
  }

  main.impressum .back2front,
  main.datenschutz .back2front {
    margin-bottom: 70px;
  }

  main.impressum .text-wrap-body,
  main.datenschutz .text-wrap-body {
    margin-bottom: 35px;
  }

  .btn-red {
    min-width: 375px;
  }

  .btn-red-main {
    min-width: 375px;
    padding: 14px 50px;
    font-size: 24px;
  }

  .link:before {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
  }

  .link {
    font-size: 22px;
  }

  .mark {
    font-size: 36px;
  }

  .buttons-play-wrap .button-play {
    padding: 19px;
  }

  .main-nav-holder {
    padding-top: 111px;
  }

  .main-nav-holder .container {
    padding-left: 7.25vw;
    padding-right: 7.25vw;
  }

  .main-nav li:not(:last-of-type),
  .main-drop li:not(:last-of-type) {
    margin-bottom: 27px;
  }

  .js-main-nav-wrap {
    margin-bottom: 90px;
  }

  .main-nav .has-drop > a:after {
    top: 3px;
    font-size: 44px;
  }

  .main-drop {
    padding-top: 35px;
  }

  .main-drop .btn-back a {
    font-size: 36px;
  }

  .main-drop .btn-back a:before {
    font-size: 22px;
    top: -2px;
  }

  .header-logo-list {
    position: static;
    width: 100%;
  }

  .header-logo-list li {
    width: auto;
    margin-left: 0;
    margin-right: 60px;
  }

  .menu-group {
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .menu-group > li:last-of-type {
    width: 100%;
  }

  .menu-group > li > ul {
    padding-right: 60px;
    margin-bottom: 45px;
  }

  .menu-group .menu-links {
    margin-bottom: 54px;
  }

  .menu-group .menu-links li a {
    font-size: 22px;
  }

  .menu-group .menu-links li a:before {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #262626;
  }

  .card-service {
    width: 492px;
  }

  .card-service .img-wrap {
    width: 492px;
    height: 328px;
  }

  .card-service .text-wrap h4 {
    margin: -36px auto 35px;
    padding: 12px 30px;
    font-size: 36px;
  }

  .card-service .text-wrap p {
    line-height: 30px;
  }

  .card-service-alt {
    width: 700px;
  }

  .card-service-alt .img-wrap {
    width: 700px;
    height: 462px;
  }

  .card-secondary {
    padding: 25px 8px;
  }

  .card-secondary .text-box h4 {
    min-height: 30px;
    height: 50px;
  }

  .card-secondary .text-box p {
    height: 60px;
  }

  .card-secondary .shop-input {
    margin-top: 0;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .card-secondary .shop-input p.shop-text {
    text-align: left;
  }

  .sounds {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .sounds li {
    max-width: 100%;
    margin-bottom: 0;
  }

  .range-section .img-slider {
    margin-left: auto;
  }

  .parallax-holder .elems-row .elems-item {
    margin-bottom: -120px;
  }

  .parallax-holder .elems-row .elem-holder {
    height: 350px;
  }

  .fixed-box-holder .fixed-box {
    padding: 14% 0 0;
  }

  .info-animate-row {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 100px 0;
  }

  .info-animate-row.large-img {
    max-width: 90vw;
    margin: 0 auto 420px;
  }

  .info-animate-row.large-img .text-box {
    bottom: -50px;
    right: 122px;
    max-width: 640px;
  }

  .info-animate-row.large-img .text-box h3 {
    font-size: 50px;
  }

  .info-animate-row.reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .info-animate-row.reverse .text-wrap {
    margin-left: auto;
    transform: translateX(120px);
  }

  .info-animate-row .img-wrap {
    width: 80%;
  }

  .info-animate-row .img-wrap .img-box {
    position: absolute;
    max-width: 75%;
  }

  .info-animate-row .img-wrap .img-box.top {
    top: 0;
    transform: translateY(-100px);
  }

  .info-animate-row .img-wrap .img-box.bottom {
    bottom: 0;
    transform: translateY(100px);
  }

  .info-animate-row .img-wrap .img-box.left {
    left: -50px;
  }

  .info-animate-row .img-wrap .img-box.right {
    right: -50px;
  }

  .info-animate-row .text-wrap {
    padding: 250px 0;
    z-index: 3;
    width: 40%;
    transform: translateX(-120px);
  }

  .info-animate-row .text-wrap h3 {
    max-width: 500px;
    font-size: 45px;
  }

  .in-viewport .text-wrap h3 {
    animation: fromBottomFade 2s ease;
  }

  .alert-holder {
    padding: 58px 250px 53px 58px;
    margin-bottom: 100px;
  }

  .alert-secondary {
    padding: 58px 200px 53px 58px !important;
  }

  .alert-secondary img {
    width: 14vw;
    max-width: 200px;
  }

  .info-block .img-wrap {
    max-width: 964px;
  }

  .info-block .text-wrap {
    padding: 30px 38px;
    max-width: 450px;
    margin-left: -276px;
  }

  .acc-opener {
    font-size: 40px;
  }

  .acc-opener::before {
    display: block;
  }

  .map-holder .row {
    min-height: 600px;
  }

  .map-wrap {
    width: 50%;
    margin: 0 0px 0;
  }

  .map-form-holder {
    width: calc(60% - 30px);
  }

  #map-wrap {
    min-height: 700px;
  }

  #map-wrap.show {
    margin-left: -60%;
    transition: all 0.5s;
    width: 40%;
  }

  .mapCard {
    right: -100%;
    position: absolute;
  }

  .mapCard.show {
    right: 0;
    top: 0;
  }

  .result-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
  }

  .service-slider,
  .service-slider-lg,
  .service-slider-arrows {
    margin-bottom: 50px;
  }

  .clock-holder .text-box {
    width: 50%;
    padding: 0 50px;
  }

  .clock-holder .text-box h2 {
    font-size: 45px;
  }

  .clock-holder .text-box .text-wrap {
    max-width: 450px;
  }

  .service-slider {
    margin-bottom: 50px;
  }

  .service-slider .slick-slide {
    margin-right: 60px;
    width: 492px;
  }

  .slick-dots li {
    left: 0;
  }

  .main-section {
    border: none;
    padding-top: 70px;
    padding-bottom: 150px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    border-top: 20x solid transparent;
  }

  .main-section .text-wrap {
    max-width: 600px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .main-section .text-wrap .main-button-wrapper {
    margin-left: 83px;
  }

  .main-section .text-wrap .row .icon-arrow {
    margin-right: 30px;
    font-size: 70px;
  }

  .main-section .text-wrap .row p {
    padding-right: 10px;
  }

  .main-section .bottom-logo-wrap {
    left: 105px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .main-section .bottom-logo-wrap .logo-wrap {
    width: auto;
    margin-bottom: 0;
  }

  .media-section .container .title-wrap {
    max-width: 480px;
  }

  .musicians-section {
    padding-top: 120px;
    padding-bottom: 200px;
  }

  .sun-section .container {
    position: relative;
  }

  .sun-section .title-wrap {
    margin-bottom: 200px;
  }

  .sun-section .title-wrap .title-wrap-body {
    margin-bottom: 60px;
    padding-right: 140px;
  }

  .sun-section .img-wrap .triangle-wrap {
    bottom: 0px;
    width: 95vw;
  }

  .sun-section .img-wrap .man-wrap {
    left: auto;
    width: 90vw;
    right: 200px;
  }

  .sun-section .sun {
    right: 7%;
    width: 650px;
    max-width: 80%;
    height: 650px;
  }

  .sun-section .viewport-section.in-viewport .img-wrap .man-wrap {
    width: 90vw;
    right: 50px;
  }

  .sun-section .viewport-section.in-viewport .sun-object {
    bottom: 120px;
  }

  .card-section {
    padding: 132px 0 215px;
  }

  .card-section .gleam-wrap {
    top: -290px;
    left: 90px;
    right: 90px;
  }

  .slider-section {
    padding: 200px 0;
  }

  .slider-section h2 {
    margin-bottom: 65px;
  }

  .phone-section {
    padding-top: 90px;
  }

  .phone-section .side-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  .phone-section .side-wrap .text-wrap-body {
    font-size: 28px;
    line-height: 1.2;
  }

  .phone-section .side-wrap .img-wrap {
    margin-right: 40px;
    margin-bottom: 0;
  }

  .phone-section .side-wrap .text-wrap {
    width: 50%;
    max-width: 680px;
  }

  .phone-section .side-wrap .text-wrap .social-links {
    margin-top: 50px;
  }

  .phone-section .light-img-box.left {
    width: 34vw;
    top: 50px;
  }

  .phone-section .light-img-box.right {
    top: -600px;
    width: 35vw;
  }

  .range-section {
    padding: 270px 0;
  }

  .range-section .range-slider-img-wrap {
    width: 40%;
  }

  .arrow-section {
    padding: 300px 0 150px;
  }

  .arrow-section .container .btn-red {
    padding-left: 20px;
    padding-right: 20px;
  }

  .arrow-section .arrow-wrap {
    background-size: 730px;
    padding: 160px 0;
  }

  .main-inner .arrow-section .arrow-wrap {
    padding: 0;
  }

  .arrow-section .arrow-wrap .img-wrap {
    max-width: max-content;
  }

  .car-section {
    display: block;
    min-height: 934px;
    padding-bottom: 100px;
  }

  .car-section .bg-img-wrap {
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .car-section .bg-img-wrap .bg-img {
    background-position: right center;
    position: relative;
    background-size: cover;
  }

  .car-section .bg-img-wrap .bg-img:before {
    background: linear-gradient(to bottom, #262626 0%, rgba(38, 38, 38, 0) 30%);
  }

  .car-section .text-wrap {
    max-width: 565px;
  }

  .car-section .text-wrap .text-wrap-body {
    margin-bottom: 70px;
    padding-right: 200px;
  }

  .overview-section h2 {
    margin: 0 auto -20px;
  }

  .overview-section .img-wrap {
    max-width: 1620px;
  }

  .main-inner .main-section .text-wrap {
    max-width: 600px;
    margin-top: auto;
    margin-bottom: auto;
  }

  .main-inner .main-section .text-wrap .row .icon-arrow {
    margin-right: 30px;
    font-size: 70px;
  }

  .main-inner .main-section .text-wrap .row p {
    padding-right: 10px;
  }

  .main-inner .main-section .img-wrap {
    max-height: 80vh;
    right: -300px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    bottom: -30px;
  }

  .main-inner .media-section .container .title-wrap {
    max-width: 480px;
  }

  .main-inner .musicians-section {
    padding-top: 120px;
    padding-bottom: 200px;
  }

  .main-inner .sun-section .title-wrap {
    margin-bottom: 200px;
    max-width: 630px;
  }

  .main-inner .sun-section .title-wrap .title-wrap-body {
    margin-bottom: 60px;
    padding-right: 140px;
  }

  .main-inner .sun-section .sun {
    position: absolute;
    right: 0;
    max-width: 80%;
    width: 100%;
  }

  .main-inner .sun-section .viewport-section.in-viewport .sun .img-wrap .man {
    right: 100px;
  }

  .main-inner .sun-section .viewport-section.in-viewport .sun .slice.min {
    transform: scale(1.15);
  }

  .main-inner .sun-section .viewport-section.in-viewport .sun-object {
    top: -70px;
  }

  .main-inner .card-section {
    padding: 132px 0 215px;
    z-index: 34;
  }

  .main-inner .card-section .gleam-wrap {
    top: -290px;
    left: 90px;
    right: 90px;
  }

  .main-inner .slider-section h2 {
    margin-bottom: 65px;
  }

  .main-inner .phone-section {
    padding-top: 90px;
  }

  .main-inner .phone-section .side-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  .main-inner .phone-section .side-wrap .text-wrap-body {
    font-size: 28px;
    line-height: 1.2;
  }

  .main-inner .phone-section .side-wrap .img-wrap {
    margin-right: 40px;
    margin-bottom: 0;
  }

  .main-inner .phone-section .side-wrap .text-wrap {
    width: 50%;
    max-width: 680px;
  }

  .main-inner .phone-section .side-wrap .text-wrap .social-links {
    margin-top: 50px;
  }

  .main-inner .phone-section .light-img-box.left {
    width: 34vw;
    top: 50px;
  }

  .main-inner .phone-section .light-img-box.right {
    top: -600px;
    width: 35vw;
  }

  .main-inner .range-section {
    display: -ms-flexbox;
    display: flex;
    max-height: 520px;
  }

  .main-inner .range-section .range-wrap {
    transform: translateY(-150px) scale(0.8);
  }

  .main-inner .planet-section .title-wrap {
    padding-top: 200px;
  }

  .main-inner .planet-section .title-wrap .text-wrap-body {
    padding-right: 110px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list {
    padding-right: 100px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(3) {
    left: -47px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(4) {
    left: -78px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(5) {
    left: -105px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li:nth-of-type(6) {
    left: -135px;
  }

  .main-inner .arrow-section .container {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .main-inner .arrow-section .arrow-wrap .img-wrap {
    max-width: max-content;
  }

  .main-inner .car-section {
    display: block;
    min-height: 934px;
    padding-bottom: 100px;
  }

  .main-inner .car-section .bg-img-wrap {
    padding-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .main-inner .car-section .bg-img-wrap .bg-img {
    background-position: right center;
    position: relative;
    background-size: cover;
  }

  .main-inner .car-section .bg-img-wrap .bg-img:before {
    background: linear-gradient(to bottom, #262626 0%, rgba(38, 38, 38, 0) 30%);
  }

  .main-inner .car-section .text-wrap {
    max-width: 565px;
  }

  .main-inner .car-section .text-wrap .text-wrap-body {
    margin-bottom: 70px;
    padding-right: 200px;
  }

  .content-section {
    padding: 200px 0;
  }

  .content-section .video-container {
    width: 100% !important;
  }

  .content-section-2 .text-wrap-alt {
    margin-bottom: 165px;
  }

  .content-section-2 .info-block {
    margin-bottom: 165px;
  }

  .title-box {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 145px;
  }

  .content-arrow-holder .arrow-wrap {
    display: block;
  }

  .content-arrow-holder .arrow-wrap .img-wrap {
    max-width: max-content;
  }

  .info-section {
    padding: 200px 0;
  }

  .info-section-2 {
    padding: 100px 0 100px;
  }

  .karriere-section-arrows {
    padding: 0 0 200px;
  }

  .training-section {
    padding: 200px 0;
  }

  .training-section .light-img-box.left {
    max-width: 2000px;
    left: -331px;
    top: 1131px;
    bottom: auto;
    width: 50vw;
  }

  .training-section .light-img-box.right {
    display: block;
    max-width: 2000px;
    right: -331px;
    top: -27px;
    width: 55vw;
  }

  .training-section-2 {
    padding: 240px 0 185px;
  }

  .content-section-9 {
    padding: 218px 0 120px !important;
  }

  .content-section-10 {
    padding: 180px 0 200px;
  }

  .banner-section {
    min-height: 605px;
  }

  .banner-xs-section {
    padding: 200px 0;
  }

  .banner-xs {
    min-height: 834px;
  }

  .feature-item {
    max-width: 450px;
  }

  .feature-item .num-item {
    font-size: 7.29vw;
  }

  .info-section-alt {
    padding: 200px 0;
  }

  .front .slider-section {
    padding-bottom: 100px;
  }

  .slider-section-3 .title-box {
    margin-bottom: 57px;
  }

  .form-section {
    padding: 30px 0 100px;
  }

  .feautures-slider {
    padding: 200px 0;
  }

  .info-section-4 {
    padding: 200px 0;
  }

  .info-section-4 .alert-holder {
    margin-bottom: 190px;
  }

  .info-section-4 .text-wrap-alt p {
    margin: 0 0 35px;
  }

  .info-section-4 .text-wrap-alt p + h3 {
    margin-top: 50px;
  }

  .training-section-3 .video-container {
    width: 100% !important;
  }

  .content-section-3 {
    padding: 187px 0 300px !important;
  }

  .content-section-5 .title-box + .accordion-secondary {
    margin-bottom: 50px;
  }

  .main-inner-section {
    padding-top: 170px;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
  }

  .accordion-section-2 {
    padding: 170px 0 80px;
  }

  .content-section-6 {
    padding: 80px 0 215px;
  }

  .accordion-section-3 .text-center h2 {
    margin-bottom: 100px;
  }

  .accordion-section-3 .accordion-main {
    margin-bottom: 100px;
  }

  .content-section-8 {
    padding: 150px 0 150px;
  }

  .marketing-section-3 {
    padding: 0 0 100px;
  }

  .slider-section-5 {
    padding: 180px 0 130px;
  }

  .training-section-5 {
    padding: 180px 0 130px;
  }

  .training-section-6 {
    padding: 100px 0 100px !important;
  }

  .training-section-6 .title-box {
    margin-bottom: 100px;
  }

  .sponsor-section .sponsor-wrap .image-wrap {
    width: 20%;
  }

  #footer {
    padding-bottom: 50px;
  }

  #footer .footer-logo-box {
    padding: 0;
    margin: -60px auto 0;
    width: 120px;
    height: 120px;
  }

  #footer .sponsoren-row {
    -ms-grid-columns: (auto)[8];
        grid-template-columns: repeat(8, auto);
  }

  #footer .sponsoren-row .footer-col {
    max-width: 40%;
    padding-right: 60px;
    margin-bottom: 40px;
  }

  #footer .sponsoren-row .footer-col:first-of-type {
    -ms-flex-order: 0;
        order: 0;
  }

  #footer .footer-logo-list {
    margin-top: 0;
    display: block;
  }

  #footer .footer-logo-list li {
    width: auto;
  }

  #footer .footer-logo-list li:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 50px;
  }

  #footer .footer-border-links {
    margin-bottom: 50px;
  }

  #footer .footer-border-links li a {
    font-size: 22px;
  }

  #footer .footer-border-links li a:before {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #262626;
  }

  #footer .bottom-links li:not(:last-of-type) {
    margin-right: 45px;
  }

  #footer .sponsoren-row {
    grid-gap: 70px;
    margin-bottom: 70px;
  }

  #footer .sponsoren-row .logo-sponsor {
    justify-self: left;
  }
}

@media (min-width: 993px) {
  .clock-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 350px 0 270px;
  }

  .clock-holder .clock-box {
    width: 60%;
  }
}

@media (min-width: 1006px) {
  .map-form-holder .input-holder {
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .map-form-holder .input-holder input {
    margin-bottom: 10px;
  }
}

@media (min-width: 1024px) {
  .parallax-holder .elems-row .elem-holder .p-elem.xs {
    width: 210px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.sm {
    width: 280px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.md {
    width: 310px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.lg {
    width: 410px;
  }
}

@media (min-width: 1140px) {
  .form-lightbox .popup-wrapper .datepicker {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }

  .form-lightbox .popup-wrapper .datepicker .time-divider {
    display: inline-block;
    vertical-align: top;
    min-width: 16%;
  }

  .form-lightbox .popup-wrapper .datepicker .divider-wrap {
    max-width: 42%;
  }

  .form-wrapper .datepicker {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
  }

  .form-wrapper .datepicker .time-divider {
    display: inline-block;
    vertical-align: top;
    min-width: 16%;
  }

  .form-wrapper .datepicker .divider-wrap {
    max-width: 42%;
  }
}

@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 36px;
    margin: 0 0 35px;
  }

  .nav-opener {
    top: 0;
    left: 0;
    width: 114px;
    height: 96px;
    position: fixed;
    z-index: 99999;
  }

  .burger {
    width: 70px;
    height: 36px;
  }

  body {
    font-size: 22px;
    line-height: 1.5;
  }

  #fragen {
    padding: 250px 0;
  }

  .container {
    padding: 0 7.25vw;
  }

  .page-border {
    border: 30px solid #FAF2C2;
  }

  .tape-wrap {
    margin-top: -90px;
    margin-bottom: -50px;
  }

  .tape {
    font-size: 140px;
  }

  .top-links {
    right: 90px;
  }

  .testimonials-wrap {
    margin-right: 140px;
  }

  .main-inner .video-container .text-wrap .text-wrap-body {
    font-size: 36px;
  }

  .main-inner .video-container .video-wrap .play-btn .icon-play {
    font-size: 120px;
  }

  .main-inner .testimonials-wrap {
    margin-right: 140px;
  }

  .main-nav .has-drop > a:after {
    top: 0;
  }

  .menu-group > li:last-of-type {
    width: auto;
  }

  .menu-group > li > ul {
    padding-right: 80px;
  }

  .card-service-alt {
    width: 900px;
  }

  .card-service-alt .img-wrap {
    width: 900px;
    height: 600px;
  }

  .sounds li {
    padding: 0 8px;
  }

  .parallax-section .decor-img {
    background-size: 40vw auto;
  }

  .alert-holder {
    padding: 50px 288px 50px 50px;
    margin-bottom: 160px;
  }

  .alert-secondary {
    padding: 50px 185px 50px 50px !important;
  }

  .info-block .text-wrap {
    padding: 50px;
    font-size: 2.25rem;
    max-width: 674px;
  }

  .acc-opener {
    font-size: 45px;
  }

  .acc-slide-box {
    padding: 70px 0;
  }

  .acc-slide-box .row .img-wrap {
    width: 50%;
    margin-right: 80px;
  }

  .career .acc-slide-box .img-wrap {
    width: 30%;
  }

  .career .acc-slide-box .text-box {
    margin-right: 80px;
  }

  .map-form-holder {
    margin: 0 0px 0 60px;
    width: calc(60% - 60px);
  }

  .map-form-holder .input-holder {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .map-form-holder .input-holder input {
    margin-bottom: 0;
  }

  .quiz-lightbox .main-content h2,
  .quiz-result-lightbox .main-content h2 {
    font-size: 54px;
    line-height: 1.1;
    margin-bottom: 70px;
  }

  .quiz-lightbox .main-content .submit-btn,
  .quiz-result-lightbox .main-content .submit-btn {
    bottom: 67px;
  }

  .quiz-result-lightbox .arrow-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  .quiz-result-lightbox .arrow-wrap h2 {
    top: 44%;
    left: 70px;
  }

  .slide-item-main .img-wrap {
    max-width: 736px;
  }

  .swiper-wrapper {
    width: 1080px;
  }

  .slick-dots li {
    width: 56px;
    height: 56px;
  }

  .slick-dots li button {
    font-size: 29px;
  }

  .slick-dots li button::before {
    width: 56px;
    height: 56px;
  }

  .slick-dots li button::after {
    right: -6px;
  }

  .quiz-slider .slick-arrow {
    font-size: 28px;
    bottom: -106px;
  }

  .quiz-slider .slick-arrow::after {
    width: 11px;
    height: 11px;
  }

  .quiz-slider .slick-dots {
    max-width: 736px;
    bottom: -120px;
  }

  .quiz-slider .slick-dots::before {
    height: calc(100% - 8px);
  }

  .main-section {
    padding-top: 70px;
    padding-bottom: 100px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    border-top: 30px solid transparent;
  }

  .main-section .text-wrap {
    max-width: 680px;
    margin-left: 120px;
  }

  .main-section .light-img-wrap {
    top: -410px;
    right: -700px;
  }

  .main-section-alt .text-wrap {
    margin-bottom: 109px !important;
    max-width: 1000px !important;
  }

  .media-section {
    padding-top: 60px;
  }

  .media-section .container .title-wrap {
    max-width: 492px;
  }

  .media-section .container .title-wrap h2 {
    top: 40px;
  }

  .media-section .arrows-wrap {
    animation: left-right-arrow-2 4s ease-in-out infinite;
    left: -120px;
  }

  .sun-section {
    height: 100vh;
    padding: 130px 0 200px;
  }

  .sun-section .title-wrap {
    max-width: 630px;
    margin-bottom: 0;
  }

  .sun-section .sun {
    width: 900px;
    height: 900px;
  }

  .slider-section {
    padding: 200px 0;
  }

  .range-section .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .range-section .range-wrap {
    margin-right: initial;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 720px;
    width: 100%;
  }

  .testimonials-section .container {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .testimonials-section .title-wrap {
    margin-bottom: 100px;
  }

  .testimonials-section .gleam-wrap {
    top: -510px;
    left: -980px;
    bottom: -490px;
    right: -130px;
  }

  .arrow-section .container {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .arrow-section .container .btn-red {
    padding-left: 70px;
    padding-right: 70px;
  }

  .arrow-section .arrow-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  .arrow-section .arrow-wrap .img-wrap {
    margin-bottom: 0;
    left: 0;
  }

  .arrow-section .arrow-wrap h2 {
    top: 44%;
    left: -65px;
  }

  .car-section .text-wrap {
    max-width: 730px;
  }

  .main-inner .main-section .text-wrap {
    max-width: 800px;
    margin-left: 80px;
  }

  .main-inner .main-section .img-wrap {
    max-height: 85vh;
  }

  .main-inner .main-section .light-img-wrap {
    top: -410px;
    right: -700px;
  }

  .main-inner .media-section {
    padding-top: 60px;
  }

  .main-inner .media-section .container .title-wrap {
    max-width: 492px;
  }

  .main-inner .media-section .container .title-wrap h2 {
    top: 40px;
  }

  .main-inner .media-section .arrows-wrap {
    animation: left-right-arrow-2 4s ease-in-out infinite;
    left: -120px;
  }

  .main-inner .sun-section {
    min-height: 1115px;
    padding: 275px 0 200px;
    height: 100%;
  }

  .main-inner .sun-section .title-wrap {
    max-width: 630px;
    margin-bottom: 0;
  }

  .main-inner .sun-section .viewport-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 100%;
    height: 1px;
  }

  .main-inner .planet-section {
    min-height: 1200px;
  }

  .main-inner .planet-section .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .main-inner .planet-section .cosmo-wrap {
    left: 180px;
    margin-bottom: 0;
  }

  .main-inner .planet-section .cosmo-wrap .img-cosmo {
    left: 0;
    width: 475px;
    max-width: 475px;
  }

  .main-inner .planet-section .cosmo-wrap .img-ladder {
    position: absolute;
    top: 295px;
    right: 368px;
    left: initial;
    max-width: 534px;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list {
    top: 510px;
    left: 22%;
  }

  .main-inner .planet-section .cosmo-wrap .cosmo-list li {
    margin-bottom: 70px;
  }

  .main-inner .testimonials-section .container {
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .main-inner .testimonials-section .title-wrap {
    margin-bottom: 0;
  }

  .main-inner .testimonials-section .gleam-wrap {
    top: -510px;
    left: -980px;
    bottom: -490px;
    right: -130px;
  }

  .main-inner .arrow-section .container {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
  }

  .main-inner .arrow-section .arrow-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  .main-inner .arrow-section .arrow-wrap .img-wrap {
    margin-bottom: 0;
    left: 0;
  }

  .main-inner .arrow-section .arrow-wrap h2 {
    top: 44%;
    left: -65px;
  }

  .main-inner .car-section .text-wrap {
    max-width: 730px;
  }

  .content-section {
    padding: 200px 0;
  }

  .title-box {
    font-size: 36px;
  }

  .content-arrow-holder .arrow-wrap .img-wrap {
    margin-bottom: 0;
    left: 0;
  }

  .content-arrow-holder .text-holder p {
    margin: 0 0 70px;
  }

  .info-section {
    padding: 200px 0;
  }

  .training-section {
    padding: 200px 0;
  }

  .content-section-10 {
    padding: 200px 0 250px;
  }

  .banner-xs-section {
    padding: 200px 0;
  }

  .feature-item .num-item {
    font-size: 140px;
  }

  .info-section-alt {
    padding: 200px 0;
  }

  .content-block-item {
    margin-bottom: 90px;
  }

  .content-block-item .row {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-left: -45px;
    margin-right: -45px;
    width: calc(100% + 90px);
  }

  .content-block-item .img-wrap {
    padding: 10px 45px;
    width: 50%;
  }

  .content-block-item .text-wrap {
    padding: 10px 45px;
    width: 50%;
  }

  .form-section {
    padding: 30px 0 100px;
  }

  .questions-section {
    padding: 200px 0 150px;
  }

  .questions-section .text-center {
    margin-bottom: 60px;
  }

  .questions-section .text-center h1 {
    margin-bottom: 95px;
  }

  .webform-section {
    padding: 200px 0 150px;
  }

  .webform-section .text-center {
    margin-bottom: 60px;
  }

  .webform-section .text-center h1 {
    margin-bottom: 95px;
  }

  .feautures-slider {
    padding: 200px 0;
  }

  .info-section-3 .info-block {
    margin-bottom: 160px;
  }

  .info-section-4 {
    padding: 200px 0;
  }

  .info-section-4 .alert-holder {
    margin-bottom: 228px;
  }

  .info-section-4 .info-block {
    margin-bottom: 160px;
  }

  .training-section-3 .video-container {
    width: 68% !important;
  }

  .training-section-4 .accordion-main {
    margin-bottom: 125px;
  }

  .content-section-3 .content-arrow-holder {
    margin-bottom: 211px;
  }

  .content-section-5 .title-box + .accordion-secondary {
    margin-bottom: 160px;
  }

  .main-inner-section {
    padding-top: 200px;
    border-top: 30px solid transparent;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
  }

  .main-inner-section h1 {
    margin-bottom: 145px;
  }

  .accordion-section-3 .text-center h2 {
    margin-bottom: 120px;
  }

  .accordion-section-3 .accordion-main {
    margin-bottom: 150px;
  }

  .content-section-8 {
    padding: 200px 0 210px;
  }

  .slider-section-5 {
    padding: 224px 0 180px;
  }

  .training-section-5 {
    padding: 224px 0 180px;
  }

  #footer .sponsoren-row {
    -ms-grid-columns: (auto)[8];
        grid-template-columns: repeat(8, auto);
  }

  #footer .sponsoren-row .footer-col {
    max-width: 33%;
    margin-bottom: 0;
  }
}

@media (min-width: 1201px) {
  .sun-section .img-wrap .man-wrap {
    right: -340px;
  }
}

@media (min-width: 1440px) {
  .timetable-section .info-box {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .fixed-box-holder {
    height: 110vh;
  }

  .fixed-box-holder .fixed-box {
    padding: 12% 0 0;
  }

  .info-animate-row .img-wrap {
    width: 60%;
    min-height: 750px;
    padding: 0;
  }

  .sun-section .viewport-section.in-viewport .sun-object {
    bottom: 400px !important;
  }

  .range-section .range-slider-img-wrap {
    width: 50%;
  }

  .overview-section h2 {
    margin: 0 auto -60px;
  }
}

@media (min-width: 1500px) {
  .card-service-alt {
    width: 1080px;
  }

  .card-service-alt .img-wrap {
    width: 1080px;
    height: 720px;
  }
}

@media (min-width: 1600px) {
  .main-inner .video-container .video-wrap .play-btn .icon-play {
    font-size: 160px;
  }

  .js-main-nav-wrap {
    width: calc(100% - 400px);
  }

  .main-nav .has-drop > a:after {
    top: -2px;
  }

  .menu-group {
    width: 400px;
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .menu-group > li > ul {
    padding-right: 0;
  }

  .quiz-result-lightbox .arrow-wrap {
    min-width: 600px;
    margin-right: 100px;
  }

  .quiz-result-lightbox .buttons-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  .main-section .light-img-wrap {
    top: -140px;
    right: -540px;
  }

  .media-section .container .title-wrap h2 {
    top: 170px;
  }

  .sun-section .title-wrap {
    max-width: 680px;
  }

  .phone-section .side-wrap .text-wrap-body {
    font-size: 36px;
  }

  .phone-section .side-wrap .img-wrap {
    margin-left: 100px;
  }

  .range-section .text-wrap {
    max-width: 630px;
    min-width: 500px;
  }

  .arrow-section .arrow-wrap {
    min-width: 600px;
    margin-right: 100px;
  }

  .arrow-section .buttons-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  .main-inner .main-section .img-wrap {
    right: 0;
  }

  .main-inner .main-section .light-img-wrap {
    top: -140px;
    right: -540px;
  }

  .main-inner .media-section .container .title-wrap h2 {
    top: 170px;
  }

  .main-inner .sun-section .title-wrap {
    max-width: 680px;
  }

  .main-inner .phone-section .side-wrap .text-wrap-body {
    font-size: 36px;
  }

  .main-inner .phone-section .side-wrap .img-wrap {
    margin-left: 100px;
  }

  .main-inner .planet-section .title-wrap {
    max-width: 650px;
  }

  .main-inner .arrow-section .arrow-wrap {
    min-width: 600px;
    margin-right: 100px;
  }

  .main-inner .arrow-section .buttons-wrap {
    margin-left: initial;
    margin-right: initial;
  }

  #footer .sponsoren-row {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}

@media (min-width: 1920px) {
  .timetable-section .info-box .text-box {
    width: 50%;
    padding: 0;
    padding-left: 150px;
    padding-right: 0;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.xs {
    width: 290px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.sm {
    width: 310px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.md {
    width: 400px;
  }

  .parallax-holder .elems-row .elem-holder .p-elem.lg {
    width: 580px;
  }

  .fixed-box-holder .fixed-box .img-wrap {
    max-width: 800px;
  }

  .clock-holder .text-box h2 {
    font-size: 4.5rem;
  }

  .media-section .container .title-wrap {
    max-width: 615px;
  }

  .main-inner .media-section .container .title-wrap {
    max-width: 615px;
  }
}

@media (min-width: 1921px) {
  .sun-section .viewport-section.in-viewport .img-wrap .man-wrap {
    right: 50px;
  }
}

@media (min-width: 2000px) {
  .swiper-wrapper {
    width: 1800px;
  }
}

@media (max-width: 1439px) {
  .timetable-section .info-box .img-box {
    max-width: 65vw;
    margin: 0 auto 100px;
  }

  .clock-holder {
    padding: 250px 0 170px;
  }
}

@media (max-width: 1199px) {
  .testimonials-section .title-wrap {
    max-width: 100%;
  }

  .main-inner .testimonials-section .title-wrap {
    max-width: 100%;
  }
}

@media (max-width: 1023px) {
  .timetable-section .info-box .img-box {
    max-width: 100%;
    padding: 0 25px;
  }
}

@media (max-width: 992px) {
  .map-holder .container {
    padding: 0 15px;
  }
}

@media (max-width: 991px) {
  .hide-tablet {
    display: none;
  }

  iframe {
    width: 100%;
  }

  .range-slider-img-wrap {
    display: none;
  }

  .link {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }

  .menu-group .menu-links li a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }

  .active-drop .menu-group {
    visibility: hidden;
  }

  .js-range-slider .jcf-range-wrapper {
    padding: 0 20px;
  }

  .range-wrap h2 {
    text-align: center;
  }

  .fixed-box-holder .fixed-box {
    padding: 160px 0 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  .info-animate-row .img-wrap {
    -ms-flex-order: 2;
        order: 2;
  }

  .info-animate-row .img-wrap .img-box {
    width: 80%;
    position: relative;
  }

  .info-animate-row .img-wrap .img-box.right {
    margin-left: auto;
    right: 40px;
  }

  .info-animate-row .text-wrap {
    transform: translateX(40px);
    -ms-flex-order: 1;
        order: 1;
    margin-bottom: -66px;
    width: 75%;
    z-index: 44;
    position: relative;
  }

  #date-acc.accordion-secondary .acc-slide {
    padding-left: 0 !important;
  }

  .clock-holder .clock-box {
    margin-bottom: 50px;
  }

  .sun-section .sun {
    left: 60%;
    transform: translateX(-50%);
    bottom: 35%;
    top: auto;
  }

  .sun-section .sun .sun-wrap .sun-object {
    left: 50%;
    transform: translateX(-50%);
  }

  .phone-section .social-links .icon {
    margin-right: 13px !important;
  }

  .phone-section .social-links .icon-youtube {
    font-size: 28px !important;
  }

  .phone-section .social-links .icon-instagram {
    font-size: 31px !important;
  }

  .phone-section .social-links .icon-facebook {
    font-size: 28px !important;
  }

  .arrow-section .arrow-wrap {
    max-width: 80vw;
    width: 100%;
    margin-bottom: 40px;
  }

  .main-inner .main-section .container {
    padding: 0 37px;
  }

  .main-inner #dachdeckertest {
    padding-top: 0;
    padding-bottom: 0;
  }

  .main-inner .phone-section .social-links .icon {
    margin-right: 13px !important;
  }

  .main-inner .phone-section .social-links .icon-youtube {
    font-size: 28px !important;
  }

  .main-inner .phone-section .social-links .icon-instagram {
    font-size: 31px !important;
  }

  .main-inner .phone-section .social-links .icon-facebook {
    font-size: 28px !important;
  }

  #footer .footer-border-links li a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }
}

@media (max-width: 768px) {
  .info-section .text-center {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .hide-phone {
    display: none;
  }

  .slide-down {
    position: relative;
    top: -15px;
  }

  .timetable-section.brown .info-animate-row .img-wrap img {
    height: auto !important;
  }

  .timetable-section .info-box .text-box h2 {
    text-align: center;
  }

  .timetable-section .container {
    padding: 0;
  }

  .main-inner .slide-down {
    position: relative;
    top: -15px;
  }

  .js-range-slideset {
    padding-top: 25px;
  }

  .parallax-holder .elems-row {
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .parallax-holder .elems-row .elems-item {
    margin-bottom: 100px;
    width: 60%;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 1) {
    margin-right: auto;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 2) {
    display: none;
  }

  .parallax-holder .elems-row .elems-item:nth-child(3n + 3) {
    margin-left: auto;
  }

  .parallax-holder .elems-row .elem-holder .p-elem {
    width: 90%;
  }

  .parallax-holder .elems-row .elem-holder .p-elem:first-child {
    left: 0;
  }

  .parallax-holder .elems-row .elem-holder .p-elem:last-child {
    right: 0;
  }

  .fixed-box-holder .fixed-box .img-wrap {
    margin: 8vh -15px 8vh;
    max-width: 100vw;
    width: 100vw;
  }

  .info-animate-row.large-img .text-box {
    text-align: right;
    padding-right: 5px;
  }

  .info-animate-row.reverse .text-wrap {
    margin-bottom: -20px;
  }

  .info-animate-row.reverse .img-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }

  .info-animate-row.reverse .img-wrap .img-box.left {
    left: 40px;
    margin-bottom: -30px;
    z-index: 3;
  }

  .info-animate-row.reverse .img-wrap .img-box.right {
    right: 0;
  }

  .info-animate-row .img-wrap .img-box.top {
    z-index: 3;
    transform: translateY(-50px);
  }

  .info-animate-row .img-wrap .img-box.bottom {
    z-index: 2;
    transform: translateY(50px);
  }

  .in-viewport .img-wrap .img-box.top {
    animation: fromTopSm 4s ease forwards;
  }

  .in-viewport .img-wrap .img-box.bottom {
    animation: fromBottomSm 4s ease forwards;
  }

  .in-viewport.large-img .img-wrap {
    min-height: 580px;
    height: 100%;
  }

  .in-viewport.large-img .img-wrap img {
    height: 100%;
    width: auto;
  }

  .clock-holder {
    padding: 150px 0 50px;
  }

  .clock-holder .clock-box.decor-bg .clock-circle {
    margin-bottom: 15px;
  }

  .sun-section {
    padding: 100px 25px 150px;
    -ms-flex-align: start;
        align-items: flex-start;
    height: 100vh;
  }

  .sun-section h1 {
    font-size: 45px;
  }

  .sun-section .sun.frontpage-sun {
    position: absolute !important;
    bottom: 0 !important;
    margin: auto !important;
    left: 50% !important;
  }

  .sun-section .sun .sun-wrap {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .car-section .logo-list .img-1 {
    width: 51px;
  }

  .car-section .logo-list .img-2 {
    width: 34px;
  }

  .car-section .logo-list .img-3 {
    width: 37px;
  }

  .overview-section .container {
    padding: 0;
  }

  .main-inner .main-section .container {
    padding: 0 20px;
  }

  .main-inner .car-section .logo-list .img-1 {
    width: 51px;
  }

  .main-inner .car-section .logo-list .img-2 {
    width: 34px;
  }

  .main-inner .car-section .logo-list .img-3 {
    width: 37px;
  }
}

@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

@media (max-width: 449px) {
  .sun-section h1 {
    font-size: 36px;
  }
}

@media (max-width: 427px) {
  .main-inner .main-section .container {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .quiz-result-lightbox .arrow-wrap {
    min-width: 420px;
  }

  .quiz-result-lightbox .buttons-wrap {
    margin-left: 80px;
    margin-right: -80px;
  }

  .arrow-section .arrow-wrap {
    min-width: 420px;
  }

  .arrow-section .buttons-wrap {
    margin-left: 80px;
    margin-right: -80px;
  }

  .main-inner .arrow-section .arrow-wrap {
    min-width: 420px;
  }

  .main-inner .arrow-section .buttons-wrap {
    margin-left: 80px;
    margin-right: -80px;
  }
}

@media (min-width: 1500px) and (max-width: 1919px) {
  .media-section .container .title-wrap {
    max-width: 600px;
  }

  .main-inner .media-section .container .title-wrap {
    max-width: 600px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .main-inner .planet-section .title-wrap {
    max-width: 540px;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .main-inner .planet-section .title-wrap {
    max-width: 580px;
  }
}

@media (hover: none) {
  .swiper-wrapper {
    gap: 15px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
}

@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* @supports (padding: max(0px)) {
      .fancybox-caption {
          padding-left: max(12px, env(safe-area-inset-left));
          padding-right: max(12px, env(safe-area-inset-right));
      }
  }*/
}