@charset "UTF-8";
@import url("//hello.myfonts.net/count/3d813f");
.shadow-top {
  box-shadow: 0 -5px 5px -5px #333; }

.shadow-right {
  box-shadow: -5px 0 5px -5px #333; }

.shadow-bottom {
  box-shadow: 0 5px 5px -5px #333; }

.shadow-left {
  box-shadow: 5px 0 5px -5px #333; }

.shadow-all {
  box-shadow: 0 0 5px #333; }

/*
@mixin transition($duration: 1s, $typ: all, $animation: ease){
  -webkit-transition: $typ $duration $animation;
  -moz-transition: $typ $duration $animation;
  -o-transition: $typ $duration $animation;
  transition: $typ $duration $animation;
}
*/
html.magnifying > body {
  overflow-x: hidden !important; }

.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile {
  /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none; }

.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit; }

.magnify > .magnify-lens {
  /* Magnifying lens */
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  /* Multiple box shadows to achieve the glass lens effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 99; }

.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8; }

.magnify > .magnify-lens.loading:after {
  /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none; }

/*!
 * Bootstrap-select v1.13.9 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2019 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
  display: none !important; }

.bootstrap-select {
  width: 220px\0;
  vertical-align: middle; }

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px; }

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999; }

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
  color: rgba(255, 255, 255, 0.5); }

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important; }

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important; }

.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #28a745; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto; }

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto; }

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right; }

.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
  padding: 0; }

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit; }

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: .25rem .5rem; }

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: .5rem 1rem; }

.form-inline .bootstrap-select .form-control {
  width: 100%; }

.bootstrap-select.disabled, .bootstrap-select > .disabled {
  cursor: not-allowed; }

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
  outline: 0 !important; }

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important; }

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit; }

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none; }

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit; }

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden; }

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit; }

.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%; }

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: 0 !important; }

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bootstrap-select .dropdown-menu li {
  position: relative; }

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important; }

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed; }

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em; }

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none; }

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block; }

.bootstrap-select .dropdown-menu li small {
  padding-left: .5em; }

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: .9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
  width: auto; }

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline; }

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0'; }

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px; }

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: .5em;
  height: 1em;
  border-style: solid;
  border-width: 0 .26em .26em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid #fff;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
  display: block; }

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-2dot4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

@media (min-width: 540px) {
  .col-sm-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 720px) {
  .col-md-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 960px) {
  .col-lg-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

@media (min-width: 1140px) {
  .col-xl-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[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; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

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

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

.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease,-webkit-transform 1s ease; }

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

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

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

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

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

.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s; }

.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica,Calibri,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999; }

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

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.cc-revoke {
  padding: .5em; }

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

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

.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer; }

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

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

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

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap; }

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

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

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75; }

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

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

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

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

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

.cc-top {
  top: 1em; }

.cc-left {
  left: 1em; }

.cc-right {
  right: 1em; }

.cc-bottom {
  bottom: 1em; }

.cc-floating > .cc-link {
  margin-bottom: 1em; }

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

.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.cc-window.cc-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

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

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

.cc-banner .cc-message {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em; }

.cc-compliance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.cc-floating .cc-compliance > .cc-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

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

@media print {
  .cc-revoke, .cc-window {
    display: none; } }

@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0; }
  .cc-window.cc-bottom {
    bottom: 0; }
  .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0; }
  .cc-window.cc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .cc-window.cc-floating {
    max-width: none; }
  .cc-window .cc-message {
    margin-bottom: 1em; }
  .cc-window.cc-banner {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset; }
  .cc-window.cc-banner .cc-message {
    margin-right: 0; } }

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.cc-theme-classic .cc-btn {
  border-radius: 5px; }

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

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block; }

.cc-theme-edgeless.cc-window {
  padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em;
  margin-bottom: 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0; }

.cc-dismiss:hover {
  color: black !important; }

@font-face {
  font-family: 'avallon';
  src: url("../fonts/font.woff2") format("woff2"), url("../fonts/font.woff") format("woff"); }

@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'RobotoCondensed-Light';
  src: url("../fonts/RobotoCondensed-Light.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Roboto-Light';
  src: url("../fonts/Roboto-Light.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Roboto-Light';
  src: url("../fonts/Roboto-Light.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Roboto-Thin';
  src: url("../fonts/Roboto-Thin.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Roboto-Bold';
  src: url("../fonts/Roboto-Bold.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: 'Roboto-Regular';
  src: url("../fonts/Roboto-Regular.ttf") format("TrueType");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

body {
  font-family: 'Roboto-Regular'; }

h1 {
  font-family: 'RobotoCondensed-Bold'; }

h2, h3 {
  font-family: 'RobotoCondensed-Light'; }

p {
  font-family: 'Roboto-Light'; }

.btn-primary {
  font-family: 'Roboto-Regular';
  text-transform: uppercase;
  border-radius: 0.625rem;
  border: 0; }

.btn-primary.btn-lg {
  padding: 0.5625rem 3.75rem 0.4375rem 3.75rem; }

.btn-primary.alpha, .btn-primary.alpha:active {
  background-color: rgba(255, 255, 255, 0.4) !important; }

#main-top-wrapper {
  position: relative;
  height: 51vw; }

@media (max-width: 991.99px) {
  #main-top-wrapper {
    height: auto; } }

#main-top-wrapper.simple-page {
  height: 7.1875rem; }

#main-top-wrapper .mobile-submenu {
  color: #ffffff;
  padding: 0 !important;
  z-index: 999;
  height: 100%;
  position: fixed;
  width: 100vw;
  background-color: #ec6715;
  text-align: left;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  transition: transform .85s ease 0s,visibility 0s ease .85s,-webkit-transform .85s ease 0s; }

#main-top-wrapper .mobile-submenu .menu-main {
  margin-top: 1.875rem; }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .menu-main {
    margin-top: 0; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion {
  margin-top: 5rem; }

@media (max-width: 1199.98px) and (min-width: 769px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion {
    width: 100% !important; } }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion {
    margin-top: 1.3rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card {
  background: none;
  text-align: right;
  border: none; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header {
  background: none;
  border-bottom: none;
  margin-right: 6.875rem;
  padding: .5rem 1.25rem; }

@media (max-width: 1199.98px) and (min-width: 769px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header {
    padding-left: 7.5rem; } }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header {
    margin-right: 0; } }

@media (min-width: 1200px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header {
    padding: .5rem 1.25rem .5rem 7.5rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 {
  border-bottom: 1px solid white; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 {
    margin-right: 1.875rem;
    margin-left: 1.875rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a {
  font-family: 'RobotoCondensed-Bold';
  color: #ffffff;
  text-decoration: none;
  border-radius: 0;
  text-align: right;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
  font-size: 2.125rem;
  display: inline-block; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a {
    margin-right: 0; } }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a {
    font-size: 1.375rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a.arrow {
  width: 1.875rem;
  margin-left: 10px; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a.arrow.btn-link {
  background: url("../img/top-arrow-white.svg") center center no-repeat;
  background-size: 70%; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .card .card-header h5 a.arrow.collapsed {
  background: url("../img/down-arrow-white.svg") center center no-repeat;
  background-size: 70%; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse {
  display: none; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 1.25rem; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body ul {
  list-style: none !important; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body ul li {
  list-style: none !important;
  padding: 0 7.0rem 0.2rem 0;
  font-size: 1.25rem;
  font-family: 'Roboto-Light'; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body ul li {
    font-size: 1.5rem;
    padding-right: 0;
    margin-right: 2.5rem; } }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body ul li {
    font-size: 1.2rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .collapse .card-body ul li a {
  color: #ffffff;
  text-decoration: none;
  font-family: 'Roboto-Light'; }

@media (min-width: 769px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .margin-mobile {
    margin-right: 5rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .show {
  display: block; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner {
  margin-right: 3.75rem;
  border-right: 2px solid #fff;
  padding-right: 1.25rem; }

@media (max-width: 1199.98px) and (min-width: 768px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner {
    margin-right: 8.125rem; } }

@media (min-width: 1200px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner {
    margin-right: 8.125rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner ul {
  list-style: none; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner ul li {
  padding: .5rem 0; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner ul li a {
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
  font-family: 'roboto-light'; }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner ul li a {
    font-size: 1.15rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-inner ul li a:hover {
  color: #fff;
  text-decoration: none; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading {
  margin-bottom: 1rem; }

@media (max-width: 769px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading {
    margin-bottom: .5rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading a {
  color: #ffffff;
  text-decoration: none;
  font-family: 'roboto-regular';
  font-size: 1.75rem;
  display: inline-block; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading a {
    font-size: 1.4rem; } }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading .arrow {
  width: 1.875rem;
  margin-left: 10px;
  padding: 1rem;
  margin-right: 3rem; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading .arrow.accordion-toggle {
  background: url("../img/top-arrow-white.svg") center 13px no-repeat;
  background-size: 63%; }

#main-top-wrapper .mobile-submenu .menu-main #mobile-accordion .accordion-heading .arrow.collapsed {
  background: url("../img/down-arrow-white.svg") center 13px no-repeat;
  background-size: 63%; }

#main-top-wrapper .mobile-submenu .menu-main .language-switcher a {
  font-size: 1.125rem;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase; }

#main-top-wrapper .mobile-submenu .menu-main .language-switcher .active {
  border-bottom: 1px solid white; }

#main-top-wrapper .mobile-submenu .menu-main p {
  padding-left: 7.5rem;
  padding-top: 2rem;
  margin-right: 0;
  font-size: 1.5625rem; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .menu-main p {
    padding: 2rem 0 0.3125rem 2.875rem; } }

@media (max-width: 1199.98px) and (min-width: 768px) {
  #main-top-wrapper .mobile-submenu .menu-main p {
    padding-left: 7.5rem;
    margin-right: 0; } }

#main-top-wrapper .mobile-submenu .close-button {
  position: absolute;
  width: 4.5rem;
  height: 3.5rem;
  top: 3.125rem;
  right: 5.125rem;
  cursor: pointer; }

@media (max-width: 767.99px) {
  #main-top-wrapper .mobile-submenu .close-button {
    width: 2.5rem;
    height: 2.5rem;
    top: 4rem;
    right: 3.125rem; } }

@media (max-width: 1199.98px) and (min-width: 768px) {
  #main-top-wrapper .mobile-submenu .close-button {
    right: 8.125rem; } }

@media (min-width: 1200px) {
  #main-top-wrapper .mobile-submenu .close-button {
    right: 8.125rem; } }

@media (max-width: 499.99px) {
  #main-top-wrapper .mobile-submenu .close-button {
    top: 2rem; } }

#main-top-wrapper .opened {
  transform: translateX(0);
  visibility: visible;
  overflow: scroll;
  transition: transform .85s ease 0s,visibility 0s ease 0s,-webkit-transform .85s ease 0s; }

#meta-nav {
  position: fixed;
  width: 100%;
  z-index: 9; }

@media (max-width: 991.99px) {
  #meta-nav {
    top: 0; } }

#meta-nav .row .col-12 ul.nav {
  padding-top: 0.625rem;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: 'Roboto-Light'; }

@media (min-width: 992px) and (max-width: 1280px) {
  #meta-nav .row .col-12 ul.nav {
    font-size: 0.75rem; } }

#meta-nav .row .col-12 ul.nav .nav-item .nav-link {
  color: white;
  font-weight: 200;
  padding-right: 0.3125rem; }

#meta-nav .row .col-12 ul.nav .nav-item .nav-link span {
  border-bottom: 1px solid transparent;
  padding-bottom: 0.1875rem; }

#meta-nav .row .col-12 ul.nav .nav-item .nav-link span:hover {
  border-bottom: 1px solid white; }

#meta-nav .row .col-12 ul.nav .nav-item .nav-link.active span, #meta-nav .row .col-12 ul.nav .nav-item .nav-link.is-active span, #meta-nav .row .col-12 ul.nav .nav-item .nav-link.is-active-trail span {
  border-bottom: 1px solid white;
  padding-bottom: 0.1875rem; }

#meta-nav .row .col-12 ul.nav .nav-item .nav-link.active span:hover, #meta-nav .row .col-12 ul.nav .nav-item .nav-link.is-active span:hover, #meta-nav .row .col-12 ul.nav .nav-item .nav-link.is-active-trail span:hover {
  border-bottom: 1px solid white; }

#meta-nav .row .col-12:nth-child(2) {
  position: relative; }

#meta-nav .row .col-12:nth-child(2) .logo-wrapper {
  border-bottom-right-radius: .8rem;
  border-bottom-left-radius: .8rem;
  background: white;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 11.25rem;
  margin: 0 auto;
  padding: 0.9375rem 0.3125rem 0.9375rem 0.3125rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@media (max-width: 767.99px) {
  #meta-nav .row .col-12:nth-child(2) .logo-wrapper {
    width: 8.75rem; } }

#meta-nav .row .col-12:nth-child(3) ul.nav {
  float: right; }

#meta-nav .row .col-12:nth-child(3) ul.nav .nav-item:first-child .nav-link {
  padding-right: 1.25rem; }

#meta-nav .row .col-12:nth-child(3) ul.nav .nav-item:first-child .nav-link:before {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/search.svg") top left no-repeat;
  position: absolute;
  margin-left: -1.5625rem; }

#meta-nav .row .col-12:nth-child(3) ul.nav .nav-item:last-child {
  padding-right: 1.25rem; }

@media (max-width: 991.99px) {
  #meta-nav .row {
    background: #ec6715;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    height: 4.0625rem !important; }
  #meta-nav .row .row .col-12:nth-child(2) .logo-wrapper {
    border-bottom-right-radius: .8rem;
    border-bottom-left-radius: .8rem;
    background: white;
    width: 8.125rem;
    margin: 0 auto;
    padding: 0.75rem 0.3125rem 0.9375rem 0.3125rem;
    height: 3.75rem;
    overflow: hidden;
    border-bottom: 17px solid white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; } }

#meta-nav.active {
  background: #ec6715;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  height: 4.0625rem !important; }

#meta-nav.active .row .col-12:nth-child(2) .logo-wrapper {
  border-bottom-right-radius: .8rem;
  border-bottom-left-radius: .8rem;
  background: white;
  width: 8.125rem;
  margin: 0 auto;
  padding: 0.75rem 0.3125rem 0.9375rem 0.3125rem;
  height: 3.75rem;
  overflow: hidden;
  border-bottom: 17px solid white;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

body {
  background: #ffffff; }

body strong {
  font-family: 'Roboto-Bold'; }

body.submenu-active {
  overflow: hidden; }

/*
.start-grid {
  padding-top: rem(40px);
  .card-columns {
    column-count: 2;
    margin-top: 3rem;
    .left-small {
      text-align: right;
      border-radius: 0;
      border: 0;
      .card-img-top {
        border-radius: 0;
      }
      h3 {
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: white;
        font-family: 'RobotoCondensed-Bold';
        padding: 2rem 9rem 0.625rem 2rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: white;
        font-family: 'Roboto-Regular';
        padding: 0 9rem 0 2rem;
        a {
          color: white;
          border-bottom: 1px solid #ffffff;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
    .left-text {
      @media (min-width: 1200px) {
        height: 13.7rem;
      }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        height: 12.4rem;
        margin-top: -1rem;
      }
      text-align: right;
      border-radius: 0;
      border: 0;
      h3 {
        @media (min-width: 992px) and (max-width: 1199.98px) {
          padding: 0rem 2rem 0.625rem 2rem;
        }
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: black;
        font-family: 'RobotoCondensed-Bold';
        padding: 1rem 2rem 0.625rem 2rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: black;
        font-family: 'Roboto-Regular';
        padding: 0 2rem 0 2rem;
        a {
          color: black;
          border-bottom: 1px solid black;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
    .left-big {
      text-align: right;
      border-radius: 0;
      border: 0;
      .card-img-top {
        border-radius: 0;
      }
      .card-img-overlay {
        padding: 3rem 5rem 0 0;
        .background {
          background: white;
        }
      }
      h3 {
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: black;
        font-family: 'RobotoCondensed-Bold';
        padding: 2rem 4rem 0.625rem 2rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: black;
        font-family: 'Roboto-Regular';
        padding: 0 4rem 1rem 2rem;
        a {
          color: black;
          border-bottom: 1px solid black;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
    .right-small {
      text-align: left;
      border-radius: 0;
      border: 0;
      .card-img-top {
        border-radius: 0;
      }
      h3 {
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: white;
        font-family: 'RobotoCondensed-Bold';
        padding: 2rem 2rem 0.625rem 9rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: white;
        font-family: 'Roboto-Regular';
        padding: 0 2rem 0 9rem;
        a {
          color: white;
          border-bottom: 1px solid #ffffff;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
    .right-text {
      @media (min-width: 1200px) {
        height: 13.7rem;
      }
      @media (min-width: 992px) and (max-width: 1199.98px) {
        height: 12.4rem;
        margin-top: -3rem;
      }
      text-align: left;
      border-radius: 0;
      border: 0;
      h3 {
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: black;
        font-family: 'RobotoCondensed-Bold';
        padding: 1rem 2rem 0.625rem 2rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: black;
        font-family: 'Roboto-Regular';
        padding: 0 2rem 0 2rem;
        a {
          color: black;
          border-bottom: 1px solid black;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
    .right-big {
      text-align: left;
      border-radius: 0;
      border: 0;
      .card-img-top {
        border-radius: 0;
      }
      .card-img-overlay {
        padding: 3rem 0 0 5rem;
        .background {
          background: white;
        }
      }
      h3 {
        font-weight: 600;
        font-size: rem(33px);
        margin-bottom: rem(5px);
        color: black;
        font-family: 'RobotoCondensed-Bold';
        padding: 2rem 2rem 0.625rem 4rem;
      }
      p {
        font-size: rem(16px);
        padding-bottom: rem(4px);
        color: black;
        font-family: 'Roboto-Regular';
        padding: 0 2rem 1rem 4rem;
        a {
          color: black;
          border-bottom: 1px solid black;
          text-decoration: none;
          &:before {
            background: none;
            width: 0;
            height: 0;
            top: 0;
          }
        }
      }
    }
  }
}
*/
/*.start-grid {
  .img-grid-wrapper {
    padding-top: rem(96px);
    padding-bottom: rem(16px);
    .img-grid {
      position: relative;
      padding-bottom: rem(30px);
      .background {
        //position: absolute;
        top: 0;
        left: 0;
        img {
          width: 100%;
        }
      }
      .inner {
        position: absolute;
        top: rem(70px);
        z-index: 5;
        h3 {
          font-weight: 600;
          font-size: rem(36px);
          margin-bottom: rem(5px);
          color: white;
          font-family: 'RobotoCondensed-Bold';
        }
        p {
          font-size: rem(16px);
          padding-bottom: rem(4px);
          color: white;
          font-family: 'Roboto-Regular';
          a {
            color: white;
            border-bottom: 1px solid #ffffff;
            text-decoration: none;
            &:before {
              background: none;
              width: 0;
              height: 0;
              top: 0;
            }
          }
        }
        &.lighten {
          background: white;
          h3 {
            color: black;
            font-family: 'RobotoCondensed-Bold';
            font-size: rem(36px);
          }
          p {
            color: black;
            font-family: 'Roboto-Regular';
            a {
              color: black;
              border-bottom: 1px solid black;
            }
          }
        }
      }
    }
    &.left-box {
      .img-grid {
        .inner {
          @include media-only-xl {
            padding-left: 1rem;
            margin-top: 0rem;
          }
          @include media-only-lg {
            padding-left: 2rem;
            margin: -2rem 25% 0 0;
          }
          @include media-only-md {
            padding-left: 2rem;
            margin: 0 25% 0 0;
          }
          margin: 0 30% 0 0;
          h3 {
            text-align: right;
            padding: rem(8px) rem(50px) rem(2px) rem(6px);
            font-family: 'RobotoCondensed-Bold';
            font-size: rem(36px);
          }
          p {
            text-align: right;
            padding: rem(3px) rem(50px) rem(2px) rem(6px);
            font-family: 'Roboto-Regular';
          }
        }
        @include media-lg {
          .inner {
            margin-bottom: 5rem !important;
          }
        }
      }
      .left-container {
        @include media-sm {
          height: 11.6rem;
        }
        @include media-md {
          height: 8.6rem;
          margin-bottom: 2.6rem;
        }
        @include media-lg {
          height: 11.6rem;
          margin-bottom: 0;
        }
        @include media-xl {
          height: 14rem;
          margin-bottom: 0;
        }
        text-align: right;
        padding: 0 3.125rem 2.2rem 3.125em;
        h3 {
          font-family: 'RobotoCondensed-Bold';
          font-weight: 600;
          font-size: rem(36px);
        }
        p {
          padding: 0 0 0 3.125rem;
          font-size: rem(16px);
          font-family: 'Roboto-Regular';
          a {
            border-bottom: 1px solid black;
            text-decoration: none;
            &:before {
              display: none;
            }
          }
        }
      }
    }
    &.right-box {
      .img-grid {
        .inner {
          @include media-only-xl {
            padding-right: 1rem;
            margin-top: 0rem;
          }
          @include media-only-lg {
            padding-right: 2rem;
            margin: -2rem 0 0 25%;
          }
          @include media-only-md {
            padding-right: 2rem;
            margin: 0 0 0 25%;
          }
          margin: 0 0 0 30%;
          h3 {
            text-align: left;
            padding: rem(8px) rem(6px) rem(2px) rem(50px);
            font-family: 'RobotoCondensed-Bold';
            font-size: rem(36px);
          }
          p {
            text-align: left;
            padding: rem(3px) rem(6px) rem(2px) rem(50px);
            font-family: 'Roboto-Regular';
            font-size: rem(16px);
          }
        }
      }
      .right-container {
        @include media-sm {
          height: 11.6rem;
        }
        @include media-md {
          height: 8.6rem;
        }
        @include media-lg {
          height: 11.6rem;
        }
        @include media-xl {
          height: 14rem;
        }
        height: 14rem;
        text-align: left;
        padding: 0 3.125rem 2.2rem 3.125em;
        h3 {
          font-family: 'RobotoCondensed-Bold';
          font-weight: 600;
          font-size: rem(36px);
        }
        p {
          padding: 0 3.125rem 0 0;
          font-family: 'Roboto-Regular';
          font-size: rem(16px);
          a {
            border-bottom: 1px solid black;
            text-decoration: none;
            &:before {
              display: none;
            }
          }
        }
      }
    }
  }
}
*/
#story {
  padding-top: 4.0625rem; }

#story h1 {
  font-family: 'RobotoCondensed-Bold';
  font-size: 3.125rem;
  margin-bottom: 0; }

#story h2 {
  font-family: 'RobotoCondensed-Light';
  font-size: 2.1875rem; }

#story .inner h3 {
  font-size: 1.75rem;
  font-family: 'RobotoCondensed-Light'; }

#story .inner h4 {
  color: #e66221;
  font-size: 3.25rem;
  font-family: 'RobotoCondensed-Bold'; }

