@charset "UTF-8";
.image-responsive.w-100 img {
  width: 100% !important;
}
.image-responsive figcaption {
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.046875rem;
  padding: 0.9375rem 2.5rem;
  font-size: 0.8125rem;
  line-height: 1.8461538462;
}
@media all and (max-width: 1199px) {
  .image-responsive figcaption {
    padding: 0.9375rem;
  }
}
.image-responsive.wide-left {
  height: 100%;
  margin-left: -15px !important;
}
@media all and (max-width: 991px) {
  .image-responsive.wide-left {
    margin-right: -15px !important;
  }
}
.image-responsive.wide-left img {
  height: 100%;
  object-fit: cover;
  object-position: 0 0;
}
.image-responsive.wide-left.ml-auto img {
  object-position: 100% 0;
}
.image-responsive.wide-left.mx-auto img {
  object-position: 50% 0;
}
.image-responsive.wide-left figcaption {
  position: relative;
  padding: 0.9375rem;
  color: white;
  transform: translateY(-100%);
}

section.full-width .image-responsive picture img {
  width: 100%;
}
section.full-width .image-responsive figcaption {
  padding: 0.9375rem calc((100% - 1200px) / 2);
}
@media all and (max-width: 1199px) {
  section.full-width .image-responsive figcaption {
    padding: 15px;
  }
}

.headerimage {
  min-height: 100%;
  width: 100%;
}
.headerimage img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}