#story .inner p {
  font-size: 1.2rem;
  font-family: 'Roboto-Light'; }

@media (min-width: 992px) {
  #story .inner p {
    padding-right: 7.5rem; } }

#story .inner p a {
  color: black;
  text-decoration: underline; }

#story .inner p a:hover {
  text-decoration: none; }

@media (min-width: 992px) {
  #story .inner:first-child:before {
    background: url("../img/line-3.svg") top left no-repeat;
    display: inline-block;
    width: 46.25rem;
    height: 6rem;
    content: '';
    position: relative; } }

@media (min-width: 992px) {
  #story .inner:nth-child(even) {
    margin-top: 10rem; }
  #story .inner:nth-child(even):before {
    background: url("../img/line-2.svg") top left no-repeat;
    display: inline-block;
    width: 5rem;
    height: 2.5rem;
    content: '';
    position: relative; } }

@media (min-width: 992px) {
  #story .inner:nth-child(odd):not(:first-child):before {
    background: url("../img/line-1.svg") top left no-repeat;
    display: inline-block;
    width: 35.25rem;
    height: 3.5rem;
    content: '';
    position: relative; } }

#search-result form {
  display: none; }

#search-result h2 {
  display: none; }

#search-result .views-row {
  padding: 0.375rem 0.5rem;
  display: inline-block; }

#search-result .views-row .views-field {
  display: inline-block; }

#search-result .views-row a {
  color: black; }

#search-result .views-row.cloud-1 span {
  font-family: 'Roboto-Bold';
  font-size: 2.375rem; }

#search-result .views-row.cloud-2 span {
  font-family: 'Roboto-Regular';
  font-size: 2.125rem; }

#search-result .views-row.cloud-3 span, #search-result .views-row.cloud-4 span {
  font-family: 'Roboto-Regular';
  font-size: 1.875rem; }

#search-result .views-row.cloud-5 span, #search-result .views-row.cloud-6 span, #search-result .views-row.cloud-7 span {
  font-family: 'Roboto-Regular';
  font-size: 1.75rem; }

#search-result .views-row.cloud-8 span, #search-result .views-row.cloud-9 span, #search-result .views-row.cloud-10 span, #search-result .views-row.cloud-11 span {
  font-family: 'Roboto-Regular';
  font-size: 1.5625rem; }

#search-result .views-row.cloud-12 span, #search-result .views-row.cloud-13 span, #search-result .views-row.cloud-14 span, #search-result .views-row.cloud-15 span, #search-result .views-row.cloud-16 span {
  font-family: 'Roboto-Regular';
  font-size: 1.375rem; }

#search-result .views-row.cloud-17 span, #search-result .views-row.cloud-18 span, #search-result .views-row.cloud-19 span, #search-result .views-row.cloud-20 span, #search-result .views-row.cloud-21 span {
  font-family: 'Roboto-Regular';
  font-size: 1.25rem; }

#search-result .views-row.cloud-22 span, #search-result .views-row.cloud-23 span, #search-result .views-row.cloud-24 span, #search-result .views-row.cloud-25 span, #search-result .views-row.cloud-26 span, #search-result .views-row.cloud-27 span {
  font-family: 'Roboto-Regular';
  font-size: 1.125rem; }

#search-result .views-row.cloud-28 span, #search-result .views-row.cloud-29 span, #search-result .views-row.cloud-30 span, #search-result .views-row.cloud-31 span, #search-result .views-row.cloud-32 span {
  font-family: 'Roboto-Regular';
  font-size: 1rem; }

#search-result .views-row.cloud-33 span, #search-result .views-row.cloud-34 span, #search-result .views-row.cloud-35 span, #search-result .views-row.cloud-36 span {
  font-family: 'Roboto-Regular';
  font-size: 0.875rem; }

#search-result .views-row.cloud-37 span, #search-result .views-row.cloud-38 span, #search-result .views-row.cloud-39 span, #search-result .views-row.cloud-40 span {
  font-family: 'Roboto-Regular';
  font-size: 0.75rem; }

#search-result ol {
  list-style: none; }

#search-result ol li {
  display: inline-block;
  line-height: 30px;
  text-align: center; }

#search-result ol li span {
  font-family: 'Roboto-Light';
  padding: 0.1875rem 0.3125rem;
  font-size: 1.1875rem; }

#search-result ol li span a {
  color: black; }

#search-result ol li span a:hover {
  color: #ec6715; }

#search-result .pager {
  clear: left; }

#search-result .pager ul {
  display: none; }

#searchbox .modal-content {
  border-radius: 0; }

#searchbox .modal-content form {
  background: #f7f7f7;
  padding: 1rem 1rem 1rem 1rem; }

#searchbox .modal-content form .form-group .form-control {
  border: 1px solid #dcdddc;
  background-color: #dcdddc;
  border-radius: 0.9375rem; }

#searchbox .modal-content form .btn-primary {
  background-color: #ec6715;
  font-family: 'Roboto-Regular'; }

#storelocator .whole-form,
#pharmacyfinder {
  background: #f7f7f7;
  padding: 1rem 2rem 1rem 2rem; }

@media (max-width: 767.99px) {
  #storelocator .whole-form .pr-0,
  #pharmacyfinder .pr-0 {
    padding-right: 15px !important; } }

#pharmacyfinder .form-group .form-control {
  border: 1px solid #dcdddc;
  background-color: #dcdddc;
  border-radius: 0.9375rem; }

@media (max-width: 767.99px) {
  #pharmacyfinder .form-group .form-control {
    text-align: center; } }

#pharmacyfinder .btn-primary {
  background-color: #ec6715;
  font-family: 'Roboto-Regular'; }

#storefinder .modal-content,
#shopfinder .modal-content {
  border-radius: 0; }

#storefinder .modal-content #pharmacyfinder,
#shopfinder .modal-content #pharmacyfinder {
  background: #f7f7f7;
  padding: 1rem; }

@media (max-width: 767.99px) {
  #storefinder .modal-content #pharmacyfinder p,
  #shopfinder .modal-content #pharmacyfinder p {
    text-align: center; } }

@media (max-width: 767.99px) {
  #storefinder .modal-content #pharmacyfinder .pr-0,
  #shopfinder .modal-content #pharmacyfinder .pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

@media (max-width: 767.99px) {
  #storefinder .modal-content #pharmacyfinder .form-control,
  #shopfinder .modal-content #pharmacyfinder .form-control {
    padding-right: 15px !important;
    padding-left: 15px !important; } }

#breadcrumb {
  font-size: 0.9375rem;
  background-color: white;
  font-family: Roboto-Light; }

#breadcrumb .breadcrumb {
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  background-color: #ffffff;
  border-radius: 0; }

#breadcrumb .breadcrumb .breadcrumb-item {
  color: #000; }

#breadcrumb .breadcrumb .breadcrumb-item a {
  color: #000; }

#breadcrumb .breadcrumb .breadcrumb-item a:hover {
  text-decoration: none !important;
  border-bottom: 1px solid #000; }

#breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "―"; }

#breadcrumb .breadcrumb .breadcrumb-item.active {
  color: #ec6715; }

#brochure {
  margin-top: 2.5rem;
  border-top: 2px solid #ec6715;
  border-bottom: 2px solid #ec6715; }