.header-carousel.carousel {
  height: calc(100vh + 65px);
  background-color: rgb(40, 40, 40);
  padding-bottom: 4.0625rem;
}
.header-carousel.carousel .carousel-inner .carousel-item {
  transition: transform 1s ease, opacity 1s ease-out;
}
.header-carousel.carousel .carousel-inner .carousel-item .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 767px) {
  .header-carousel.carousel .carousel-inner .carousel-item .bg-image {
    position: relative;
    height: auto;
    flex: 1;
  }
}
@media all and (max-width: 767px) {
  .header-carousel.carousel .carousel-inner .carousel-item .bg-image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
  }
}
.header-carousel.carousel .carousel-inner .carousel-item .bg-image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.header-carousel.carousel .carousel-inner .carousel-item .bg-image picture img.top {
  object-position: top;
}
.header-carousel.carousel .carousel-inner .carousel-item .bg-image picture img.bottom {
  object-position: bottom;
}
.header-carousel.carousel .carousel-inner .carousel-item .bg-image picture img.noresize {
  object-fit: none;
}
@media all and (min-width: 575px) and (max-width: 1199px) {
  .header-carousel.carousel .carousel-inner .carousel-item .row {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-carousel.carousel .carousel-inner .carousel-item .callout {
  margin-bottom: 4.0625rem;
  padding: 2.5rem 2.8125rem 1.5625rem 2.8125rem;
  border-radius: 0 0 0.9375rem 0.9375rem;
  transition: background-color 0.1s ease-in;
}
@media all and (min-width: 1199px) and (max-width: 1400px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media all and (max-width: 1199px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout {
    margin-bottom: 2.5rem;
    padding: 1.5625rem 3.75rem 1rem 1.875rem;
  }
}
@media all and (max-width: 767px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout {
    margin-bottom: 0;
    padding: 1.5625rem 2.5rem;
    border-radius: 0;
  }
}
.header-carousel.carousel .carousel-inner .carousel-item .callout header h2 {
  padding-bottom: 1.875rem;
  font-size: 2rem;
  line-height: 1.1875;
}
@media all and (max-width: 767px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout header h2 {
    font-size: 1.625rem;
    line-height: 1.3076923077;
  }
}
.header-carousel.carousel .carousel-inner .carousel-item .callout i {
  transition: transform 0.15s ease-in;
}
.header-carousel.carousel .carousel-inner .carousel-item .callout.linked {
  padding: 0;
}
.header-carousel.carousel .carousel-inner .carousel-item .callout.linked a {
  padding: 2.5rem 2.8125rem 1.5625rem 2.8125rem;
}
@media all and (max-width: 1199px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout.linked a {
    padding: 1.5625rem 3.75rem 1rem 1.875rem;
  }
}
@media all and (max-width: 991px) {
  .header-carousel.carousel .carousel-inner .carousel-item .callout.linked a {
    padding: 1.5625rem 1.25rem;
  }
}
.header-carousel.carousel .carousel-inner .carousel-item .callout.linked:hover i, .header-carousel.carousel .carousel-inner .carousel-item .callout.linked:focus i, .header-carousel.carousel .carousel-inner .carousel-item .callout.linked:active i {
  transform: translateX(10px);
}
.header-carousel.carousel .carousel-inner .carousel-item.dark .bg-image.gradient:after {
  background-image: linear-gradient(rgba(40, 40, 40, 0) 55.95%, rgba(40, 40, 40, 0.9925) 98%, rgb(40, 40, 40) 100%);
}
.header-carousel.carousel .carousel-inner .carousel-item.dark .callout {
  background-color: rgb(40, 40, 40);
}
.header-carousel.carousel .carousel-inner .carousel-item.dark .callout.linked:hover, .header-carousel.carousel .carousel-inner .carousel-item.dark .callout.linked:focus, .header-carousel.carousel .carousel-inner .carousel-item.dark .callout.linked:active {
  background-color: rgb(57, 57, 57);
}
.header-carousel.carousel .carousel-inner .carousel-item.dark .callout header, .header-carousel.carousel .carousel-inner .carousel-item.dark .callout p {
  color: white;
}
.header-carousel.carousel .carousel-inner .carousel-item.light .bg-image.gradient:after {
  background-image: linear-gradient(rgba(236, 236, 236, 0) 55.92%, rgb(236, 236, 236) 100%);
}
.header-carousel.carousel .carousel-inner .carousel-item.light .callout {
  background-color: rgb(242, 242, 242);
}
.header-carousel.carousel .carousel-inner .carousel-item.light .callout.linked:hover, .header-carousel.carousel .carousel-inner .carousel-item.light .callout.linked:focus, .header-carousel.carousel .carousel-inner .carousel-item.light .callout.linked:active {
  background-color: rgb(249, 249, 249);
}
.header-carousel.carousel .carousel-inner .carousel-item.light .callout header, .header-carousel.carousel .carousel-inner .carousel-item.light .callout p {
  color: #212529;
}
.header-carousel.carousel .carousel-control-prev,
.header-carousel.carousel .carousel-control-next {
  opacity: 1;
}
.header-carousel.carousel .carousel-control-prev .carousel-control-prev-icon,
.header-carousel.carousel .carousel-control-prev .carousel-control-next-icon,
.header-carousel.carousel .carousel-control-next .carousel-control-prev-icon,
.header-carousel.carousel .carousel-control-next .carousel-control-next-icon {
  height: 3.75rem;
  width: 1.875rem;
  background-image: url("../images/arrow_right_white.svg");
  transition: background-image 0.15s;
}
.header-carousel.carousel .carousel-control-prev .carousel-control-prev-icon,
.header-carousel.carousel .carousel-control-next .carousel-control-prev-icon {
  transform: rotate(180deg);
}
.header-carousel.carousel .carousel-control-prev:hover .carousel-control-prev-icon,
.header-carousel.carousel .carousel-control-prev:hover .carousel-control-next-icon,
.header-carousel.carousel .carousel-control-next:hover .carousel-control-prev-icon,
.header-carousel.carousel .carousel-control-next:hover .carousel-control-next-icon {
  background-image: url("../images/arrow_right_animated.svg");
}
.header-carousel.carousel .indicators {
  margin-top: -6.25rem;
}
@media all and (max-width: 1199px) {
  .header-carousel.carousel .indicators {
    margin-top: -4.6875rem;
  }
}
@media all and (max-width: 767px) {
  .header-carousel.carousel .indicators {
    margin-top: -1.5625rem;
  }
}
.header-carousel.carousel .indicators .carousel-indicators {
  height: 1.5625rem;
}
.header-carousel.carousel .indicators .carousel-indicators li {
  width: 1.75rem;
  height: 0.0625rem;
  background-color: rgb(192, 192, 192);
  opacity: 1;
  transition: all 0.15s ease-in-out;
}
.header-carousel.carousel .indicators .carousel-indicators li.active {
  height: 0.3125rem;
  background-image: linear-gradient(to right, rgb(0, 82, 140), rgb(36, 175, 218));
}
.header-carousel.carousel .indicators .carousel-indicators li:hover:not(.active) {
  background-color: white;
}

main > .header-carousel:first-child {
  height: calc(100vh - 139px + 65px);
}
@media all and (max-width: 991px) {
  main > .header-carousel:first-child {
    height: calc(100vh - 123px + 65px);
  }
}

main.home > .header-carousel:first-child {
  height: calc(100vh - 108px + 65px);
}
@media all and (max-width: 991px) {
  main.home > .header-carousel:first-child {
    height: calc(100vh - 92px + 65px);
  }
}

.button {
  display: inline-block;
  position: relative;
  padding: 0;
  text-align: left;
  background-color: white;
  border-radius: 0.5rem;
  border: none;
  outline: none;
  cursor: pointer;
}
.button a {
  display: block;
  padding: 0.3125rem 3.5rem 0.3125rem 1.125rem;
  color: #212529;
}
@media all and (max-width: 767px) {
  .button a {
    padding: 0.3125rem 3.0625rem 0.3125rem 1rem;
  }
}
.button a:hover, .button a:active {
  color: #212529;
}
.button a i {
  position: absolute;
  top: 0.625rem;
  right: 0.9375rem;
  transform-origin: left center;
  transition: transform 0.1s;
}
@media all and (max-width: 767px) {
  .button a i {
    top: 0.5625rem !important;
    right: 1.5625rem;
  }
}
.button a:hover i, .button a:active i {
  transform: scale(1.12);
}
.button.button-arrow-left a {
  padding: 0.3125rem 1.125rem 0.3125rem 1.875rem;
}
.button.button-arrow-left a i {
  right: unset;
  left: 0.3125rem;
}
.button.button-arrow-right-large a {
  padding: 1.25rem 3.0625rem 1.25rem 1.125rem;
}
.button.button-arrow-right-large a i {
  top: 0.5rem;
}
.button.button-arrow-left-large a {
  padding: 1.25rem 1.125rem 1.25rem 3.0625rem;
}
.button.button-arrow-left-large a i {
  right: unset;
  left: 0.625rem;
  top: 0.5rem;
}
.button.wide {
  display: flex;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 575px) {
  .button.wide {
    width: 100%;
  }
}
.button.wide a {
  display: flex;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  align-items: center;
  justify-content: center;
}
.button.wide a span {
  margin-right: 1rem;
}
.button.wide a i {
  position: relative;
  top: auto;
  right: auto;
}
.button.button-icon-right a {
  padding-right: 5.3125rem;
}
.button.button-icon-right a img {
  position: absolute;
  top: 0.375rem;
  right: 0.9375rem;
  width: auto;
  height: 1.375rem;
}
.button.dark {
  color: white;
  background-color: rgb(47, 47, 47);
}
.button.dark a {
  color: white;
}
.button.blue {
  color: white !important;
  background-color: rgb(16, 177, 220) !important;
}
.button.blue a {
  color: white;
}
.button.light {
  color: #212529 !important;
  background-color: rgb(242, 242, 242) !important;
}

.iconblock {
  color: #212529;
}
@media all and (max-width: 1199px) {
  .iconblock {
    margin-bottom: 3.125rem !important;
  }
}
.iconblock .image-wrapper {
  height: 7.5rem;
  width: 7.5rem;
  max-width: 100%;
}
.iconblock p {
  margin-top: 1.5625rem;
}
@media all and (max-width: 1199px) {
  .iconblock p {
    min-height: 2.625rem;
    font-size: 1rem;
  }
}
@media all and (max-width: 991px) {
  .iconblock p {
    min-height: 2.25rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
  }
}

.dark .iconblock {
  color: white;
}
.dark .iconblock a p {
  color: white;
}

@media all and (max-width: 767px) {
  .six-columns .columns-wrapper .column:nth-last-child(2) .iconblock,
  .six-columns .columns-wrapper .column:nth-last-child(1) .iconblock {
    margin-bottom: 0;
  }
}
.imageblock {
  margin-bottom: 8rem;
  padding-left: 4.6875rem;
  padding-right: 4.6875rem;
}
@media all and (max-width: 1199px) {
  .imageblock {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 767px) {
  .imageblock {
    margin-bottom: 4.5rem;
  }
}
@media all and (max-width: 575px) {
  .imageblock {
    margin-top: 2rem;
  }
}
.imageblock a {
  color: inherit;
}
@media all and (max-width: 991px) {
  .imageblock a {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.imageblock a .image-wrap {
  width: 100%;
  height: 18.75rem;
}
.imageblock a .image-wrap img {
  max-width: 100%;
  height: auto;
  transform-origin: center;
  transition: transform 0.15s ease-in;
}
.imageblock a i {
  margin-left: 1.25rem;
  transform-origin: left center;
  transition: transform 0.15s ease-in;
}
@media all and (max-width: 767px) {
  .imageblock a i {
    height: 1.6875rem;
    margin-left: 1.125rem;
  }
}
.imageblock a:hover .image-wrap img, .imageblock a:focus .image-wrap img, .imageblock a:active .image-wrap img {
  transform: scale(1.15);
}
.imageblock a:hover i, .imageblock a:focus i, .imageblock a:active i {
  transform: translateX(15px);
}

.franke-carousel.carousel {
  position: relative;
}
.franke-carousel.carousel .carousel-inner {
  position: relative;
  height: 41.25rem;
}
@media all and (max-width: 1199px) {
  .franke-carousel.carousel .carousel-inner {
    height: 25.9375rem;
  }
}
@media all and (max-width: 991px) {
  .franke-carousel.carousel .carousel-inner {
    height: 19.5rem;
  }
}
@media all and (max-width: 767px) {
  .franke-carousel.carousel .carousel-inner {
    height: 15rem;
  }
}
@media all and (max-width: 575px) {
  .franke-carousel.carousel .carousel-inner {
    height: 11.25rem;
  }
}
.franke-carousel.carousel .carousel-inner .carousel-item {
  height: 100%;
  overflow: hidden;
}
.franke-carousel.carousel .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.franke-carousel.carousel .carousel-inner .carousel-item img.overlay {
  z-index: 100;
}
.franke-carousel.carousel .carousel-inner .carousel-item .carousel-caption {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1.5625rem 4.0625rem;
}
@media all and (max-width: 767px) {
  .franke-carousel.carousel .carousel-indicators {
    display: none;
  }
}
.franke-carousel.carousel .carousel-indicators li {
  width: 4rem;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  background-color: white;
  background-image: none;
  opacity: 1;
}
.franke-carousel.carousel .carousel-indicators li.active {
  background-color: transparent;
  background-image: linear-gradient(270deg, rgb(16, 177, 220), rgb(0, 80, 142));
}
.franke-carousel.carousel .carousel-control-next,
.franke-carousel.carousel .carousel-control-prev {
  opacity: 1;
  z-index: 20;
}
@media all and (max-width: 767px) {
  .franke-carousel.carousel .carousel-control-next,
  .franke-carousel.carousel .carousel-control-prev {
    display: none;
  }
}
.franke-carousel.carousel .carousel-control-next .carousel-control-prev-icon,
.franke-carousel.carousel .carousel-control-next .carousel-control-next-icon,
.franke-carousel.carousel .carousel-control-prev .carousel-control-prev-icon,
.franke-carousel.carousel .carousel-control-prev .carousel-control-next-icon {
  height: 4.875rem;
  width: 2.1875rem;
  background-image: url("../images/arrow_right_grey.svg");
  transition: background-image 0.2s ease-in-out;
}
.franke-carousel.carousel .carousel-control-next .carousel-control-prev-icon,
.franke-carousel.carousel .carousel-control-prev .carousel-control-prev-icon {
  transform: rotate(180deg);
}
.franke-carousel.carousel .carousel-control-next:hover .carousel-control-prev-icon,
.franke-carousel.carousel .carousel-control-prev:hover .carousel-control-prev-icon {
  background-image: url("../images/arrow_right.svg");
}
.franke-carousel.carousel .carousel-control-next:hover .carousel-control-next-icon,
.franke-carousel.carousel .carousel-control-prev:hover .carousel-control-next-icon {
  background-image: url("../images/arrow_right.svg");
}
.franke-carousel.carousel.control-blue .carousel-indicators li {
  background-color: rgb(192, 192, 192);
}
.franke-carousel.carousel.control-blue .carousel-indicators li.active {
  background-image: linear-gradient(270deg, rgb(16, 177, 220), rgb(0, 80, 142));
}
.franke-carousel.carousel.control-blue .carousel-control-next .carousel-control-prev-icon,
.franke-carousel.carousel.control-blue .carousel-control-next .carousel-control-next-icon,
.franke-carousel.carousel.control-blue .carousel-control-prev .carousel-control-prev-icon,
.franke-carousel.carousel.control-blue .carousel-control-prev .carousel-control-next-icon {
  background-image: url("../images/arrow_right.svg");
  transition: background-image 0.2s ease-in-out;
}
.franke-carousel.carousel.control-blue .carousel-control-next:hover .carousel-control-prev-icon,
.franke-carousel.carousel.control-blue .carousel-control-prev:hover .carousel-control-prev-icon {
  background-image: url("../images/arrow_right.svg");
}
.franke-carousel.carousel.control-blue .carousel-control-next:hover .carousel-control-next-icon,
.franke-carousel.carousel.control-blue .carousel-control-prev:hover .carousel-control-next-icon {
  background-image: url("../images/arrow_right.svg");
}
.franke-carousel.carousel.boxed .carousel-control-prev {
  left: 0.9375rem;
  justify-content: flex-start;
  text-align: left;
}
.franke-carousel.carousel.boxed .carousel-control-next {
  right: 0.9375rem;
  justify-content: flex-end;
  text-align: right;
}

.callout .callout-wrapper {
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
.callout .callout-wrapper a {
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  transition: background-color 0.1s ease-in;
}
@media all and (max-width: 767px) {
  .callout .callout-wrapper a {
    padding: 0.5rem 0.9375rem 0.75rem 0.9375rem;
  }
}
.callout .callout-wrapper .callout-text {
  color: #212529;
}
.callout .callout-wrapper i {
  transition: transform 0.15s ease-in;
}
.callout .callout-wrapper i.arrow-full-right-blue, .callout .callout-wrapper i.arrow-right-black {
  margin-left: 1.25rem;
}
@media all and (max-width: 767px) {
  .callout .callout-wrapper i.arrow-full-right-blue, .callout .callout-wrapper i.arrow-right-black {
    margin-left: 0.9375rem;
  }
}
.callout .callout-wrapper i.arrow-down-blue {
  margin-right: 2.5rem;
}
@media all and (max-width: 767px) {
  .callout .callout-wrapper i.arrow-down-blue {
    margin-right: 1.875rem;
  }
}
.callout .callout-wrapper:hover, .callout .callout-wrapper:focus, .callout .callout-wrapper:active {
  background-color: rgb(249, 249, 249);
}
.callout .callout-wrapper:hover i.arrow-down-blue, .callout .callout-wrapper:focus i.arrow-down-blue, .callout .callout-wrapper:active i.arrow-down-blue {
  transform: translateY(10px);
}
.callout .callout-wrapper:hover i.arrow-full-right-blue, .callout .callout-wrapper:focus i.arrow-full-right-blue, .callout .callout-wrapper:active i.arrow-full-right-blue {
  transform: translateX(10px);
}
.callout.scrolldown .callout-wrapper {
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  transition: background-color 0.1s ease-in;
  cursor: pointer;
}
@media all and (max-width: 767px) {
  .callout.scrolldown .callout-wrapper {
    padding: 0.5rem 0.9375rem 0.75rem 0.9375rem;
  }
}
.callout.light .callout-wrapper {
  background-color: rgb(242, 242, 242);
}
.callout.light .callout-wrapper .callout-text {
  color: #212529;
}
.callout.dark .callout-wrapper {
  background-color: rgb(47, 47, 47);
}
.callout.dark .callout-wrapper .callout-text {
  color: white;
}
.callout.dark .callout-wrapper:hover, .callout.dark .callout-wrapper:focus, .callout.dark .callout-wrapper:active {
  background-color: rgb(57, 57, 57);
}

.textbox {
  color: #212529;
}
.textbox .topline {
  margin-bottom: 2.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.textbox header {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.textbox .textbox-text {
  margin-bottom: 0.1875rem;
  padding: 2.0625rem 1.25rem 2.5rem 1.25rem;
}
@media all and (max-width: 767px) {
  .textbox .textbox-text {
    padding: 1.75rem 1rem 2.0625rem;
  }
}
.textbox .textbox-text p:last-child {
  margin-bottom: 0;
}
.textbox .textbox-link {
  width: 100%;
  margin-top: 0.1875rem;
  padding: 0.875rem 1.25rem 1.1875rem;
  background-color: rgb(249, 249, 249);
  border-radius: 0 0 0.9375rem 0.9375rem;
}
.textbox .textbox-link a {
  align-items: center;
  display: flex;
  color: #212529;
}
.textbox .textbox-link a i {
  margin-right: 1.25rem;
  transition: transform 0.1s;
}
.textbox .textbox-link a:hover i, .textbox .textbox-link a:active i {
  transform: scale(1.12);
}
.textbox.white {
  color: #212529;
}
.textbox.white .textbox-text,
.textbox.white .textbox-link {
  background-color: white;
}
.textbox.light {
  color: #212529;
}
.textbox.light .textbox-text,
.textbox.light .textbox-link {
  background-color: rgb(242, 242, 242);
}
.textbox.dark {
  color: white;
}
.textbox.dark .textbox-text,
.textbox.dark .textbox-link {
  background-color: rgb(47, 47, 47);
}
.textbox.dark .textbox-link a {
  color: white;
}

.tab-navigation .nav-tabs {
  margin-top: 4.25rem;
  border: none;
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs {
    position: relative;
    margin-top: 3.125rem;
    padding-bottom: 0.75rem;
    padding-left: 25%;
    padding-right: 25%;
  }
}
.tab-navigation .nav-tabs .nav-item {
  max-width: 33.333%;
  margin: 0 0.625rem;
  color: #212529;
  border: none;
  border-top: 1px solid black !important;
  border-radius: 0;
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs .nav-item {
    margin: 0 0.1875rem;
    padding-bottom: 0.75rem;
    border-top: 2px solid black !important;
  }
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs .nav-item span {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
}
.tab-navigation .nav-tabs .nav-item:first-child {
  margin-left: 0;
}
.tab-navigation .nav-tabs .nav-item:last-child {
  margin-right: 0;
}
.tab-navigation .nav-tabs .nav-item.active {
  position: relative;
  color: #212529;
  border-top: 1px solid transparent;
  cursor: default;
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs .nav-item.active {
    position: initial;
    border-top: 2px solid rgb(16, 177, 220) !important;
  }
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs .nav-item.active span {
    display: inline;
  }
}
.tab-navigation .nav-tabs .nav-item.active::before {
  content: "";
  position: absolute;
  top: -0.1875rem;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-image: linear-gradient(270deg, rgb(16, 177, 220), rgb(0, 80, 142));
}
@media all and (max-width: 1199px) {
  .tab-navigation .nav-tabs .nav-item.active::before {
    display: none;
  }
}
.tab-navigation .tab-content .tab-pane.active {
  display: flex;
}

.animation-image-changeover {
  position: relative;
  width: 100%;
}
.animation-image-changeover .animation-image-changeover-image {
  display: none;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.animation-image-changeover .animation-image-changeover-image:first-child {
  display: block;
}

.infobox {
  height: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
@media all and (max-width: 991px) {
  .infobox {
    border-bottom: 4rem solid transparent;
  }
}
.infobox .card-img-wrapper {
  overflow: hidden;
}
.infobox .card-img-wrapper .card-img-top {
  background-color: rgb(249, 249, 249);
  transform-origin: center;
  transition: transform 0.15s ease-in;
}
.infobox .card-body {
  color: #212529;
  border-radius: 0 0 0.9375rem 0.9375rem;
  transition: background-color 0.1s ease-in;
}
@media all and (max-width: 767px) {
  .infobox .card-body {
    padding: 1rem 1rem 3.125rem;
  }
}
.infobox .card-body .card-title {
  min-height: 3.125rem;
  margin-bottom: 0;
  line-height: 1.5625rem;
}
@media all and (max-width: 767px) {
  .infobox .card-body .card-title {
    min-height: 0;
  }
}
.infobox .card-body .card-title.text-small {
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  letter-spacing: 0.046875rem;
}
.infobox .card-body .card-title.text-blue {
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  letter-spacing: 0.046875rem;
  color: rgb(16, 177, 220) !important;
}
.infobox .card-body .card-text {
  padding-bottom: 1.25rem;
}
.infobox .card-body .card-text p:last-child {
  margin-bottom: 0;
}
.infobox .card-footer {
  margin-top: 0.125rem;
  padding-top: 0.875rem;
  padding-bottom: 1.1875rem;
  color: #212529;
  border-top: none;
  border-radius: 0 0 0.9375rem 0.9375rem;
  transition: background-color 0.1s ease-in;
}
.infobox .card-footer i {
  margin-left: 1.25rem;
  margin-right: 0.625rem;
  transition: transform 0.15s ease-in;
}
.infobox.footer .card-body {
  border-radius: 0;
}
.infobox:hover .card-img-wrapper .card-img-top, .infobox:focus .card-img-wrapper .card-img-top, .infobox:active .card-img-wrapper .card-img-top {
  transform: scale(1.1);
}
.infobox:hover .card-footer i, .infobox:focus .card-footer i, .infobox:active .card-footer i {
  transform: translateX(10px);
}
.infobox.white .card-img-wrapper,
.infobox.white .card-body,
.infobox.white .card-footer {
  background-color: white;
}
.infobox.white:hover .card-img-wrapper,
.infobox.white:hover .card-body,
.infobox.white:hover .card-footer, .infobox.white:focus .card-img-wrapper,
.infobox.white:focus .card-body,
.infobox.white:focus .card-footer, .infobox.white:active .card-img-wrapper,
.infobox.white:active .card-body,
.infobox.white:active .card-footer {
  background-color: rgb(249, 249, 249);
}
.infobox.light .card-img-wrapper.gradient::after {
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 70%, rgb(249, 249, 249) 100%);
}
.infobox.light .card-img-wrapper,
.infobox.light .card-body,
.infobox.light .card-footer {
  background-color: rgb(249, 249, 249);
}
.infobox.light:hover .card-img-wrapper,
.infobox.light:hover .card-body,
.infobox.light:hover .card-footer, .infobox.light:focus .card-img-wrapper,
.infobox.light:focus .card-body,
.infobox.light:focus .card-footer, .infobox.light:active .card-img-wrapper,
.infobox.light:active .card-body,
.infobox.light:active .card-footer {
  background-color: rgb(242, 242, 242);
}
.infobox.dark .card-img-wrapper.gradient::after {
  background: linear-gradient(180deg, rgba(40, 40, 40, 0) 70%, rgb(40, 40, 40) 100%);
}
.infobox.dark .card-img-wrapper,
.infobox.dark .card-body,
.infobox.dark .card-footer {
  color: white;
  background-color: rgb(47, 47, 47);
}
.infobox.dark:hover .card-img-wrapper,
.infobox.dark:hover .card-body,
.infobox.dark:hover .card-footer, .infobox.dark:focus .card-img-wrapper,
.infobox.dark:focus .card-body,
.infobox.dark:focus .card-footer, .infobox.dark:active .card-img-wrapper,
.infobox.dark:active .card-body,
.infobox.dark:active .card-footer {
  background-color: rgb(57, 57, 57);
}
.infobox.grey .card-img-wrapper.gradient::after {
  background: linear-gradient(180deg, rgba(40, 40, 40, 0) 70%, rgb(40, 40, 40) 100%);
}
.infobox.grey .card-body,
.infobox.grey .card-footer {
  background-color: rgb(192, 192, 192);
}
.infobox.grey:hover .card-body,
.infobox.grey:hover .card-footer, .infobox.grey:focus .card-body,
.infobox.grey:focus .card-footer, .infobox.grey:active .card-body,
.infobox.grey:active .card-footer {
  background-color: rgb(176, 176, 176);
}

.accordion-multi-element .card .card-header {
  background-color: transparent;
}
.accordion-multi-element .card .card-header h5 button {
  outline: none !important;
}
.accordion-multi-element .card .card-header h5 button .icon .icon-open {
  display: none;
}
.accordion-multi-element .card .card-header h5 button.collapsed .icon .icon-open {
  display: block;
}
.accordion-multi-element .card .card-header h5 button.collapsed .icon .icon-close {
  display: none;
}
.accordion-multi-element .card .card-body .link {
  margin-top: 1.25rem;
}
.accordion-multi-element .card .card-body .link i {
  margin-right: 2rem;
  transition: transform 0.1s;
  transform: scaleY(-1);
}
.accordion-multi-element .card .card-body .link:hover i, .accordion-multi-element .card .card-body .link:focus i, .accordion-multi-element .card .card-body .link.active i {
  transform: scale(1.15, -1.15);
}

.accordion-link .accordion-link-wrapper {
  padding: 0.4375rem 0 0.4375rem;
}
.accordion-link .accordion-link-wrapper a:hover i, .accordion-link .accordion-link-wrapper a:active i {
  transform: scale(1.12);
  content: url("../images/arrow_right_small_animated.svg");
}
.accordion-link .accordion-link-wrapper i {
  padding-right: 1.25rem;
  transition: transform 0.1s;
}
.accordion-link .accordion-link-wrapper .accordion-link-text {
  -ms-flex-direction: column;
  flex-direction: column;
  color: white;
}
.accordion-link .accordion-link-wrapper .accordion-link-text p {
  margin-bottom: 0.5em;
}
.accordion-link .accordion-link-wrapper .accordion-link-text p:last-child {
  margin-bottom: 0;
}

.overview-link a {
  color: white;
}
.overview-link a:hover, .overview-link a:active {
  color: white;
}
.overview-link a img {
  margin-right: 0.75rem;
}
.overview-link a span {
  font-size: 0.8125rem;
  line-height: 0.52;
}
.overview-link.black a {
  color: #212529;
}

.image-folder {
  margin-bottom: 7.8125rem;
}
.image-folder h3 {
  padding-bottom: 2.5rem;
}
.image-folder .image-col {
  margin-bottom: 1.875rem;
}
@media all and (max-width: 575px) {
  .image-folder .image-col {
    margin-bottom: 1.875rem !important;
  }
}
.image-folder .image-col > a {
  color: #212529;
}
.image-folder .image-col > a .card {
  margin: 0;
  background-color: transparent;
}
.image-folder .image-col > a .card .card-img-top {
  position: relative;
  height: 14.6875rem;
  width: 100%;
  background-color: rgb(242, 242, 242);
  background-size: cover;
  background-position: center;
}
.image-folder .image-col > a .card .card-img-top.pdf-file {
  background-position: center top;
}
.image-folder .image-col > a .card .card-img-top.preview {
  background-position: center;
}
.image-folder .image-col > a .card .card-img-top .card-img-overlay {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 2.5rem 1.875rem;
  align-items: flex-end;
  background-color: rgba(40, 40, 40, 0.95);
  opacity: 0;
  transition: opacity 0.25s;
}
.image-folder .image-col > a .card .card-img-top .card-img-overlay p {
  display: block;
  margin: 0;
  color: white;
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
  text-transform: uppercase;
}
.image-folder .image-col > a .card .card-footer {
  display: flex;
  min-height: 4.375rem;
  margin-top: 0.1875rem;
  align-items: center;
  background-color: rgb(242, 242, 242);
  border-top: none;
  border-radius: 0 0 0.9375rem 0.9375rem;
  overflow: hidden;
}
.image-folder .image-col > a.generated-file-download .card {
  cursor: pointer;
}
.image-folder .image-col > a:hover .card .card-img-top .card-img-overlay {
  opacity: 1;
}
.image-folder .image-col > a.download-restricted .card-footer {
  align-items: initial;
}
@media all and (max-width: 991px) {
  .image-folder .image-col > a.download-restricted .card-footer {
    flex-direction: column;
  }
}
.image-folder .image-col > a.download-restricted .card-footer span {
  display: inline-flex;
  flex: 1;
  align-items: center;
  padding: 0.75rem;
}
@media all and (max-width: 991px) {
  .image-folder .image-col > a.download-restricted .card-footer span {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}
.image-folder .image-col > a.download-restricted .card-footer span:first-child {
  min-height: 4.5rem;
  padding-left: 1.25rem;
}
.image-folder .image-col > a.download-restricted .card-footer span.downloads-login-info {
  max-width: 7.1875rem;
  font-size: 0.75rem;
  color: white;
  background-color: rgb(16, 177, 220);
}
@media all and (max-width: 991px) {
  .image-folder .image-col > a.download-restricted .card-footer span.downloads-login-info {
    max-width: 100%;
  }
}
.image-folder .image-folder-load {
  position: relative;
  height: 6.875rem;
  width: 13.75rem;
  margin: 2.1875rem auto 0;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .image-folder .image-folder-load {
    margin-top: 0;
  }
}
.image-folder .image-folder-load .image-folder-load-wrapper {
  background: linear-gradient(135deg, rgba(242, 242, 242, 0) 104px, rgb(242, 242, 242) 100%);
  height: 9.75rem;
  width: 9.75rem;
  margin: -4.875rem auto 0;
  transform: rotate(45deg);
  border-bottom-right-radius: 1.25rem;
  cursor: pointer;
}
.image-folder .image-folder-load span {
  display: inline-block;
  position: absolute;
  top: 1.5625rem;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.linklist .linklist-wrapper .linklist-heading {
  padding: 2.8125rem 2.1875rem 2.1875rem;
  color: #212529;
}
.linklist .linklist-link {
  margin-top: 0.1875rem;
}
.linklist .linklist-link a {
  display: flex;
  padding: 0.3125rem 0.5rem 0.3125rem 1.25rem;
  color: #212529;
}
.linklist .linklist-link a i {
  margin-right: 0.75rem;
  margin-top: 0.3125rem;
}
.linklist .linklist-link a:hover i, .linklist .linklist-link a:active i {
  transform: scale(1.12);
}
.linklist .linklist-link:last-child {
  border-radius: 0 0 0.9375rem 0.9375rem;
}
.linklist.dark .linklist-wrapper {
  background-color: rgb(47, 47, 47);
}
.linklist.dark .linklist-wrapper .linklist-heading {
  color: white;
}
.linklist.dark .linklist-link {
  background-color: rgb(47, 47, 47);
}
.linklist.dark .linklist-link a {
  color: white;
}
.linklist.light .linklist-wrapper, .linklist.light .linklist-link {
  background-color: rgb(242, 242, 242);
}
.linklist.white .linklist-wrapper, .linklist.white .linklist-link {
  background-color: white;
}

.social-button-large {
  display: flex;
  height: 10rem;
  max-width: 24.0625rem;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  background-color: rgb(47, 47, 47);
  border-radius: 1.5rem;
}
.social-button-large a i {
  color: white;
  font-size: 5.5rem;
}
.social-button-large a i.fa-youtube {
  font-size: 6.5625rem;
}
.social-button-large a:hover i, .social-button-large a:active i {
  color: rgb(16, 177, 220);
}

.counter {
  max-width: 21.875rem;
  margin: 0 auto;
  text-align: center;
}
.counter .counter-value-wrapper {
  font-family: "Francker", Arial, sans-serif;
  font-size: 5.625rem;
  line-height: 1.1666666667;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.0625rem;
  display: inline-block;
  margin-bottom: 1.875rem;
  font-size: 4.5rem;
  line-height: 1.1805555556;
  color: rgb(16, 177, 220);
}

.heading-ruler.frame-space-after-default {
  margin-bottom: 1.5rem;
}
.heading-ruler header > * {
  padding-bottom: 0.8125rem;
}
.heading-ruler .ruler {
  width: 100%;
}

.quote {
  margin: 4.0625rem 0;
}
.quote q {
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  letter-spacing: 0.046875rem;
  color: rgb(16, 177, 220);
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
}
.quote q::before {
  position: absolute;
  top: -1.125rem;
  left: 0;
  content: "”";
  font-size: 8.125rem;
  line-height: 0.3846153846;
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
}
.quote q::after {
  content: "";
}
.quote span {
  font-size: 0.8125rem;
  line-height: 1.9230769231;
}

.solutions-profile {
  margin: 0.75rem 0;
  padding: 1.875rem 0 1.5625rem;
  border-top: 2px solid rgb(47, 47, 47);
  border-bottom: 2px solid rgb(47, 47, 47);
}
.solutions-profile h3 {
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.046875rem;
  padding-bottom: 25px;
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
}
.solutions-profile ul > li {
  margin-bottom: 0.75rem;
}
.solutions-profile ul > li:last-child {
  margin-bottom: 0;
}

.anchor {
  display: block;
  position: relative;
  top: -156px;
  visibility: hidden;
}
@media screen and (max-width: 991px) {
  .anchor {
    top: -102px;
  }
}

.productmenu {
  padding: 3.75rem 2.5rem 4rem;
  background-color: rgb(47, 47, 47);
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
@media all and (max-width: 1199px) {
  .productmenu {
    padding: 1.875rem 2.5rem 2rem;
  }
}
.productmenu .productcategory-nav {
  margin-left: -1rem;
  margin-right: -1rem;
}
.productmenu .productcategory-nav .nav-item:after {
  content: "|";
  font-size: 1rem;
}
.productmenu .productcategory-nav .nav-item:last-child:after {
  content: "";
}
@media all and (max-width: 767px) {
  .productmenu .productcategory-nav .nav-item {
    width: 100%;
  }
  .productmenu .productcategory-nav .nav-item:after {
    display: none;
  }
}
.productmenu .productcategory-nav .nav-item .nav-link {
  display: inline-block;
  color: white;
  font-size: 1.25rem;
}
.productmenu .productcategory-nav .nav-item .nav-link:hover {
  color: rgb(16, 177, 220);
}
.productmenu .productcategory-nav .nav-item .nav-link:hover:after {
  color: white;
}

.productdata .productdata-heading {
  margin-bottom: 1.75rem;
}
.productdata .productdata-section {
  margin-bottom: 1.5rem;
}
.productdata .productdata-section:last-child {
  margin-bottom: 0;
}
.productdata .productdata-section .productdata-section-heading {
  margin-bottom: 0;
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
}
.productdata .productdata-section .button {
  margin-top: 0.375rem;
  background-color: rgb(236, 236, 236);
}

.product-properties {
  table-layout: fixed;
  width: 100%;
  max-width: 26.5625rem;
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
  line-height: 1.625rem;
}
.product-properties table {
  margin-top: 1.75rem;
}
.product-properties table tr:nth-child(odd) td {
  background-color: rgb(242, 242, 242);
}
.product-properties table tr td {
  padding: 0.0625rem 0.75rem;
  border-right: 10px solid white;
}
.product-properties table tr td:last-child {
  border-right: none;
  border-left: 10px solid white;
  letter-spacing: 0.5rem;
}
.product-properties table tr td i.fa-circle {
  margin-right: -0.25rem;
  font-size: 0.5625rem;
  vertical-align: middle;
}
.product-properties table tr td.max-property {
  color: rgb(16, 177, 220);
}

.product table.contenttable {
  table-layout: fixed;
  width: 100%;
  max-width: 26.5625rem;
  margin-top: 1.75rem;
  line-height: 1.625rem;
}
.product table.contenttable tr:nth-child(odd) td {
  background-color: rgb(242, 242, 242);
}
.product table.contenttable tr td {
  padding: 0.0625rem 0.75rem;
  border-right: 10px solid white;
}
.product table.contenttable tr td:first-child {
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
}
.product table.contenttable tr td:last-child {
  border-right: none;
  border-left: 10px solid white;
}

hr.spacer-65,
hr.spacer-112,
hr.spacer-130 {
  margin: 0;
  border: none;
}
hr.spacer-65.light,
hr.spacer-112.light,
hr.spacer-130.light {
  background-color: rgb(242, 242, 242);
}
hr.spacer-65.middle,
hr.spacer-112.middle,
hr.spacer-130.middle {
  background-color: rgb(236, 236, 236);
}
hr.spacer-65.dark,
hr.spacer-112.dark,
hr.spacer-130.dark {
  background-color: rgb(40, 40, 40);
}

hr.spacer-65 {
  padding: 4.0625rem 0 0 0;
}
@media all and (max-width: 767px) {
  hr.spacer-65 {
    padding: 3.125rem 0 0 0;
  }
}

hr.spacer-112 {
  padding: 7rem 0 0 0;
}
@media all and (max-width: 767px) {
  hr.spacer-112 {
    padding: 5.375rem 0 0 0;
  }
}

hr.spacer-130 {
  padding: 8.125rem 0 0 0;
}
@media all and (max-width: 767px) {
  hr.spacer-130 {
    padding: 4.5625rem 0 0 0;
  }
}

.product-category-select .header {
  color: #212529;
  background-color: rgb(242, 242, 242);
  transition: background-color 0.1s ease-in;
}
.product-category-select .header .image-wrapper {
  height: 26.5625rem;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .product-category-select .header .image-wrapper {
    height: 20rem;
  }
}
@media all and (max-width: 575px) {
  .product-category-select .header .image-wrapper {
    height: 100vw;
  }
}
.product-category-select .header .image-wrapper img {
  transform-origin: center;
  transition: transform 0.15s ease-in;
}
.product-category-select .header .topline {
  margin-bottom: 2.5rem;
  padding: 0 2.5rem;
}
@media all and (max-width: 991px) {
  .product-category-select .header .topline {
    margin-bottom: 1.25rem;
    padding: 0 1.25rem;
  }
}
.product-category-select .header .heading {
  padding: 0 2.5rem 2.5rem;
  font-size: 2.25rem;
  line-height: 1.3333333333;
}
@media all and (max-width: 991px) {
  .product-category-select .header .heading {
    padding: 0 1.25rem 1.25rem;
  }
}
.product-category-select .body {
  color: #212529;
  background-color: rgb(242, 242, 242);
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
.product-category-select .body .body-wrapper {
  margin-top: 0.1875rem;
  padding: 4rem 2.5rem;
  transition: background-color 0.1s ease-in;
}
@media all and (max-width: 991px) {
  .product-category-select .body .body-wrapper {
    padding: 2rem 1.25rem;
  }
}
.product-category-select .body .body-wrapper i {
  margin-left: 2.5rem;
  transition: transform 0.15s ease-in;
}
@media all and (max-width: 991px) {
  .product-category-select .body .body-wrapper i {
    margin-left: 1.25rem;
  }
}
.product-category-select .button-container {
  margin-top: 0.1875rem;
  padding: 1.25rem 2.5rem;
  background-color: rgb(242, 242, 242);
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
}
@media all and (max-width: 991px) {
  .product-category-select .button-container {
    padding: 1rem 1.25rem;
  }
}
.product-category-select .button-container .text {
  margin-right: 2.5rem;
}
@media all and (max-width: 767px) {
  .product-category-select .button-container .text {
    margin-right: 0;
    margin-bottom: 0.625rem;
  }
}
.product-category-select.has-button .body {
  border-radius: 0;
}
.product-category-select a:hover .header, .product-category-select a:focus .header, .product-category-select a:active .header {
  background-color: rgb(249, 249, 249);
}
.product-category-select a:hover .header .image-wrapper img, .product-category-select a:focus .header .image-wrapper img, .product-category-select a:active .header .image-wrapper img {
  transform: scale(1.1);
}
.product-category-select a:hover .body .body-wrapper, .product-category-select a:focus .body .body-wrapper, .product-category-select a:active .body .body-wrapper {
  background-color: rgb(249, 249, 249);
}
.product-category-select a:hover .body .body-wrapper i, .product-category-select a:focus .body .body-wrapper i, .product-category-select a:active .body .body-wrapper i {
  transform: translateX(10px);
}

.customer-story-card {
  margin-bottom: 4.0625rem;
  background-color: rgb(47, 47, 47);
  border-radius: 0 0 0.9375rem 0.9375rem;
}
.customer-story-card .text-col .text-wrapper {
  padding: 4.875rem 1.25rem 1.5rem 2.5rem;
}
@media all and (max-width: 991px) {
  .customer-story-card .text-col .text-wrapper {
    padding-top: 3.25rem;
    padding-left: 1.25rem;
  }
}
@media all and (max-width: 575px) {
  .customer-story-card .text-col .text-wrapper {
    padding-top: 2rem;
  }
}
.customer-story-card .text-col .text-wrapper .headerdata {
  margin-bottom: 1.5rem;
  color: rgb(16, 177, 220);
}
.customer-story-card .text-col .text-wrapper h3 {
  padding-bottom: 1.875rem;
  font-size: 2.375rem;
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  line-height: 1.1842105263;
}
@media all and (max-width: 991px) {
  .customer-story-card .text-col .text-wrapper h3 {
    padding-bottom: 2rem;
  }
}
@media all and (max-width: 575px) {
  .customer-story-card .text-col .text-wrapper h3 {
    font-size: 1.625rem;
  }
}
.customer-story-card .text-col .text-wrapper p:last-child {
  margin-bottom: 0;
}
.customer-story-card .image-col {
  display: flex;
  min-height: 32rem;
}
@media all and (max-width: 991px) {
  .customer-story-card .image-col {
    min-height: 21.25rem;
  }
}
@media all and (max-width: 575px) {
  .customer-story-card .image-col {
    min-height: 15rem;
  }
}
.customer-story-card .image-col .image-wrapper {
  flex: 1;
}
.customer-story-card .image-col .image-wrapper .customer-story-image {
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}
.customer-story-card .customer-story-link {
  padding: 0.875rem 2.5rem 0.875rem 2.5rem;
  color: white;
  background-color: rgb(47, 47, 47);
  border-top: 3px solid rgb(40, 40, 40);
  transition: background-color 0.1s ease-in;
}
@media all and (max-width: 991px) {
  .customer-story-card .customer-story-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.customer-story-card .customer-story-link i {
  transform-origin: left center;
  transition: transform 0.1s ease-in;
}
@media all and (max-width: 767px) {
  .customer-story-card .customer-story-link i {
    height: 1.375rem;
  }
}
.customer-story-card .customer-story-link:last-child {
  border-radius: 0 0 0.9375rem 0.9375rem;
}
.customer-story-card .customer-story-link:hover, .customer-story-card .customer-story-link:focus, .customer-story-card .customer-story-link:active {
  background-color: rgb(57, 57, 57);
}
.customer-story-card .customer-story-link:hover i, .customer-story-card .customer-story-link:focus i, .customer-story-card .customer-story-link:active i {
  transform: translateX(10px);
}

.customer-story-showcase {
  background-color: rgb(40, 40, 40);
}
.customer-story-showcase .image-col {
  padding-left: 0;
}
@media all and (max-width: 991px) {
  .customer-story-showcase .image-col {
    padding: 0;
  }
}
.customer-story-showcase .image-col .image-wrapper picture {
  flex: 1;
}
.customer-story-showcase .image-col .image-wrapper picture .customer-story-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center left;
}
.customer-story-showcase .text-col {
  margin-top: 10rem;
  margin-bottom: 4rem;
}
@media all and (max-width: 991px) {
  .customer-story-showcase .text-col {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.customer-story-showcase .text-col .header-wrapper {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.customer-story-showcase .text-col .header-wrapper .headerdata {
  margin-bottom: 2.5rem;
}
@media all and (max-width: 575px) {
  .customer-story-showcase .text-col .header-wrapper .headerdata {
    margin-bottom: 2.125rem;
  }
}
.customer-story-showcase .text-col .header-wrapper h3 {
  padding-bottom: 2.5rem;
  font-size: 1.875rem;
  line-height: 1.2666666667;
}
@media all and (max-width: 575px) {
  .customer-story-showcase .text-col .header-wrapper h3 {
    padding-bottom: 2.125rem;
    font-size: 1.625rem;
    line-height: 1.3846153846;
  }
}
.customer-story-showcase .text-col .text-wrapper {
  padding: 1.5rem 2.25rem 2.625rem;
  background-color: rgb(47, 47, 47);
}
.customer-story-showcase .text-col .customer-story-link {
  margin-top: 3px;
  padding: 1.3125rem 2.875rem 1.3125rem 2.25rem;
  color: white;
  background-color: rgb(47, 47, 47);
  border-radius: 0;
  transition: background-color 0.1s ease-in;
}
.customer-story-showcase .text-col .customer-story-link:last-child {
  border-radius: 0 0 0.9375rem 0.9375rem;
}
.customer-story-showcase .text-col .customer-story-link i {
  transform-origin: left center;
  transition: transform 0.15s ease-in;
}
.customer-story-showcase .text-col .customer-story-link:hover, .customer-story-showcase .text-col .customer-story-link:focus, .customer-story-showcase .text-col .customer-story-link:active {
  background-color: rgb(57, 57, 57);
}
.customer-story-showcase .text-col .customer-story-link:hover i, .customer-story-showcase .text-col .customer-story-link:focus i, .customer-story-showcase .text-col .customer-story-link:active i {
  transform: translateX(15px);
}
.customer-story-showcase .text-col .header-wrapper,
.customer-story-showcase .text-col .text-wrapper,
.customer-story-showcase .text-col .customer-story-link {
  max-width: 36.875rem;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 991px) {
  .customer-story-showcase .text-col .header-wrapper,
  .customer-story-showcase .text-col .text-wrapper,
  .customer-story-showcase .text-col .customer-story-link {
    max-width: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.linktree {
  min-height: 100vh;
  background-color: rgb(40, 40, 40);
}
.linktree .linktree-wrapper {
  max-width: 33.75rem;
  padding-top: 2.1875rem;
}
.linktree .linktree-wrapper .linktree-header .profilepic {
  background-color: white;
  width: 33vw;
  height: 33vw;
  max-width: 10rem;
  max-height: 10rem;
}
.linktree .linktree-wrapper .linktree-header .title {
  padding: 1.5rem 0;
  color: white;
  font-family: "Francker", Arial, sans-serif;
}
.linktree .linktree-wrapper .linktree-links {
  margin-top: 2.625rem;
}
.linktree .linktree-wrapper .linktree-links .linktree-link {
  margin-top: 0.5rem;
  padding: 0.75rem 1rem;
  color: white;
  background-color: rgb(47, 47, 47);
  border-radius: 0.5rem;
}
.linktree .linktree-wrapper .linktree-links .linktree-link i {
  content: url("../images/arrow_right.svg");
  height: 2.9375rem;
  margin-right: 1.25rem;
  transform: scaleY(-1);
  transform-origin: left center;
  transition: transform 0.1s;
}
@media all and (max-width: 767px) {
  .linktree .linktree-wrapper .linktree-links .linktree-link i {
    height: 1.6875rem;
    margin-right: 0.625rem;
  }
}
.linktree .linktree-wrapper .linktree-links .linktree-link:hover i, .linktree .linktree-wrapper .linktree-links .linktree-link:focus i, .linktree .linktree-wrapper .linktree-links .linktree-link:active i {
  transform: scale(1.15, -1.15);
}
.linktree .linktree-wrapper .linktree-links.default .linktree-link {
  margin-top: 0.3125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.linktree .linktree-wrapper .linktree-links.default .linktree-link i.arrow-right-grey {
  content: url("../images/arrow_right_solid_grey.svg");
  height: 1.25rem;
}
.linktree .linktree-wrapper .social-links {
  margin-top: 2.625rem;
  margin-bottom: 1rem;
}
.linktree .linktree-wrapper .social-links a {
  margin: 0 0.625rem;
}
.linktree .linktree-wrapper .social-links a:first-child {
  margin-left: 0;
}
.linktree .linktree-wrapper .social-links a:last-child {
  margin-right: 0;
}
.linktree .linktree-wrapper .social-links a i {
  font-size: 1.75rem;
  color: white;
}
.linktree .linktree-wrapper .social-links a i.fa-youtube {
  font-size: 2.0625rem;
  line-height: 0.8484848485;
}

.bite-joblisting {
  margin-bottom: 1.5625rem;
}
.bite-joblisting .input {
  margin-bottom: 1rem;
  padding: 0.0625rem;
  vertical-align: top;
  background: linear-gradient(270deg, rgb(16, 177, 220), rgb(0, 80, 142));
  border-radius: 0.5rem;
}
@media all and (max-width: 1199px) {
  .bite-joblisting .input {
    margin-bottom: 0.375rem;
  }
}
@media all and (max-width: 991px) {
  .bite-joblisting .input {
    width: 100%;
  }
}
.bite-joblisting .input:focus-within {
  background: linear-gradient(270deg, rgb(16, 177, 220), rgb(0, 80, 142), rgb(16, 177, 220));
  background-size: 200% 100%;
  animation: Gradient 3s linear infinite;
  outline: none;
  box-shadow: none;
}
.bite-joblisting .input.disabled {
  filter: grayscale(100%);
}
.bite-joblisting .input select {
  min-height: 2.25rem;
  padding: 0.375rem 1rem;
  color: white;
  font-family: "HelveticaNowDisplayLight", Arial, sans-serif;
  letter-spacing: 0.046875rem;
  background: rgb(47, 47, 47);
  border: none;
  border-radius: inherit;
  z-index: 1;
  outline: none;
  box-shadow: none;
}

.call-to-action {
  width: 10rem;
  height: 10rem;
  padding: 1rem;
  font-size: 0.875rem;
  border-radius: 5rem;
  background-color: #fda43a;
}
@media all and (min-width: 1199px) {
  .call-to-action {
    width: 10.9375rem;
    height: 10.9375rem;
    font-size: 1rem;
    border-radius: 5.46875rem;
  }
}
.call-to-action p {
  color: #212529;
}
.call-to-action p span {
  font-family: "HelveticaNowDisplayBold", Arial, sans-serif;
}
.call-to-action .button-wrapper {
  bottom: 0;
}
.call-to-action .button-wrapper .btn {
  min-width: 9.0625rem;
  white-space: nowrap;
  color: white;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  background-color: rgb(16, 177, 220);
  box-shadow: none !important;
}

/*# sourceMappingURL=elements.css.map */