#brochure #brochure-carousel .carousel-inner {
  overflow: visible; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure:hover .image {
  visibility: visible; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .image {
  position: absolute;
  z-index: 6;
  top: -1.5625rem;
  left: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
  background: #ec6715;
  border-radius: 3.125rem;
  visibility: hidden; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .image img {
  width: 1.5625rem;
  display: block;
  margin: 0.625rem auto; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner {
  overflow: hidden;
  padding: 1rem;
  padding-top: 3.25rem;
  height: 100%;
  text-align: center; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner:hover {
  background: #ededed; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner a {
  text-decoration: none; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner img {
  margin-bottom: 1.25rem; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner h2 {
  font-size: 1.25rem;
  font-family: 'robotocondensed-bold';
  color: #ec6715;
  margin-bottom: 0; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner h2 a {
  color: #ec6715; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner h3 {
  font-size: 1.25rem;
  font-family: 'robotocondensed-light';
  color: #ec6715;
  margin-bottom: 1.25rem; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner h3 a {
  color: #ec6715; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner p {
  font-size: 1.125rem;
  font-family: 'roboto-light';
  color: #1d1d1b; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner p a {
  color: #1d1d1b; }

#brochure #brochure-carousel .carousel-inner .wrapper .brochure-inner-field .brochure .inner p:before {
  background: url(../img/arrow.svg) top left no-repeat;
  display: inline-block;
  width: 0.5625rem;
  height: 0.75rem;
  content: '';
  margin-right: 0.5rem; }

footer {
  margin-top: 6.25rem;
  background: #ec6715;
  font-size: 1.25rem; }

@media (max-width: 510px) {
  footer {
    font-size: 1.0625rem; } }

footer .footer-bottom {
  padding-top: 9.375rem; }

footer .footer-bottom img {
  width: 11.25rem; }

footer .footer-bottom .contact {
  color: #ffffff;
  margin-top: 2.5rem;
  line-height: 1.25rem; }

footer .footer-bottom .contact p {
  font-family: 'Roboto-Light'; }

footer .footer-bottom .contact p a {
  color: white;
  text-decoration: none;
  font-family: 'Roboto-Light'; }

footer .footer-bottom .contact p a:hover {
  text-decoration: underline; }

footer .footer-bottom .contact p a.active, footer .footer-bottom .contact p a.is-active, footer .footer-bottom .contact p a.is-active-trail {
  text-decoration: underline; }

footer .footer-bottom .link {
  float: right;
  color: #ffffff;
  margin-top: 2.5rem;
  line-height: 1.25rem; }

footer .footer-bottom .link p {
  font-family: 'Roboto-Regular'; }

footer .footer-bottom .link p a {
  color: white;
  text-decoration: none;
  font-family: 'Roboto-Light'; }

footer .footer-bottom .link p a:hover {
  text-decoration: underline; }

footer .footer-bottom .link p a.active, footer .footer-bottom .link p a.is-active, footer .footer-bottom .link p a.is-active-trail {
  text-decoration: underline; }

footer .footer-bottom .social-media {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem; }

footer .footer-bottom .social-media hr {
  border: 0.5px solid white; }

footer .footer-bottom .social-media img {
  padding-top: 1.5625rem;
  width: 2.1875rem; }

footer .footer-bottom .social-media img.moca {
  opacity: .3;
  width: 1.5625rem;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

footer .footer-bottom .social-media img.moca:hover {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 100%;
  text-decoration: underline; }

.intro.extra-m {
  padding-bottom: 2.0625rem;
  padding-top: 1.875rem; }

.intro.extra-b {
  padding-bottom: 0;
  padding-top: 2.8125rem; }

.intro.protect-care, .intro.sensitive {
  border-top: 0;
  border-bottom: 0; }

.intro.intro-product-overview {
  padding-bottom: 3.4375rem;
  padding-top: 6rem; }

@media (max-width: 991.99px) {
  .intro.intro-product-overview {
    padding-top: 2.875rem !important; } }

.intro h1 {
  font-weight: 600;
  font-size: 3.125rem;
  margin-bottom: 0; }

@media (max-width: 399.99px) {
  .intro h1 {
    font-size: 1.875rem; } }

@media (max-width: 767.99px) {
  .intro h1 {
    font-size: 2.1875rem; } }

.intro h2 {
  font-weight: 100;
  font-size: 2.1875rem;
  margin-bottom: 1.25rem; }

@media (max-width: 399.99px) {
  .intro h2 {
    font-size: 1.3125rem; } }

@media (max-width: 767.99px) {
  .intro img {
    max-width: 100%; } }

.intro p {
  padding: 0.625rem 5rem;
  font-size: 1.125rem; }

@media (max-width: 767.99px) {
  .intro p {
    padding: 0; } }

.intro p strong {
  font-family: 'Roboto-Bold'; }

.intro p em {
  font-style: normal !important;
  font-size: 0.8125rem; }

.intro p a {
  color: black;
  text-decoration: underline;
  /*
      &:before {
        background: url("../img/arrow.svg") top left no-repeat;
        display: inline-block;
        width: rem(18px);
        height: rem(18px);
        content: '';
        margin-right: rem(0);
        top: rem(3px);
        position: relative;
      }

       */ }

.intro p > a {
  color: black; }

.intro p > a:before {
  background: url("../img/arrow.svg") top left no-repeat;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  content: '';
  margin-right: 0;
  top: 0.1875rem;
  position: relative; }

.intro ul,
.intro ol {
  font-family: Roboto-Light;
  font-size: 1.125rem; }

.intro ul li a {
  color: black;
  text-decoration: underline; }

.intro ol a {
  color: #ec6715; }

.intro .two-cols p {
  padding: 0.625rem 0 0 0;
  font-size: 1.125rem;
  margin-bottom: 0.25rem; }

.intro .two-cols ul {
  font-family: Roboto-Light;
  font-size: 1.125rem; }

.intro.accordion {
  padding-top: 2.5rem; }

.intro.accordion p {
  padding: 0.625rem 0; }

.intro.accordion .btn-link {
  text-align: left;
  font-family: Roboto-Regular;
  text-transform: uppercase;
  color: #000;
  padding-left: 0;
  text-decoration: none;
  color: #e66221;
  width: 100%;
  font-size: 1.2rem;
  background: url("../img/top-arrow.svg") right center no-repeat;
  background-size: 3%; }

.intro.accordion .btn-link.collapsed {
  color: #000;
  background: url("../img/down-arrow.svg") right center no-repeat;
  background-size: 3%; }

.intro.accordion .card-header {
  background-color: #fff;
  padding-left: 0; }

.intro.accordion .card {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #d3d3d3; }

.intro.accordion .card .card-body {
  padding-left: 0;
  font-family: Roboto-Light;
  font-size: 1.2rem;
  text-align: left; }

.intro.accordion .card:first-child {
  border-top: 1px solid #d3d3d3; }

.intro .privacy h3 {
  font-size: 1.875rem;
  font-family: Roboto-Bold;
  margin-top: 1.875rem; }

.intro .privacy h4 {
  font-size: 1.25rem;
  margin-top: 0.9375rem; }

.intro .privacy p a:before {
  background-image: none; }

.intro .privacy table tr {
  margin-top: 2.5rem; }

.intro .privacy table tr td {
  width: 25%;
  vertical-align: top;
  padding: 0 0.625rem 0 0; }

.intro .privacy table tr td p {
  font-size: 0.9375rem;
  line-height: 1.375rem; }

.intro .privacy table tr td ul {
  font-size: 0.9375rem;
  list-style-type: none; }

.intro .privacy table tr td ul li {
  padding-top: 0.1875rem;
  line-height: 1.375rem;
  padding-bottom: 0.3125rem; }

.intro .privacy table tr td ul li:before {
  content: '-';
  position: relative;
  left: -1rem;
  display: inline-block; }

#sitemap {
  padding: 1.875rem 0 0 0; }

#sitemap ul {
  padding-top: 1.25rem;
  font-family: Roboto-Bold; }

#sitemap ul li {
  padding-top: 0.8125rem; }

#sitemap ul li a {
  color: black; }

#sitemap ul li ul {
  padding-top: 0;
  font-family: Roboto-Regular; }

#sitemap ul li ul li {
  padding-top: 0.375rem; }

#sitemap ul li ul li a {
  color: black; }

#sitemap ul li ul li ul {
  padding-top: 0;
  padding-bottom: 0.9375rem;
  font-family: Roboto-Thin; }

#sitemap ul li ul li ul li {
  padding-top: 0.25rem; }

#sitemap ul li ul li ul li a {
  color: #ec6715; }

#hero {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 4;
  background: #fff; }

@media (max-width: 991.99px) {
  #hero {
    position: relative;
    margin-top: 2.625rem; } }

#hero .hero-wrapper {
  height: 45vw;
  position: relative; }

@media (max-width: 991.99px) {
  #hero .hero-wrapper {
    height: auto; } }

#hero .hero-wrapper .background {
  position: absolute; }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .background {
    position: relative; } }

#hero .hero-wrapper .background img {
  width: 100% !important;
  height: auto; }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .lead {
    background: #ec6715; } }

#hero .hero-wrapper .lead .leader {
  position: relative; }

#hero .hero-wrapper .lead .leader.left {
  margin-left: 9.375rem; }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader.left {
    margin-left: 0; } }

@media (min-width: 651px) and (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader.left .lead-wrapper {
    bottom: 5vw;
    left: 7.5rem; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader.right {
    margin-left: 60% !important; } }

#hero .hero-wrapper .lead .leader .lead-wrapper {
  position: absolute;
  bottom: -41vw; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    bottom: -41vw;
    right: 10rem; } }

@media (max-width: 650.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    position: relative;
    background: #ec6715;
    height: auto;
    padding: 1.25rem 0.9375rem;
    bottom: auto; } }

@media all and (max-width: 650.99px) and (-ms-high-contrast: none), (max-width: 650.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    right: 0rem; } }

@media (min-width: 651px) and (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    bottom: 3vw;
    right: 1.25rem; } }

@media (min-width: 992px) and (max-width: 1280px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    bottom: -39vw;
    right: 4.375rem; } }

@media all and (min-width: 992px) and (max-width: 1280px) and (-ms-high-contrast: none), (min-width: 992px) and (max-width: 1280px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper {
    bottom: -41vw;
    right: 9.375rem; } }

#hero .hero-wrapper .lead .leader .lead-wrapper h3 {
  font-size: 4.375rem;
  font-weight: 100;
  color: white;
  font-family: 'avallon';
  transform: rotate(-5deg); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 {
    font-size: 3.125rem !important; } }

#hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
  line-height: 5.625rem;
  font-family: 'avallon';
  display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
    line-height: 4.6875rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
    line-height: 3.125rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
    line-height: 3.125rem !important; } }

@media (max-width: 899.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
    line-height: 1.875rem !important;
    font-size: 2.5rem !important; } }

@media all and (max-width: 899.99px) and (-ms-high-contrast: none), (max-width: 899.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 span {
    line-height: 2.5rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 {
    line-height: 4.375rem !important;
    font-size: 3.75rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 {
    line-height: 3.125rem !important; } }

@media (max-width: 899.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 {
    line-height: 2.5rem !important;
    font-size: 2.5rem !important; } }

@media all and (max-width: 899.99px) and (-ms-high-contrast: none), (max-width: 899.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 {
    line-height: 2.5rem !important; } }

#hero .hero-wrapper .lead .leader .lead-wrapper h4 {
  font-size: 4.375rem;
  font-weight: 100;
  color: white;
  font-family: 'avallon';
  transform: rotate(-5deg);
  text-align: right; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 {
    font-size: 3.125rem !important; } }

@media (max-width: 650.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4:last-child {
    color: #000000 !important; } }

#hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
  line-height: 5.625rem;
  font-family: 'avallon';
  display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
    line-height: 4.6875rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
    line-height: 4.375rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
    line-height: 3.125rem !important; } }

@media (max-width: 899.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
    line-height: 1.875rem !important;
    font-size: 2.5rem !important; } }

@media all and (max-width: 899.99px) and (-ms-high-contrast: none), (max-width: 899.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 span {
    line-height: 2.5rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 {
    line-height: 4.375rem !important;
    font-size: 3.75rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 {
    line-height: 3.125rem !important; } }

@media (max-width: 899.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 {
    text-align: left;
    line-height: 1.875rem !important; } }

@media all and (max-width: 899.99px) and (-ms-high-contrast: none), (max-width: 899.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 {
    line-height: 1.875rem !important; } }

#hero .hero-wrapper .lead .leader .lead-wrapper h1 {
  text-align: left;
  font-size: 2.5rem;
  font-weight: 100;
  color: white;
  font-family: 'Roboto-Thin'; }

#hero .hero-wrapper .lead .leader .lead-wrapper h1 span {
  font-family: 'Roboto-Bold';
  display: block;
  text-transform: uppercase; }

@media (min-width: 1200px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h1 {
    max-width: 600px; } }

@media (min-width: 992px) and (max-width: 1280px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h1 {
    font-size: 2.8125rem; } }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h1 {
    font-size: 1.875rem; } }

#hero .hero-wrapper .lead .leader .lead-wrapper p {
  font-size: 1.1875rem;
  padding: 0.625rem 0 1.125rem;
  font-weight: normal;
  color: white;
  font-family: 'Roboto-Light'; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    padding: 4.0625rem 0 1.125rem; } }

@media (min-width: 1200px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    max-width: 600px; } }

@media (min-width: 992px) and (max-width: 1280px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    font-size: 1.0625rem; } }

@media all and (min-width: 992px) and (max-width: 1280px) and (-ms-high-contrast: none), (min-width: 992px) and (max-width: 1280px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    padding: 1.875rem 0 0.8125rem; } }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    padding: 2.8125rem 0 1.125rem; } }

@media (max-width: 767.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    padding: 0.125rem 0 0.8125rem;
    margin: 0; } }

@media all and (max-width: 767.99px) and (-ms-high-contrast: none), (max-width: 767.99px) and (-ms-high-contrast: active) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p {
    padding: 1.875rem 0 0.8125rem; } }

#hero .hero-wrapper .lead .leader .lead-wrapper p span {
  line-height: 3.75rem; }

#hero .hero-wrapper .lead .leader .lead-wrapper p a {
  text-align: left; }

@media (max-width: 991.99px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper p a {
    margin-top: 0.9375rem;
    font-size: 1rem;
    text-align: center;
    padding: 0.5625rem 1.0625rem; } }

#hero .carousel-control-prev {
  left: -3vw; }

@media (max-width: 991.99px) {
  #hero .carousel-control-prev {
    top: 26%;
    left: 0;
    bottom: inherit; } }

#hero .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../img/pfeil-links.svg");
  width: 2.5rem;
  height: 2.5rem; }

#hero .carousel-control-next {
  right: -3vw; }

@media (max-width: 991.99px) {
  #hero .carousel-control-next {
    top: 26%;
    left: inherit;
    bottom: inherit; } }

#hero .carousel-control-next .carousel-control-next-icon {
  background-image: url("../img/pfeil-rechts.svg");
  width: 2.5rem;
  height: 2.5rem; }

.divider #divider-carousel .carousel-item img {
  width: 100%;
  height: auto; }

@media (max-width: 651px) {
  #hero .hero-wrapper .lead .leader .lead-wrapper h3:nth-of-type(2),
  #hero .hero-wrapper .lead .leader .lead-wrapper h3:nth-of-type(2) span,
  #hero .hero-wrapper .lead .leader .lead-wrapper h3:nth-of-type(2) span.white,
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 + h3,
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 + h3 span,
  #hero .hero-wrapper .lead .leader .lead-wrapper h4 + h3 span.white,
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 + h4 span,
  #hero .hero-wrapper .lead .leader .lead-wrapper h3 + h4 span.white {
    color: #000000 !important; } }

nav#main-nav {
  position: absolute;
  width: 100%;
  z-index: 9;
  bottom: 5vh; }

@media (max-width: 998.99px) {
  nav#main-nav {
    bottom: 0vh; } }

@media (min-width: 999px) {
  nav#main-nav {
    bottom: 0vh; } }

@media (min-width: 1200px) {
  nav#main-nav {
    bottom: 2vh; } }

@media (min-width: 1400px) {
  nav#main-nav {
    bottom: 3vh; } }

@media (min-width: 1800px) {
  nav#main-nav {
    bottom: 7vh; } }

@media (min-width: 2200px) {
  nav#main-nav {
    bottom: 10vh; } }

nav#main-nav .col-12 {
  background: white;
  -webkit-box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -5px 10px -4px rgba(0, 0, 0, 0.3); }

nav#main-nav .col-12 .nav {
  padding: 1.25rem 2.1875rem 2.5rem 2.1875rem;
  font-family: 'Roboto-Regular'; }

nav#main-nav .col-12 .nav .nav-item .nav-link {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.1875rem;
  padding-left: 0;
  color: black; }

@media (min-width: 992px) and (max-width: 1280px) {
  nav#main-nav .col-12 .nav .nav-item .nav-link {
    font-size: 1rem; } }

nav#main-nav .col-12 .nav .nav-item .nav-link span {
  border-bottom: 8px solid transparent;
  padding: 1.25rem 0.375rem 1rem 0.375rem; }

nav#main-nav .col-12 .nav .nav-item .nav-link:hover, nav#main-nav .col-12 .nav .nav-item .nav-link.active, nav#main-nav .col-12 .nav .nav-item .nav-link.is-active, nav#main-nav .col-12 .nav .nav-item .nav-link.is-active-trail {
  color: #ec6715; }

nav#main-nav .col-12 .nav .nav-item .nav-link:hover span, nav#main-nav .col-12 .nav .nav-item .nav-link.active span, nav#main-nav .col-12 .nav .nav-item .nav-link.is-active span, nav#main-nav .col-12 .nav .nav-item .nav-link.is-active-trail span {
  border-bottom: 8px solid #ec6715; }

nav#main-nav .col-12 .nav .nav-item:nth-child(2) .nav-link {
  padding-right: 3.75rem; }

nav#main-nav .col-12 .nav .nav-item:nth-child(3) .nav-link {
  padding-left: 0rem; }

nav#main-nav .col-12 .nav .nav-item .submenu {
  -webkit-box-shadow: 0px -5px 5px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -5px 5px -2px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background: #ec6715;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  transition: height 0.1s ease-in;
  height: 0; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu {
  background: #ec6715;
  padding: 2rem 0 0 1.5rem; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 {
  padding-left: 5.5rem; }

@media (min-width: 1200px) {
  nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 {
    width: 57%; } }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .nav-link {
  padding-bottom: 1.25rem;
  color: white;
  text-transform: uppercase; }

@media (min-width: 992px) and (max-width: 1299.99px) {
  nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .nav-link {
    padding-bottom: 0.8125rem; } }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .nav-link .closer-third-nav {
  padding: 1.25rem 0rem 0.125rem 0rem;
  border-bottom: 2px solid transparent; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .nav-link .closer-third-nav:hover {
  border-bottom: 2px solid #fff; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu {
  position: absolute;
  display: none;
  right: 0;
  padding: 0; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item {
  padding: 0; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item .nav-link {
  color: white;
  text-transform: none;
  padding-left: 4rem; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item .nav-link span {
  border-bottom: 2px solid transparent;
  padding: 0 0rem 0.125rem 0rem; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item .nav-link:hover span, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item .nav-link.is-active span {
  border-bottom: 2px solid white; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item:hover, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item.is-active {
  background: transparent; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item:hover span, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item.is-active span {
  border-bottom: 2px solid white; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item:hover .nav-link span, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu .nav-item.is-active .nav-link span {
  border-bottom: 2px solid white; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu.active {
  display: block; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu.is-activated {
  display: block; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2 .lastmenu.is-activated.hide-activated {
  display: none; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2:hover, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2.is-active, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2.is-active-trail {
  background: url("../img/daylong-sun-white.svg") 3.25rem 0.6rem no-repeat;
  background-size: 1.5rem; }

nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2:hover .nav-link span, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2.is-active .nav-link span, nav#main-nav .col-12 .nav .nav-item .submenu .subnav .secondmenu .nav-item.link-level2.is-active-trail .nav-link span {
  border-bottom: 2px solid white; }

nav#main-nav .col-12 .nav .nav-item .submenu .brandnav {
  background: white; }

nav#main-nav .col-12 .nav .nav-item .submenu.active {
  transition: height 0.25s ease-in;
  height: 31.25rem; }

@media (min-width: 992px) and (max-width: 1280px) {
  nav#main-nav .col-12 .nav .nav-item .submenu.active {
    height: 26.5rem; } }

nav#main-nav .col-12 .nav.dir-down .submenu {
  -webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.2);
  top: 100% !important; }

nav#main-nav.active {
  background: #ec6715;
  position: fixed;
  bottom: inherit;
  top: 156px;
  -webkit-transition: background 1s ease;
  -moz-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease; }

nav#main-nav.active .col-12 {
  background: transparent;
  box-shadow: none;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }

nav#main-nav.active .col-12 .nav {
  padding: 0 2.1875rem 0.8125rem 2.1875rem;
  -webkit-transition: background .5s ease;
  -moz-transition: background .5s ease;
  -o-transition: background .5s ease;
  transition: background .5s ease; }

nav#main-nav.active .col-12 .nav .nav-item .nav-link span {
  color: white; }

nav#main-nav.active .col-12 .nav .nav-item .nav-link:hover, nav#main-nav.active .col-12 .nav .nav-item .nav-link.active, nav#main-nav.active .col-12 .nav .nav-item .nav-link.is-active, nav#main-nav.active .col-12 .nav .nav-item .nav-link.is-active-trail {
  color: #ffffff; }

nav#main-nav.active .col-12 .nav .nav-item .nav-link:hover span, nav#main-nav.active .col-12 .nav .nav-item .nav-link.active span, nav#main-nav.active .col-12 .nav .nav-item .nav-link.is-active span, nav#main-nav.active .col-12 .nav .nav-item .nav-link.is-active-trail span {
  border-bottom: 8px solid #ffffff; }

.start-grid .card-columns {
  column-count: 2;
  margin-top: 3rem;
  column-gap: 1.87rem; }

@media (max-width: 767.98px) {
  .start-grid .card-columns {
    column-count: 1; } }

.start-grid .card-columns .card-img-overlay {
  bottom: inherit !important; }

.start-grid .card-columns h3 {
  font-size: 2.9375rem;
  font-family: 'avallon'; }

@media (max-width: 575.98px) {
  .start-grid .card-columns h3 {
    font-size: 1.875rem; } }

@media (max-width: 991.98px) {
  .start-grid .card-columns h3 {
    font-size: 2.0625rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .start-grid .card-columns h3 {
    font-size: 2.6875rem; } }

.start-grid .card-columns p {
  font-size: 1rem;
  font-family: 'Roboto-Regular'; }

@media (max-width: 991.98px) {
  .start-grid .card-columns p {
    font-size: 0.9375rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .start-grid .card-columns p {
    font-size: 1rem; } }

.start-grid .card-columns .left-small {
  margin-bottom: 1.87rem;
  text-align: right;
  border-radius: 0;
  border: 0; }

.start-grid .card-columns .left-small .card-img-top {
  border-radius: 0.625rem; }

.start-grid .card-columns .left-small .card-img-overlay {
  top: 3.75rem;
  height: auto;
  width: 61%;
  padding: 0;
  margin-left: 3.125rem; }

@media (max-width: 407.99px) {
  .start-grid .card-columns .left-small .card-img-overlay {
    width: 80%;
    margin: 0;
    top: 1.25rem;
    margin-left: 1.875rem; } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .left-small .card-img-overlay {
    width: 65%;
    margin: 0;
    top: 4.375rem;
    margin-left: 2.5rem; } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .left-small .card-img-overlay {
    width: 65%;
    margin: 0;
    top: 1.25rem;
    margin-left: 3.75rem; } }

.start-grid .card-columns .left-small h3 {
  margin-bottom: 0.3125rem;
  color: #ec6715; }

.start-grid .card-columns .left-small h3 a {
  color: #ec6715; }

.start-grid .card-columns .left-small h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

.start-grid .card-columns .left-small p {
  color: white;
  padding: 0 !important; }

.start-grid .card-columns .left-small p a {
  color: white;
  border-bottom: 1px solid #ffffff;
  text-decoration: none; }

.start-grid .card-columns .left-small p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

.start-grid .card-columns .left-text {
  margin-bottom: 1.87rem;
  text-align: right;
  border-radius: 0;
  border: 0; }

@media (min-width: 1200px) {
  .start-grid .card-columns .left-text {
    height: 12.5rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .start-grid .card-columns .left-text {
    height: 11.25rem;
    margin-top: -1rem; } }

.start-grid .card-columns .left-text h3 {
  margin-bottom: 0.3125rem;
  color: #ec6715;
  padding: 0rem 2rem 0 2rem; }

.start-grid .card-columns .left-text h3 a {
  color: #ec6715; }

.start-grid .card-columns .left-text h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .left-text h3 {
    padding: .5rem 1.4rem 0 2rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .start-grid .card-columns .left-text h3 {
    padding: 0rem 2rem 0 2rem; } }

.start-grid .card-columns .left-text p {
  padding-bottom: 0.25rem;
  color: black;
  padding: 0 2rem 0 2rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .left-text p {
    padding: 0rem 1.4rem 0 2rem; } }

.start-grid .card-columns .left-text p a {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none; }

.start-grid .card-columns .left-text p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

.start-grid .card-columns .left-big {
  margin-bottom: 1.87rem;
  text-align: right;
  border-radius: 0;
  border: 0;
  /*
      .card-img-overlay {
        padding: 3rem 5rem 0 0;
        .background {
          background: white;
          padding: 0 0 1.5rem 0;
        }
      }*/ }

.start-grid .card-columns .left-big .card-img-top {
  border-radius: 0.625rem; }

.start-grid .card-columns .left-big .card-img-overlay {
  top: 1.875rem;
  height: auto;
  width: 88%;
  padding: 0; }

@media (max-width: 407.99px) {
  .start-grid .card-columns .left-big .card-img-overlay {
    width: 80%;
    margin: 0;
    top: 1.25rem; } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .left-big .card-img-overlay {
    width: 80%;
    margin: 0;
    top: 4.375rem; } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .left-big .card-img-overlay {
    width: 85%;
    margin: 0;
    top: 1.25rem; } }

.start-grid .card-columns .left-big .card-img-overlay .background {
  background: white;
  padding: 0 0 1.5rem 0;
  border-bottom-right-radius: 0.625rem;
  border-top-right-radius: 0.625rem; }

@media (max-width: 767.99px) {
  .start-grid .card-columns .left-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .left-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .left-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 996px) and (max-width: 1198.99px) {
  .start-grid .card-columns .left-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

.start-grid .card-columns .left-big h3 {
  margin-bottom: 0.3125rem;
  color: black;
  padding: 2rem 4rem 0 2rem; }

.start-grid .card-columns .left-big h3 a {
  color: #ec6715; }

.start-grid .card-columns .left-big h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .left-big h3 {
    padding: 2rem 1.4rem 0 2rem; } }

.start-grid .card-columns .left-big p {
  padding-bottom: 0.25rem;
  color: black;
  padding: 0 4rem 0 2rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .left-big p {
    padding: 0rem 1.4rem 0 2rem; } }

.start-grid .card-columns .left-big p a {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none; }

.start-grid .card-columns .left-big p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

.start-grid .card-columns .right-small {
  margin-bottom: 1.87rem;
  text-align: left;
  border-radius: 0;
  border: 0; }

.start-grid .card-columns .right-small .card-img-top {
  border-radius: 0.625rem; }

.start-grid .card-columns .right-small .card-img-overlay {
  top: 70px;
  height: auto;
  width: 65%;
  padding: 0;
  margin-left: 10rem; }

@media (max-width: 365.99px) {
  .start-grid .card-columns .right-small .card-img-overlay {
    width: 85%;
    top: 1.25rem;
    margin-left: 2.5rem; } }

@media (min-width: 365px) and (max-width: 407.99px) {
  .start-grid .card-columns .right-small .card-img-overlay {
    width: 80%;
    top: 3.125rem;
    margin-left: 3.75rem; } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .right-small .card-img-overlay {
    width: 70%;
    top: 3.125rem;
    margin-left: 6.875rem; } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .right-small .card-img-overlay {
    width: 80%;
    top: 1.25rem;
    margin-left: 3.75rem; } }

@media (min-width: 996px) and (max-width: 1999.99px) {
  .start-grid .card-columns .right-small .card-img-overlay {
    width: 70%;
    top: 3.125rem;
    margin-left: 7.5rem; } }

.start-grid .card-columns .right-small h3 {
  margin-bottom: 0.3125rem;
  color: #ec6715; }

.start-grid .card-columns .right-small h3 a {
  color: #ec6715; }

.start-grid .card-columns .right-small h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

.start-grid .card-columns .right-small p {
  color: white;
  padding: 0 !important; }

.start-grid .card-columns .right-small p a {
  color: white;
  border-bottom: 1px solid #ffffff;
  text-decoration: none; }

.start-grid .card-columns .right-small p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

.start-grid .card-columns .right-text {
  margin-bottom: 1.87rem;
  text-align: left;
  border-radius: 0;
  border: 0; }

@media (min-width: 1200px) {
  .start-grid .card-columns .right-text {
    height: 13.7rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .start-grid .card-columns .right-text {
    height: 12.4rem;
    margin-top: -3rem; } }

.start-grid .card-columns .right-text h3 {
  margin-bottom: 0.3125rem;
  color: #ec6715;
  padding: 0rem 2rem 0 2rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .right-text h3 {
    padding: .5rem 2rem 0 1.4rem; } }

.start-grid .card-columns .right-text h3 a {
  color: #ec6715; }

.start-grid .card-columns .right-text h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

.start-grid .card-columns .right-text p {
  padding-bottom: 0.25rem;
  color: black;
  padding: 0 2rem 0 2rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .right-text p {
    padding: 0rem 2rem 0 1.4rem; } }

.start-grid .card-columns .right-text p a {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none; }

.start-grid .card-columns .right-text p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

.start-grid .card-columns .right-big {
  margin-bottom: 1.87rem;
  text-align: left;
  border-radius: 0;
  border: 0; }

.start-grid .card-columns .right-big .card-img-top {
  border-radius: 0.625rem; }

.start-grid .card-columns .right-big .card-img-overlay {
  top: 1.875rem;
  height: auto;
  width: 88%;
  padding: 0;
  left: inherit; }

@media (max-width: 407.99px) {
  .start-grid .card-columns .right-big .card-img-overlay {
    width: 80%;
    margin: 0;
    top: 1.25rem; } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .right-big .card-img-overlay {
    width: 80%;
    margin: 0;
    top: 4.375rem; } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .right-big .card-img-overlay {
    width: 85%;
    margin: 0;
    top: 1.25rem; } }

.start-grid .card-columns .right-big .card-img-overlay .background {
  background: white;
  padding: 0 0 1.5rem 0;
  border-bottom-left-radius: 0.625rem;
  border-top-left-radius: 0.625rem; }

@media (max-width: 767.99px) {
  .start-grid .card-columns .right-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 408px) and (max-width: 767.99px) {
  .start-grid .card-columns .right-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 768px) and (max-width: 995.99px) {
  .start-grid .card-columns .right-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

@media (min-width: 996px) and (max-width: 1198.99px) {
  .start-grid .card-columns .right-big .card-img-overlay .background {
    background: rgba(255, 255, 255, 0.5); } }

.start-grid .card-columns .right-big h3 {
  margin-bottom: 0.3125rem;
  color: #ec6715;
  padding: 2rem 2rem 0 4rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .right-big h3 {
    padding: 2rem 2rem 0 1.4rem; } }

.start-grid .card-columns .right-big h3 a {
  color: #ec6715; }

.start-grid .card-columns .right-big h3 a:hover {
  color: #ec6715;
  text-decoration: none; }

.start-grid .card-columns .right-big p {
  padding-bottom: 0.25rem;
  color: black;
  padding: 0 2rem 0 4rem; }

@media (max-width: 575.98px) {
  .start-grid .card-columns .right-big p {
    padding: 0 2rem 0 1.4rem; } }

.start-grid .card-columns .right-big p a {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none; }

.start-grid .card-columns .right-big p a:before {
  background: none;
  width: 0;
  height: 0;
  top: 0; }

@media (max-width: 991.99px) {
  #selection .widebox {
    padding: 0 !important;
    margin-bottom: 1.25rem; } }

#selection .widebox .img-background {
  position: relative; }

#selection .widebox .img-background .background img {
  width: 100%;
  border-radius: 0.625rem; }

#selection .widebox .img-background .inner {
  text-align: center;
  position: absolute;
  left: 50%;
  margin-left: -37.5%;
  width: 75% !important; }

#selection .widebox .img-background .inner h3 {
  font-family: 'avallon';
  color: #fff;
  font-size: 3rem; }

#selection .widebox .img-background .inner h3 a {
  color: #ffffff; }

#selection .widebox .img-background .inner h3 a:hover {
  color: #ffffff; }

@media (max-width: 991.99px) {
  #selection .widebox .img-background .inner h3 {
    padding: 0 !important;
    font-size: 2.5rem; } }

#selection .widebox .img-background .inner h4 {
  color: #fff;
  font-family: 'Roboto-Light';
  margin: -.5rem 0 1rem 0;
  font-size: 1.5rem; }

@media (max-width: 991.99px) {
  #selection .widebox .img-background .inner h4 {
    font-size: 1.2rem; } }

#selection .widebox .img-background .inner p {
  font-size: 1.25rem; }

@media (max-width: 991.99px) {
  #selection .widebox .img-background .inner p {
    font-size: 1.0625rem; } }

#selection .widebox .img-background .inner p a {
  text-decoration: none;
  color: #fff; }

#selection .widebox .img-background .inner p a:before {
  background: url("../img/arrow-white.svg") top left no-repeat;
  display: inline-block;
  width: 1rem;
  height: 1.25rem;
  content: '';
  margin-right: 0;
  top: 0.3rem;
  position: relative; }

#selection .widebox .img-background .inner p a span {
  border-bottom: 1px solid white; }

*::-ms-backdrop, #selection .img-background .inner {
  left: 0;
  top: 12%; }

.intro.protect-care h1 {
  color: #fe5000; }

.intro.sensitive h1 {
  color: #00bbb4; }

.intro.kids h1 {
  color: #ffc600; }

.intro.tattoo h1 {
  color: #ec6715; }

.intro.sport h1 {
  color: #00698f; }

.intro.aftersun h1 {
  color: #007960; }

.intro.intro-product-overview {
  padding-bottom: 3.4375rem;
  padding-top: 6rem; }

.intro.intro-product-overview h2 {
  font-size: 1.75rem; }

.product-carousell-grid {
  border-top: 2px solid #d3d3d3;
  border-bottom: 2px solid #d3d3d3;
  padding-top: 0;
  margin-bottom: 3.4375rem !important; }

.product-carousell-grid.protect-care {
  border-top: 2px solid #fe5000;
  border-bottom: 2px solid #fe5000; }

@media (max-width: 767.99px) {
  .product-carousell-grid.protect-care .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.protect-care .product-inner-field .product .image {
  background: #fe5000; }

.product-carousell-grid.protect-care .product-inner-field .product .product-inner h3 a {
  color: #fe5000; }

.product-carousell-grid.protect-care .product-inner-field .product .product-inner:hover {
  background: linear-gradient(to right, #fe5000, #ffa400); }

.product-carousell-grid.protect-care .carousel-control-prev {
  display: none;
  left: -6.875rem; }

.product-carousell-grid.protect-care .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-protect-care.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.protect-care .carousel-control-next {
  display: none;
  right: -6.875rem; }

.product-carousell-grid.protect-care .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-protect-care.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.sensitive {
  border-top: 2px solid #00bbb4;
  border-bottom: 2px solid #00bbb4; }

@media (max-width: 767.99px) {
  .product-carousell-grid.sensitive .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.sensitive .product-inner-field .product .image {
  background: #00bbb4; }

.product-carousell-grid.sensitive .product-inner-field .product .product-inner h3 a {
  color: #00bbb4; }

.product-carousell-grid.sensitive .product-inner-field .product .product-inner:hover {
  background: linear-gradient(to right, #00bbb4, #a0e2ba); }

.product-carousell-grid.sensitive .carousel-control-prev {
  display: flex;
  left: -6.875rem; }

@media (max-width: 991.99px) {
  .product-carousell-grid.sensitive .carousel-control-prev {
    display: none; } }

.product-carousell-grid.sensitive .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-sensitive.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.sensitive .carousel-control-next {
  display: flex;
  right: -6.875rem; }

@media (max-width: 991.99px) {
  .product-carousell-grid.sensitive .carousel-control-next {
    display: none; } }

.product-carousell-grid.sensitive .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-sensitive.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.kids {
  border-top: 2px solid #ffc600;
  border-bottom: 2px solid #ffc600; }

@media (max-width: 767.99px) {
  .product-carousell-grid.kids .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.kids .product-inner-field .product .image {
  background: #ffc600; }

.product-carousell-grid.kids .product-inner-field .product .product-inner h3 a {
  color: #ffc600; }

.product-carousell-grid.kids .product-inner-field .product .product-inner:hover {
  background: linear-gradient(to right, #ffc600, #fed93f); }

.product-carousell-grid.kids .carousel-control-prev {
  display: none;
  left: -6.875rem; }

.product-carousell-grid.kids .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-kids.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.kids .carousel-control-next {
  display: none;
  right: -6.875rem; }

.product-carousell-grid.kids .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-kids.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.sport {
  border-top: 2px solid #00698f;
  border-bottom: 2px solid #00698f; }

@media (max-width: 767.99px) {
  .product-carousell-grid.sport .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.sport .product-inner-field .product .image {
  background: #00698f; }

.product-carousell-grid.sport .product-inner-field .product .product-inner h3 a {
  color: #00698f; }

.product-carousell-grid.sport .product-inner-field .product .product-inner:hover {
  background: linear-gradient(to right, #00698f, #009fe3); }

.product-carousell-grid.sport .carousel-control-prev {
  display: none;
  left: -6.875rem; }

.product-carousell-grid.sport .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-sport.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.sport .carousel-control-next {
  display: none;
  right: -6.875rem; }

.product-carousell-grid.sport .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-sport.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.tattoo {
  border-top: 2px solid #ec6715;
  border-bottom: 2px solid #ec6715; }

@media (max-width: 767.99px) {
  .product-carousell-grid.tattoo .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.tattoo .product-inner-field .product .image {
  background: #ec6715; }

.product-carousell-grid.tattoo .product-inner-field .product .product-inner h3 a {
  color: #ec6715; }

.product-carousell-grid.tattoo .carousel-control-prev {
  display: none;
  left: -6.875rem; }

.product-carousell-grid.tattoo .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-tattoo.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.tattoo .carousel-control-next {
  display: none;
  right: -6.875rem; }

.product-carousell-grid.tattoo .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-tattoo.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.aftersun {
  border-top: 2px solid #007960;
  border-bottom: 2px solid #007960; }

@media (max-width: 767.99px) {
  .product-carousell-grid.aftersun .product-inner-field {
    justify-content: normal;
    display: block !important; } }

.product-carousell-grid.aftersun .product-inner-field .product .image {
  background: #007960; }

.product-carousell-grid.aftersun .product-inner-field .product .product-inner h3 a {
  color: #007960; }

.product-carousell-grid.aftersun .product-inner-field .product .product-inner:hover {
  background: linear-gradient(to right, #007960, #c2e76b); }

.product-carousell-grid.aftersun .carousel-control-prev {
  display: none;
  left: -6.875rem; }

.product-carousell-grid.aftersun .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-aftersun.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid.aftersun .carousel-control-next {
  display: none;
  right: -6.875rem; }

.product-carousell-grid.aftersun .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-aftersun.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

@media (max-width: 991.99px) {
  .product-carousell-grid .carousel-item {
    position: inherit !important;
    display: block !important;
    float: none !important;
    width: 100%;
    margin-right: 0 !important;
    -webkit-backface-visibility: inherit !important;
    backface-visibility: inherit !important; } }

@media (max-width: 991.99px) {
  .product-carousell-grid .product-inner-field.d-flex {
    display: block !important; } }

@media (max-width: 767.99px) {
  .product-carousell-grid .product-inner-field .product {
    display: block;
    float: none;
    width: 100%; } }

.product-carousell-grid .product-inner-field .product .image {
  position: absolute;
  z-index: 6;
  top: -1.5625rem;
  left: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
  background: #d3d3d3;
  border-radius: 3.125rem; }

.product-carousell-grid .product-inner-field .product .image img {
  width: 1.5625rem;
  display: block;
  margin: 0.625rem auto; }

.product-carousell-grid .product-inner-field .product .product-inner {
  overflow: hidden;
  padding: 1rem;
  padding-top: 4rem;
  height: 100%; }

.product-carousell-grid .product-inner-field .product .product-inner img {
  position: relative;
  width: 90%;
  display: block;
  margin: 0 auto; }

.product-carousell-grid .product-inner-field .product .product-inner img.face-img {
  width: 82%;
  padding-top: 21%; }

@media (max-width: 767.99px) {
  .product-carousell-grid .product-inner-field .product .product-inner img {
    width: 40%; }
  .product-carousell-grid .product-inner-field .product .product-inner img.face-img {
    width: 40%;
    padding-top: 0; } }

.product-carousell-grid .product-inner-field .product .product-inner h3 {
  color: black;
  font-size: 1.3125rem;
  height: 3.75rem;
  text-align: center; }

.product-carousell-grid .product-inner-field .product .product-inner h3 a {
  text-decoration: none;
  color: black; }

.product-carousell-grid .product-inner-field .product .product-inner h3 a:hover {
  color: #FFFFFF; }

.product-carousell-grid .product-inner-field .product .product-inner .link {
  text-align: center;
  visibility: hidden; }

.product-carousell-grid .product-inner-field .product .product-inner .link p:before {
  background: url("../img/arrow.svg") top left no-repeat;
  display: inline-block;
  width: 0.5625rem;
  height: 0.75rem;
  content: '';
  margin-right: 0.5rem; }

.product-carousell-grid .product-inner-field .product .product-inner .link p a {
  color: #FFFFFF; }

.product-carousell-grid .product-inner-field .product .product-inner:hover h3 {
  color: white; }

.product-carousell-grid .product-inner-field .product .product-inner:hover h3 a {
  color: white; }

.product-carousell-grid .product-inner-field .product .product-inner:hover h3 a:hover {
  color: #FFFFFF; }

.product-carousell-grid .product-inner-field .product .product-inner:hover .link {
  visibility: visible; }

.product-carousell-grid .carousel-control-prev {
  left: -6.875rem; }

@media (max-width: 991.99px) {
  .product-carousell-grid .carousel-control-prev {
    display: none; } }

.product-carousell-grid .carousel-control-prev .carousel-control-prev-icon {
  left: 0;
  background: url("../img/pfeil-links-desire.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

.product-carousell-grid .carousel-control-next {
  right: -6.875rem; }

@media (max-width: 991.99px) {
  .product-carousell-grid .carousel-control-next {
    display: none; } }

.product-carousell-grid .carousel-control-next .carousel-control-next-icon {
  right: 0;
  background: url("../img/pfeil-rechts-desire.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem; }

#produkt-leiste {
  position: fixed;
  z-index: 999;
  top: 88px;
  top: 43%;
  right: 0; }

@media (max-width: 991.99px) {
  #produkt-leiste {
    display: none; } }

#produkt-leiste .product-text {
  position: absolute;
  width: 12.5rem;
  height: 1.25rem;
  right: -20px;
  top: 4.375rem;
  font-family: Roboto-Regular;
  border-bottom-left-radius: 0.9375rem;
  border-top-left-radius: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

#produkt-leiste .product-text h3 {
  font-size: 1.375rem;
  color: #000000;
  font-family: 'Roboto-Thin';
  text-align: center; }

#produkt-leiste .produkt {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.28);
  background: rgba(255, 255, 255, 0.5);
  width: 3.125rem;
  border-bottom-left-radius: 0.9375rem;
  border-top-left-radius: 0.9375rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  cursor: pointer; }

#produkt-leiste .produkt .rounded-box {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 auto;
  border-radius: 3.125rem;
  display: block; }

#produkt-leiste .produkt .produkt-protect-care {
  background: #fe5000;
  margin-top: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

#produkt-leiste .produkt .produkt-sensitive {
  background: #00bbb4;
  margin-top: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

#produkt-leiste .produkt .produkt-kids {
  background: #ffc600;
  margin-top: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

#produkt-leiste .produkt .produkt-sport {
  background: #00698f;
  margin-top: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

#produkt-leiste .produkt .produkt-aftersun {
  background: #007960;
  margin-top: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

#produkt-leiste .produkt .produkt-tattoo {
  background: url("../img/tattoo-circle.png") center center no-repeat;
  background-size: cover;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  -moz-box-shadow: inset 0 0 1px #797979;
  -webkit-box-shadow: inset 0 0 1px #797979;
  box-shadow: inset 0 0 1px #797979; }

.c-orange {
  color: #e66221; }

#article {
  padding-top: 4.0625rem; }

#article {
  /** Neeeeeeeeeeeeeeeuuuuuuuuuuu a-tag **/ }

#article.sensitive .category {
  color: #00bbb4 !important; }

#article.sensitive .img-wrap a img:hover {
  border-bottom: #00bbb4 solid 10px; }

#article.sensitive .btn-link {
  color: #00bbb4 !important; }

#article.sensitive .c-orange {
  color: #00bbb4 !important; }

#article.sensitive .detail h2 {
  color: #00bbb4 !important; }

#article.protect-care .category {
  color: #fe5000 !important; }

#article.protect-care .img-wrap a img:hover {
  border-bottom: #fe5000 solid 10px; }

#article.protect-care .btn-link {
  color: #fe5000 !important; }

#article.protect-care .c-orange {
  color: #fe5000 !important; }

#article.protect-care .detail h2 {
  color: #fe5000 !important; }

#article.kids .category {
  color: #ffc600 !important; }

#article.kids .img-wrap a img:hover {
  border-bottom: #ffc600 solid 10px; }

#article.kids .btn-link {
  color: #ffc600 !important; }

#article.kids .c-orange {
  color: #ffc600 !important; }

#article.kids .detail h2 {
  color: #ffc600 !important; }

#article.tattoo .category {
  color: #ec6715 !important; }

#article.tattoo .img-wrap a img:hover {
  border-bottom: #ec6715 solid 10px; }

#article.tattoo .btn-link {
  color: #ec6715 !important; }

#article.tattoo .c-orange {
  color: #ec6715 !important; }

#article.tattoo .detail h2 {
  color: #ec6715 !important; }

#article.sport .category {
  color: #00698f !important; }

#article.sport .img-wrap a img:hover {
  border-bottom: #ffc600 solid 10px; }

#article.sport .btn-link {
  color: #00698f !important; }

#article.sport .c-orange {
  color: #00698f !important; }

#article.sport .detail h2 {
  color: #00698f !important; }

#article.aftersun .category {
  color: #007960 !important; }

#article.aftersun .img-wrap a img:hover {
  border-bottom: #ffc600 solid 10px; }

#article.aftersun .btn-link {
  color: #007960 !important; }

#article.aftersun .c-orange {
  color: #007960 !important; }

#article.aftersun .detail h2 {
  color: #007960 !important; }

#article label {
  font-weight: 100; }

#article select::-ms-expand {
  display: none; }

#article .select {
  margin-bottom: 3rem; }

#article .select .form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background: #d3d3d3;
  color: #fff;
  text-transform: uppercase !important; }

#article .select .form-control .select-items {
  background: #d3d3d3;
  border-radius: 0; }

#article .all-products {
  margin-bottom: 3rem;
  border-bottom: #e66221 solid 1px; }

#article .all-products .img-wrap a img {
  padding: .5rem 0;
  border-bottom: transparent solid 10px;
  transition: transform .2s; }

#article .all-products .img-wrap a img:hover, #article .all-products .img-wrap a img.active {
  background: #ededed;
  border-bottom: #e66221 solid 10px;
  transform: scale(1.3); }

#article .all-products .img-wrap.hide {
  width: 0px !important;
  height: 0px;
  overflow-y: hidden;
  display: none; }

#article .detail {
  margin-bottom: 6.25rem; }

#article .detail .product-row {
  padding-top: 2.375rem; }

#article .detail .product-row .accordion a {
  color: black;
  text-decoration: underline; }

#article .detail .product-row .accordion a:hover {
  color: black;
  text-decoration: none; }

#article .detail .product-row .product-image {
  width: 100%; }

#article .detail .image-figure {
  position: absolute;
  z-index: 6;
  left: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  margin: 0 auto;
  background: #d3d3d3;
  border-radius: 3.125rem; }

#article .detail .image-figure img {
  width: 1.5625rem;
  display: block;
  margin: 0.625rem auto; }

#article .detail .image-figure.protect-care {
  background: #fe5000; }

#article .detail .image-figure.sensitive {
  background: #00bbb4; }

#article .detail .image-figure.kids {
  background: #ffc600; }

#article .detail .image-figure.tattoo {
  background: #ec6715; }

#article .detail .image-figure.sport {
  background: #00698f; }

#article .detail .image-figure.aftersun {
  background: #007960; }

#article .detail .info p {
  font-weight: 100; }

#article .detail .info a {
  font-weight: 100;
  color: #000;
  text-decoration: none; }

#article .detail .info a:hover {
  color: #ec6715;
  text-decoration: underline; }

#article .detail .info a:before {
  background: url("../img/arrow.svg") top left no-repeat;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  content: '';
  margin-right: 0;
  top: 0.125rem;
  position: relative; }

#article .detail .category {
  color: #e66221;
  line-height: 1.55rem;
  font-size: 1.2rem; }

@media (max-width: 767.99px) {
  #article .detail .category {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem; } }

#article .detail .category .col-9 p {
  font-family: Roboto-Regular; }

#article .detail .btn-link {
  text-align: left;
  font-family: Roboto-Regular;
  text-transform: uppercase;
  color: #000;
  padding-left: 0;
  text-decoration: none;
  color: #e66221;
  width: 100%;
  font-size: 1.2rem;
  background: url("../img/top-arrow.svg") right center no-repeat;
  background-size: 6%; }

#article .detail .btn-link.collapsed {
  color: #000;
  background: url("../img/down-arrow.svg") right center no-repeat;
  background-size: 6%; }

#article .detail .card-header {
  background-color: #fff;
  padding-left: 0; }

#article .detail .card {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #d3d3d3; }

#article .detail .card .card-body {
  padding-left: 0;
  font-family: Roboto-Light;
  font-size: 1.2rem; }

#article .detail .card:first-child {
  border-top: 1px solid #d3d3d3; }

#article .detail h2 {
  font-family: 'RobotoCondensed-Bold';
  font-size: 3.125rem;
  margin-bottom: 0;
  text-align: center; }

#article .detail h2 a {
  padding-top: 8.4375rem; }

#article .detail h3 {
  font-family: 'RobotoCondensed-Light';
  font-size: 2.1875rem;
  text-align: center; }

#article .detail .product-image {
  width: 80%; }

.bootstrap-select .dropdown-menu {
  padding: 0;
  border-radius: 0; }

.bootstrap-select .dropdown-menu li a {
  background-color: #d3d3d3;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding: .5rem 1.5rem;
  font-size: 1.25rem; }

.bootstrap-select .dropdown-menu li a:hover {
  background-color: #fff;
  color: #e66221; }

.bootstrap-select .dropdown-menu li a .text {
  margin-right: 0 !important; }

.bootstrap-select .dropdown-menu li a.active {
  background-color: #fff;
  color: #e66221; }

.bootstrap-select .btn {
  border-radius: 0rem; }

.bootstrap-select .dropdown-toggle {
  background-color: #d3d3d3 !important;
  color: #fff !important;
  border-bottom: 1px solid #fff;
  padding: .5rem 1.5rem .5rem 1.5rem;
  font-size: 1.25rem; }

.bootstrap-select .dropdown-toggle:active {
  color: #fff !important;
  border: 0;
  background-color: #d3d3d3 !important; }

.bootstrap-select .dropdown-toggle:after {
  background: url("../img/down-arrow-white.svg") top left no-repeat;
  display: inline-block;
  border: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  top: 0.15rem; }

.bootstrap-select .dropdown-toggle .filter-option {
  text-transform: uppercase; }

.show .dropdown-toggle {
  background-color: #d3d3d3 !important;
  color: #fff !important;
  border-bottom: 1px solid #fff;
  padding: .5rem 1.5rem .5rem 1.5rem;
  font-size: 1.25rem; }

.show .dropdown-toggle:active {
  color: #fff !important;
  border: 0;
  background-color: #d3d3d3 !important; }

.show .dropdown-toggle:after {
  background: url("../img/top-arrow-white.svg") top left no-repeat;
  display: inline-block;
  border: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  top: 0.15rem; }

.show .dropdown-toggle .filter-option {
  text-transform: uppercase; }

#hero-product {
  position: absolute;
  z-index: 6;
  bottom: 7vw;
  left: 19vw;
  /*
  @media (min-width: 767px) and (max-width: 992px) {
    bottom: 45vw;
  }
  @media (max-width: 530px) {
    bottom: 67vw;
  }
  @media (min-width: 531px) and (max-width: 600px)  {
    bottom: 60vw;
  }
  @media (min-width: 601px) and (max-width: 690px)  {
    bottom: 57vw;
  }
  @media (min-width: 691px) and (max-width: 766px)  {
    bottom: 50vw;
  }

 */ }

@media (min-width: 993px) and (max-width: 1200px) {
  #hero-product {
    bottom: 11vw; } }

@media (min-width: 1201px) and (max-width: 1400px) {
  #hero-product {
    bottom: 14vw; } }

@media (min-width: 1401px) and (max-width: 1600px) {
  #hero-product {
    bottom: 12vw; } }

@media (min-width: 1601px) {
  #hero-product {
    bottom: 13vw; } }

#hero-product img {
  width: 22vw; }

#hero-product #prev-next-box {
  position: absolute;
  bottom: 160px;
  width: 21vw; }

#hero-product #prev-next-box .prev,
#hero-product #prev-next-box .next {
  position: absolute; }

#hero-product #prev-next-box .prev img,
#hero-product #prev-next-box .next img {
  opacity: .7;
  width: 2.8125rem; }

#hero-product #prev-next-box .next {
  right: 0; }

.slick-track {
  padding: 2.25rem 0;
  margin-bottom: -0.5rem; }

.slick-prev:before,
.slick-next:before {
  content: ''; }

.slick-prev:before {
  background: url("../img/pfeil-links-protect-care.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  opacity: 1;
  left: -1.375rem;
  position: relative; }

.slick-next:before {
  background: url("../img/pfeil-rechts-protect-care.svg") top left no-repeat;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  opacity: 1;
  right: -0.3125rem;
  position: relative; }

/*
.slick-track {
  -ms-flex-pack: center!important;
  justify-content: center!important;
  display: -ms-flexbox!important;
  display: flex!important;
}
*/
#article h1 {
  font-family: 'RobotoCondensed-bold';
  font-size: 4.0625rem; }

#article h2 {
  font-family: 'RobotoCondensed-Light';
  font-size: 1.875rem; }

.article {
  margin-top: 4.375rem; }

.article .article-text p {
  font-family: 'Roboto-Light';
  font-size: 1.5625rem; }

.article .article-image {
  text-align: center;
  margin: auto; }

.product-beduerfnis .beduerfnis {
  margin-top: 4.375rem; }

.product-beduerfnis .beduerfnis .image {
  padding-right: 0; }

.product-beduerfnis .beduerfnis .image img {
  width: 100%; }

.product-beduerfnis .beduerfnis .text h3 {
  transform: rotate(-5deg);
  font-family: 'avallon';
  color: #000000;
  margin-bottom: 1.25rem;
  font-size: 5rem; }

.product-beduerfnis .beduerfnis .text h3 a {
  color: #000000; }

.product-beduerfnis .beduerfnis .text h3 a:hover {
  color: #000000;
  text-decoration: none; }

.product-beduerfnis .beduerfnis .text p {
  font-size: 1.125rem; }

@media (max-width: 991.99px) {
  .product-beduerfnis .beduerfnis .text p {
    font-size: 1.0625rem; } }

.product-beduerfnis .beduerfnis .text p a {
  font-family: 'RobotoCondensed-Bold';
  color: #fe5000; }

span.orange {
  color: #fe5000 !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.orange {
    color: #FFFFFF !important; } }

span.black {
  color: #000000 !important;
  display: inline !important; }

span.white {
  color: #ffffff !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.white {
    color: #FFFFFF !important; } }

span.lightblue {
  color: #00bbb4 !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.lightblue {
    color: #FFFFFF !important; } }

span.yellow {
  color: #ffc600 !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.yellow {
    color: #FFFFFF !important; } }

span.blue {
  color: #00698f !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.blue {
    color: #FFFFFF !important; } }

span.green {
  color: #007960 !important;
  display: inline !important; }

@media (max-width: 650.99px) {
  span.green {
    color: #FFFFFF !important; } }

span.font3 {
  font-size: 3.75rem !important;
  display: inline !important;
  line-height: 4.375rem !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  span.font3 {
    font-size: 2.8125rem !important;
    line-height: 2.5rem !important; } }

@media (max-width: 899.99px) {
  span.font3 {
    font-size: 3.125rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  span.font3 {
    font-size: 2.5rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  span.font3 {
    font-size: 1.875rem !important; } }

@media (min-width: 1170px) and (max-width: 1500px) {
  span.font3 {
    font-size: 2.5rem !important; } }

@media all and (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: none), (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: active) {
  span.font3 {
    font-size: 2.1875rem !important; } }

span.font2 {
  font-size: 6.25rem !important;
  display: inline !important;
  line-height: 4.375rem !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  span.font2 {
    font-size: 4.375rem !important;
    line-height: 2.5rem !important; } }

@media (max-width: 899.99px) {
  span.font2 {
    font-size: 2.8125rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  span.font2 {
    font-size: 3.125rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  span.font2 {
    font-size: 2.8125rem !important; } }

@media (min-width: 1170px) and (max-width: 1500px) {
  span.font2 {
    font-size: 3.75rem !important; } }

@media all and (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: none), (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: active) {
  span.font2 {
    font-size: 2.8125rem !important; } }

span.font1 {
  line-height: 4.375rem !important;
  font-size: 8.75rem !important;
  display: inline !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  span.font1 {
    font-size: 6.875rem !important;
    line-height: 2.5rem !important; } }

@media (max-width: 899.99px) {
  span.font1 {
    font-size: 3.125rem !important; } }

@media (min-width: 900px) and (max-width: 1169.99px) {
  span.font1 {
    font-size: 3.75rem !important; } }

@media all and (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: none), (min-width: 900px) and (max-width: 1169.99px) and (-ms-high-contrast: active) {
  span.font1 {
    font-size: 3.4375rem !important; } }

@media (min-width: 1170px) and (max-width: 1500px) {
  span.font1 {
    font-size: 6.25rem !important; } }

@media all and (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: none), (min-width: 1170px) and (max-width: 1500px) and (-ms-high-contrast: active) {
  span.font1 {
    font-size: 5rem !important; } }