/*
Theme Name:   Omnidocs
Theme URI:    http://supertusch.dk/theme/omnidocs/
Description:  Basically Bootstrap 4 Child Theme created for Omnidocs 2021
Author:       Supertusch
Author URI:   http://supertusch.dk
Template:     basically-bootstrap-4
Version:      1.0.0
Domain Path: /languages/
Text Domain:  omnidocs
*/


/* .card {
     pointer-events: none;
     transform: translateZ(0);
     padding: 30px;
     background: white;
     border-radius: 5px;
     width: 400px;
     height: 200px;
     margin: auto;
     transform-style: preserve-3d;
     backface-visibility: hidden;
     display: flex;
     box-shadow: 0 0 5px rgba(0, 0, 0, .1);
     position: relative;
}
 .card:after {
     content: " ";
     position: absolute;
     width: 100%;
     height: 10px;
     border-radius: 50%;
     left: 0;
     bottom: -50px;
     box-shadow: 0 30px 20px rgba(0, 0, 0, .3);
}
 .card .card-content {
     margin: auto;
     text-align: center;
     transform-style: preserve-3d;
}
 .card h1 {
     transform: translateZ(100px);
} */

/* Fonts */
@font-face {
  font-family: "atkinson_hyperlegiblebold";
  src: url("/wp-content/themes/omnidocs/assets/fonts/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2"),
    url("/wp-content/themes/omnidocs/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "atkinson_hyperlegibleregular";
  src: url("/wp-content/themes/omnidocs/assets/fonts/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2"),
    url("/wp-content/themes/omnidocs/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Colors */
/* Green */
.green {
  color: #beffe1;
}
.green-background {
  background-color: #beffe1;
  color: #4600b4;
}
.green-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.green-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.green-background .quote-box {
  background-color: #4600b4;
  color: #ffffff;
  box-shadow: 1.5em 1.5em 0 0 #6b31c3, 3em 3em 0 0 #7b4ac8;
}
.green-background .quote-text {
  color: #ffffff;
}
.green-background .quote-o svg {
  fill: #7b4ac8;
}
.green-background .slider-item {
  background-color: #d7e1ff;
  color: #4600b4;
}
.green-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(215, 225, 255, 0.6);
}
.green-background .slick-dots li button {
  background-color: #e7edff;
}
.green-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.green-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.green-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.green-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.green-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.green-background .contact-background {
  background-color: #4600b4;
  color: #ffff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.green-background .accordion-counter,
.green-background .area-toggle-header,
.green-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.green-background .area-toggle .toggler .horizontal,
.green-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.green-background .active .toggler .horizontal,
.green-background .active .toggler .vertical {
  background-color: #ffffff;
}
.green-background .active + .area-toggle-area,
.green-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.green-background .accordion-link {
  color: #beffe1;
}
.green-background .active + .area-toggle-area,
.green-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.green-background .download-area {
  background-color: #4600b4;
}
.green-background .download-heading,
.green-background .download-text {
  color: #ffffff;
}
.green-background .download-area .st1 {
  fill: #ffffff;
}
.green-background .download-area .btn {
  background-color: #beffe1;
  color: #4600b4;
}
.green-background .download-area .btn:hover {
  box-shadow: 0.5em 0.5em 0 0 #f1fff9;
  color: #4600b4;
}
.green-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.green-background .timeline-progress-line {
  border-color: #4600b4;
}
.green-background .step-container {
  background-color: #fff5b8;
}
.green-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(255, 245, 184, 0.6);
}
.green-background .step.active .step-container {
  background-color: #d7e1ff;
}
.green-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(215, 225, 255, 0.6);
}
.green-background .step-description-desktop {
  background-color: #d7e1ff;
}
.green-background .step-description i {
  background-color: #d7e1ff;
}
.green-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.green-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.green-background .subpage-hero-background-1 a,
.green-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.green-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}

.green-background.page-info-container {
  background-color: #beffe1;
}

.green-background.page-info-container .post-name,.green-background.page-info-container .post-teaser, .green-background.page-info-container .post-permalink  {
  color: #4600b4;
}
/* .green-background .page-info-container-1 {
  background-color: #fff9d4;
}
.green-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.green-background .page-info-container-3 {
  background-color: #d8e0fb;
}
.green-background .page-info-container-4 {
  background-color: #ffffff;
} */
.green-background .post-container:nth-child(8n + 2) .post-info-container,
.green-background .post-container:nth-child(8n + 4) .post-info-container,
.green-background .post-container:nth-child(8n + 5) .post-info-container,
.green-background .post-container:nth-child(8n + 7) .post-info-container {
  background-color: #ffee88;
}
.green-background .choosen-articles .post-info-container {
  background-color: #d8e0fb !important;
}

/* Purple */
.purple {
  color: #4600b4;
}
.purple-background {
  background-color: #4600b4;
  color: #ffffff;
}
.purple-background .logo {
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 992px) {
  .purple-background #mega-menu-header-menu > li > .mega-menu-link {
    color: #ffffff !important;
  }
}
.purple-background #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
.purple-background #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
.purple-background #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #ffffff;
}
.purple-background .area-title {
  color: #ffffff;
}
.purple-background .btn {
  background-color: #beffe1;
  color: #4600b4;
}
.purple-background .btn:hover {
  color: #4600b4;
  box-shadow: 0.5em 0.5em 0 0 rgb(190, 255, 225, 0.3);
}
.purple-background .quote-box {
  background-color: #beffe1;
  color: #4600b4;
  box-shadow: 1.5em 1.5em 0 0 #939ccd, 3em 3em 0 0 #6954bd;
}
.purple-background .quote-o svg {
  fill: #4600b4;
}
.purple-background .slider-item {
  background-color: #d7e1ff;
  color: #4600b4;
}
.purple-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(215, 225, 255, 0.6);
}
.purple-background .slick-dots li button {
  background-color: #e7edff;
}
.purple-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.purple-background .slick-arrow {
  background-color: #beffe1;
  transition: 0.3s;
}
.purple-background .slick-arrow svg .st0 {
  fill: #4600b4;
}
.purple-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(190, 255, 225, 0.3);
}
.purple-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgb(255, 255, 255, 0.3);
}
.purple-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 rgb(255, 255, 255, 0.3);
}
.purple-background .contact-background {
  background-color: #cbfde2;
  color: #4600b4;
  box-shadow: 1.5em 1.5em 0 0 rgb(190, 255, 225, 0.3);
}
.purple-background .accordion-counter,
.purple-background .area-toggle-header,
.purple-background .area-toggle-area {
  background-color: rgb(190, 255, 225, 0.22);
  color: #ffff;
}
.purple-background .area-toggle .toggler .horizontal,
.purple-background .area-toggle .toggler .vertical {
  background-color: #ffff;
}
.purple-background .active .toggler .horizontal,
.purple-background .active .toggler .vertical {
  background-color: #4600b4;
}
.purple-background .active + .area-toggle-area,
.purple-background .active .area-toggle-header {
  background-color: #beffe1;
  color: #4600b4;
}
.purple-background .active + .area-toggle-area,
.purple-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.purple-background .accordion-link {
  color: #4600b4;
}
.purple-background .download-area {
  background-color: #cbfde2;
}
.purple-background .download-heading,
.purple-background .download-text {
  color: #4600b4;
}
.purple-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 rgb(255, 255, 225, 0.3);
}
.purple-background .timeline-progress-line {
  border-color: #ffffff;
}
.purple-background .step-container {
  background-color: #9cb4ff;
  color: #4600b4;
}
.purple-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(156, 180, 255, 0.6);
}
.purple-background .step.active .step-container {
  background-color: #ffffff;
}
.purple-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(255, 255, 255, 0.6);
}
.purple-background .step-description-desktop {
  background-color: #ffffff;
  color: #4600b4;
}
.purple-background .step-description i {
  background-color: #ffffff;
}
.purple-background .subpage-hero-main-content {
  background-color: #beffe1;
  color: #4600b4;
}
.purple-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.purple-background .subpage-hero-background-1 a,
.purple-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.purple-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}
.purple-background .hero-container {
  background-color: #beffe1;
  color: #4600b4;
}
.purple-background .hero-container-shadow-1 {
  background-color: rgba(190, 255, 225, 0.8);
}
.purple-background .hero-container-shadow-2 {
  background-color: rgba(190, 255, 225, 0.6);
}
.purple-background .hero-container-shadow-3 {
  background-color: rgba(190, 255, 225, 0.4);
}
.purple-background .hero-container-shadow-4 {
  background-color: rgba(190, 255, 225, 0.2);
}
.purple-background .carousel-dot .dot {
  background-color: rgba(255, 255, 255, 0.5);
}
.purple-background .carousel-dot.active .dot {
  background-color: #ffee88;
}
.purple-background .carousel-slider-item {
  background-color: #ffee88;
  color: #4600b4;
}
.purple-background .entry-meta-categories .post-categories li a {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='7px' viewBox='0 0 7 7' style='overflow:visible;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Crect x='0' y='0' class='st0' width='7' height='7'/%3E%3C/svg%3E%0A");
}
.purple-background .entry-teaser {
  color: #ffffff;
}

.purple-background.page-info-container {
  background-color: #4600b4;
}

.purple-background.page-info-container .post-name, .purple-background.page-info-container .post-teaser, .purple-background.page-info-container .post-permalink {
  color: white;
}

.purple-background a {
  color: white;
}

/* .purple-background .page-info-container-1 {
  background-color: #fff9d4;
}
.purple-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.purple-background .page-info-container-3 {
  background-color: #d8e0fb;
}
.purple-background .page-info-container-4 {
  background-color: #ffffff;
} */

/* White */
.white {
  color: #ffffff;
}
.white-background {
  background-color: #ffffff;
  color: #4600b4;
}
.white-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.white-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.white-background .area-title {
  color: #4600b4;
}
.white-background .quote-box {
  background-color: #4600b4;
  color: #ffffff;
  box-shadow: 1.5em 1.5em 0 0 #6b31c3, 3em 3em 0 0 #7b4ac8;
}
.white-background .quote-text {
  color: #ffffff;
}
.white-background .quote-o svg {
  fill: #7b4ac8;
}
.white-background .slider-item {
  background-color: #d7e1ff;
  color: #4600b4;
}
.white-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(215, 225, 255, 0.6);
}
.white-background .slick-dots li button {
  background-color: #e7edff;
}
.white-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.white-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.white-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.white-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.white-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.white-background .contact-background {
  background-color: #4600b4;
  color: #fff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.white-background .accordion-counter,
.white-background .area-toggle-header,
.white-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.white-background .area-toggle .toggler .horizontal,
.white-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.white-background .active .toggler .horizontal,
.white-background .active .toggler .vertical {
  background-color: #ffffff;
}
.white-background .active + .area-toggle-area,
.white-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.white-background .active + .area-toggle-area,
.white-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.white-background .accordion-link {
  color: #beffe1;
}
.white-background .download-area {
  background-color: #cbfde2;
}
.white-background .download-heading,
.white-background .download-text {
  color: #4600b4;
}
.white-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 rgb(190, 255, 225, 0.51);
}
.white-background .timeline-progress-line {
  border-color: #4600b4;
}
.white-background .step-container {
  background-color: #beffe1;
}
.white-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(190, 255, 225, 0.6);
}
.white-background .step.active .step-container {
  background-color: #d7e1ff;
}
.white-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(215, 225, 255, 0.6);
}
.white-background .step-description-desktop {
  background-color: #d7e1ff;
}
.white-background .step-description i {
  background-color: #d7e1ff;
}
.white-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.white-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.white-background .subpage-hero-background-1 a,
.white-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.white-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}

.white-background.page-info-container {
  background-color: #ffffff;
}

.white-background.page-info-container .post-name, .white-background.page-info-container .post-teaser, .white-background.page-info-container .post-permalink   {
  color: #4600b4;
}


/* .white-background .page-info-container-1 {
  background-color: #fff9d4;
}
.white-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.white-background .page-info-container-3 {
  background-color: #d8e0fb;
}
.white-background .page-info-container-4 {
  background-color: #beffe1;
} */

/* Blue */
.blue {
  color: #d7e1ff;
}
.blue-background {
  background-color: #d7e1ff;
  color: #4600b4;
}
.blue-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.blue-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.blue-background .quote-box {
  background-color: #beffe1;
  color: #4600b4;
  box-shadow: 1.5em 1.5em 0 0 rgb(190, 255, 225, 0.67), 3em 3em 0 0 rgb(190, 255, 225, 0.37);
}
.blue-background .quote-o svg {
  fill: #4600b4;
}
.blue-background .slider-item {
  background-color: #beffe1;
  color: #4600b4;
}
.blue-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(190, 255, 225, 0.6);
}
.blue-background .slick-dots li button {
  background-color: #e7edff;
}
.blue-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.blue-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.blue-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.blue-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.blue-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.blue-background .contact-background {
  background-color: #4600b4;
  color: #ffff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.blue-background .accordion-counter,
.blue-background .area-toggle-header,
.blue-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.blue-background .area-toggle .toggler .horizontal,
.blue-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.blue-background .active .toggler .horizontal,
.blue-background .active .toggler .vertical {
  background-color: #ffffff;
}
.blue-background .active + .area-toggle-area,
.blue-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.blue-background .active + .area-toggle-area,
.blue-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.blue-background .accordion-link {
  color: #beffe1;
}
.blue-background .download-area {
  background-color: #cbfde2;
}
.blue-background .download-heading,
.blue-background .download-text {
  color: #4600b4;
}
.blue-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.blue-background .timeline-progress-line {
  border-color: #4600b4;
}
.blue-background .step-container {
  background-color: #beffe1;
}
.blue-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(190, 255, 225, 0.6);
}
.blue-background .step.active .step-container {
  background-color: #4600b4;
  color: #ffffff;
}
.blue-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(70, 0, 180, 0.6);
}
.blue-background .step-description-desktop {
  background-color: #4600b4;
  color: #ffffff;
}
.blue-background .step-description i {
  background-color: #4600b4;
}
.blue-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.blue-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.blue-background .subpage-hero-background-1 a,
.blue-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.blue-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}
.blue-background .teaser-box {
  background-color: #f8dbdb;
}
.blue-background .featured-content {
  color: #000000;
}

.blue-background.page-info-container {
  background-color: #d7e1ff;
}

.blue-background.page-info-container .post-name, .blue-background.page-info-container .post-teaser, .blue-background.page-info-container .post-permalink  {
  color: #4600b4;
}

/* .blue-background .page-info-container-1 {
  background-color: #fff9d4;
}
.blue-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.blue-background .page-info-container-3 {
  background-color: #ffffff;
}
.blue-background .page-info-container-4 {
  background-color: #beffe1;
} */
.blue-background .post-container:nth-child(8n + 1) .post-info-container,
.blue-background .post-container:nth-child(8n + 3) .post-info-container,
.blue-background .post-container:nth-child(8n + 6) .post-info-container,
.blue-background .post-container:nth-child(8n + 8) .post-info-container {
  background-color: #f8dbdb;
}

/* Gray */
.gray {
  color: #f2f2f6;
}
.gray-background {
  background-color: #f2f2f6;
  color: #4600b4;
}
.gray-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.gray-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.gray-background .quote-box {
  background-color: #4600b4;
  color: #ffffff;
  box-shadow: 1.5em 1.5em 0 0 #6b31c3, 3em 3em 0 0 #7b4ac8;
}
.gray-background .quote-text {
  color: #ffffff;
}
.gray-background .quote-o svg {
  fill: #7b4ac8;
}
.gray-background .slider-item {
  background-color: #beffe1;
  color: #4600b4;
}
.gray-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(190, 255, 225, 0.6);
}
.gray-background .slick-dots li button {
  background-color: #beffe1;
}
.gray-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.gray-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.gray-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.gray-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.gray-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.gray-background .contact-background {
  background-color: #4600b4;
  color: #ffff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.gray-background .accordion-counter,
.gray-background .area-toggle-header,
.gray-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.gray-background .area-toggle .toggler .horizontal,
.gray-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.gray-background .active .toggler .horizontal,
.gray-background .active .toggler .vertical {
  background-color: #ffffff;
}
.gray-background .active + .area-toggle-area,
.gray-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.gray-background .active + .area-toggle-area,
.gray-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.gray-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 rgb(190, 255, 225, 0.51);
}
.gray-background .accordion-link {
  color: #beffe1;
}
.gray-background .download-area {
  background-color: #cbfde2;
}
.gray-background .download-heading,
.white-background .download-text {
  color: #4600b4;
}
.gray-background .timeline-progress-line {
  border-color: #4600b4;
}
.gray-background .step-container {
  background-color: #beffe1;
}
.gray-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(190, 255, 225, 0.6);
}
.gray-background .step.active .step-container {
  background-color: #d7e1ff;
}
.gray-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(215, 225, 255, 0.6);
}
.gray-background .step-description-desktop {
  background-color: #d7e1ff;
}
.gray-background .step-description i {
  background-color: #d7e1ff;
}
.gray-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.gray-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.gray-background .subpage-hero-background-1 a,
.gray-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.gray-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}

.gray-background.page-info-container {
  background-color: #f2f2f6;
}

.gray-background.page-info-container a {
  color: #4600b4;
}
/* .gray-background .page-info-container-1 {
  background-color: #fff9d4;
}
.gray-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.gray-background .page-info-container-3 {
  background-color: #ffffff;
}
.gray-background .page-info-container-4 {
  background-color: #beffe1;
} */

/* Yellow */
.yellow {
  color: #fff9d4;
}
.yellow-background {
  background-color: #fff9d4;
  color: #4600b4;
}
.yellow-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.yellow-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.yellow-background .quote-box {
  background-color: #4600b4;
  color: #ffffff;
  box-shadow: 1.5em 1.5em 0 0 #6b31c3, 3em 3em 0 0 #7b4ac8;
}
.yellow-background .quote-text {
  color: #ffffff;
}
.yellow-background .quote-o svg {
  fill: #7b4ac8;
}
.yellow-background .slider-item {
  background-color: #d7e1ff;
  color: #4600b4;
}
.yellow-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(215, 225, 255, 0.6);
}
.yellow-background .slick-dots li button {
  background-color: #e7edff;
}
.yellow-background .slick-dots .slick-active button {
  background-color: #ffa6a6;
}
.yellow-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.yellow-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.yellow-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.yellow-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.yellow-background .contact-background {
  background-color: #4600b4;
  color: #ffff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.yellow-background .accordion-counter,
.yellow-background .area-toggle-header,
.yellow-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.yellow-background .area-toggle .toggler .horizontal,
.yellow-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.yellow-background .active .toggler .horizontal,
.yellow-background .active .toggler .vertical {
  background-color: #ffffff;
}
.yellow-background .active + .area-toggle-area,
.yellow-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.yellow-background .active + .area-toggle-area,
.yellow-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.yellow-background .accordion-link {
  color: #beffe1;
}
.yellow-background .download-area {
  background-color: #cbfde2;
}
.yellow-background .download-heading,
.yellow-background .download-text {
  color: #4600b4;
}
.yellow-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.yellow-background .timeline-progress-line {
  border-color: #4600b4;
}
.yellow-background .step-container {
  background-color: #beffe1;
}
.yellow-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(190, 255, 225, 0.6);
}
.yellow-background .step.active .step-container {
  background-color: #d7e1ff;
}
.yellow-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(215, 225, 255, 0.6);
}
.yellow-background .step-description-desktop {
  background-color: #d7e1ff;
}
.yellow-background .step-description i {
  background-color: #d7e1ff;
}
.yellow-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.yellow-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.yellow-background .subpage-hero-background-1 a,
.yellow-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.yellow-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}

.yellow-background.page-info-container {
  background-color: #fff9d4;
}

.yellow-background.page-info-container a {
  color: #4600b4;
}
/* .yellow-background .page-info-container-1 {
  background-color: #d7e1ff;
}
.yellow-background .page-info-container-2 {
  background-color: #ffe9e9;
}
.yellow-background .page-info-container-3 {
  background-color: #ffffff;
}
.yellow-background .page-info-container-4 {
  background-color: #beffe1;
} */

/* Pink */
.pink {
  color: #ffe9e9;
}
.pink-background {
  background-color: #ffe9e9;
  color: #4600b4;
}
.pink-background .btn {
  background-color: #4600b4;
  color: #ffffff;
}
.pink-background .btn:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.pink-background .quote-box {
  background-color: #4600b4;
  color: #ffffff;
  box-shadow: 1.5em 1.5em 0 0 #6b31c3, 3em 3em 0 0 #7b4ac8;
}
.pink-background .quote-text {
  color: #ffffff;
}
.pink-background .quote-o svg {
  fill: #7b4ac8;
}
.pink-background .slider-item {
  background-color: #d7e1ff;
  color: #4600b4;
}
.pink-background .slider-item:hover {
  box-shadow: 1em -1em 0 0 rgb(215, 225, 255, 0.6);
}
.pink-background .slick-dots li button {
  background-color: #e7edff;
}
.pink-background .slick-dots .slick-active button {
  background-color: #4600b4;
}
.pink-background .slick-arrow {
  background-color: #4600b4;
  transition: 0.3s;
}
.pink-background .slick-arrow:hover {
  box-shadow: 0.3em 0.3em 0 0 rgb(70, 0, 180, 0.3);
}
.pink-background .embed-video {
  box-shadow: 1.5em 1.5em 0 0 rgba(70, 0, 180, 0.3);
}
.pink-background .image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.pink-background .contact-background {
  background-color: #4600b4;
  color: #ffff;
  box-shadow: 1.5em 1.5em 0 0 rgb(70, 0, 180, 0.6);
}
.pink-background .accordion-counter,
.pink-background .area-toggle-header,
.pink-background .area-toggle-area {
  background-color: rgb(70, 0, 180, 0.22);
  color: #4600b4;
}
.pink-background .area-toggle .toggler .horizontal,
.pink-background .area-toggle .toggler .vertical {
  background-color: #4600b4;
}
.pink-background .active .toggler .horizontal,
.pink-background .active .toggler .vertical {
  background-color: #ffffff;
}
.pink-background .active + .area-toggle-area,
.pink-background .active .area-toggle-header {
  background-color: #4600b4;
  color: #ffffff;
}
.pink-background .active + .area-toggle-area,
.pink-background .active .area-toggle-header {
  box-shadow: 0.7em 0.7em 0 0 rgb(70, 0, 180, 0.22);
}
.pink-background .accordion-link {
  color: #beffe1;
}
.pink-background .download-area {
  background-color: #cbfde2;
}
.pink-background .download-heading,
.pink-background .download-text {
  color: #4600b4;
}
.pink-background .one-column-image-container {
  box-shadow: 1.5em 1.5em 0 0 #4600b4;
}
.pink-background .timeline-progress-line {
  border-color: #4600b4;
}
.pink-background .step-container {
  background-color: #beffe1;
}
.pink-background .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(190, 255, 225, 0.6);
}
.pink-background .step.active .step-container {
  background-color: #d7e1ff;
}
.pink-background .step.active .step-container:hover {
  box-shadow: 0.5em -0.5em 0 0 rgba(215, 225, 255, 0.6);
}
.pink-background .step-description-desktop {
  background-color: #d7e1ff;
}
.pink-background .step-description i {
  background-color: #d7e1ff;
}
.pink-background .subpage-hero-main-content {
  background-color: #4600b4;
  color: #ffffff;
}
.pink-background .subpage-hero-background-2 {
  background-color: rgba(70, 0, 180, 0.6);
  color: #ffffff;
}
.pink-background .subpage-hero-background-1 a,
.pink-background .subpage-hero-background-2 a {
  color: #ffffff;
}
.pink-background .subpage-hero-background-1 {
  background-color: rgba(70, 0, 180, 0.3);
}

.pink-background.page-info-container {
  background-color: #ffe9e9;
}

.pink-background.page-info-container a {
  color: #4600b4;
}

/* .pink-background .page-info-container-1 {
  background-color: #d7e1ff;
}
.pink-background .page-info-container-2 {
  background-color: #fff9d4;
}
.pink-background .page-info-container-3 {
  background-color: #ffffff;
}
.pink-background .page-info-container-4 {
  background-color: #beffe1;
} */

/* Extra */
.purple-1 {
  background-color: #4600b4;
  opacity: 0.8;
  height: 87%;
}
.purple-2 {
  background-color: #4600b4;
  opacity: 0.6;
  height: 74%;
}
.purple-3 {
  background-color: #4600b4;
  opacity: 0.3;
  height: 61%;
}

/* General */
body {
  font-family: "atkinson_hyperlegibleregular";
}
strong {
  font-family: "atkinson_hyperlegiblebold";
}

p a {
  text-decoration: underline;
  color: inherit;
}
p a:hover {
  color: inherit;
  font-weight: 700;
}

h2 {
  font-size: 35px;
  font-family: "atkinson_hyperlegiblebold";
  margin-bottom: 15px;
}

h2.quote-header {
  /* font-size: 50px; */
  font-size: 35px;
}

h2.image-header {
  font-size: 35px;
}

h3 {
  font-size: 35px;
  font-family: "atkinson_hyperlegiblebold";
  word-wrap: break-word;
}
button,
button:focus,
button:active,
button:visited {
  outline: none;
}

.btn.video-btn {
  width: fit-content;
}
.btn,
._submit {
  border-radius: 0;
  font-size: 16px;
  padding: 1rem 1.5rem;
  transition: box-shadow 0.5s;
}
.no-padding {
  padding: 0;
  display: flex;
  align-items: flex-end;
}
.hero {
  padding-top: 120px;
}
.entry-header {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 3.125rem;
}
.entry-title {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 50px;
}
.hero-text-content {
  margin: 60px 0;
}
.video-hero-text-content {
  color: #ffffff;
  text-shadow: 1px 1px #000000;
}
.shadow-box {
  display: flex;
  width: 100%;
}
.hero-container {
  padding: 60px;
  width: 100%;
}
div[class^="hero-container-shadow-"] {
  width: 50px;
}

.hero-2 {
  padding-top: 40px;
}

.hero-2 .hero-2-content-wrapper {
  display: flex;
  align-items: center;
}
.hero-2 .hero-2-content {
  padding: 20px 0px 20px 20px;
}

.hero-2 .btn {
  margin-top: 10px;
}
.hero-2 .btn:not(.secondary-btn) {
  margin-right: 10px;
}


.btn.secondary-btn {
  background-color: transparent;
  /* margin-left: 10px; */
  border: 2px solid #4600b4;
  color: #4600b4;
}

.purple-background .btn.secondary-btn {
  border: 2px solid #beffe1;
  color: #beffe1;
}

.purple-background .btn.secondary-btn:hover {
  color: #beffe1;
}

.btn.secondary-btn:hover {
  color: #4600b4;
}

.hero-container-shadow-1 {
  margin: 15px 0;
}
.hero-container-shadow-2 {
  margin: 30px 0;
}
.hero-container-shadow-3 {
  margin: 45px 0;
}
.hero-container-shadow-4 {
  margin: 60px 0;
}
.hero-title {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 27px;
  margin-bottom: 30px;
}
.hero-text-content-2 {
  margin-top: 25px;
  max-width: 320px;
}
.anchor {
  position: relative;
  top: -120px;
}
.video-hero {
  position: relative;
  height: 70vh;
}
.video-hero-content {
  position: absolute;
  bottom: 2rem;
  width: 100%;
  bottom: 0;
}
.video-hero-content-container {
  padding-bottom: 3rem;
}
.video-entry-header {
  color: #ffffff;
  margin-bottom: 3rem;
  text-shadow: 1px 1px #000000;
}
.header-video {
  height: 70vh;
  background-color: #000000;
  overflow: hidden;
  position: relative;
}
.header-video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#play-hero-video:hover,
#video-hero-cta:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(255 255 255 / 30%);
}
#video-modal {
  background-color: rgb(70,0,180, .9);
  justify-content: center;
  align-items: center;
}
#video-modal-content {
  min-width: 75%;
  position: relative;
}
.embed-container {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container.background-video {
  padding-bottom: 56.25%;
}

#video-modal-content iframe, #video-modal-content video  {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 100%;
  border-top: 20px solid #000000;
  border-bottom: 20px solid #000000;
}

#video-modal-content video  {
  border: none;
}

.closeVideo {
  cursor: pointer;
  position: absolute;
  width: 30px;
  top: -1rem;
  right: 1rem;
}

/* Header and main menu */
.logo {
  width: 200px;
  height: auto;
}
.menu-sep {
  display: none;
}




.navbar {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.navbar .nav-cta {
  color: #4600b4;
}

.navbar .nav-cta-wrapper {
  display: flex;
}


.navbar .nav-cta.secondary-btn {
  padding: 10px 20px;
}

.navbar .nav-cta.secondary-btn:hover {
  box-shadow: none;
}

.navbar .nav-cta:nth-child(2) {
  margin-left: 10px;
}

.navbar .nav-cta.cta-link:nth-child(2) {
  margin-left: 20px;
}

.navbar .nav-cta.cta-link {
  line-height: 40px;
  height: 40px;

}

.navbar .nav-cta.cta-link:hover {
  border-bottom: 2px solid #4600b4;
  text-decoration: none;
}

.navbar .nav-cta .secondary-cta {
  margin-left: 10px;
}




.navbar-light .menu-item {
  padding: 0 20px;
}
.navbar-light .navbar-nav .nav-link {
  color: #4600b4;
  font-size: 13px;
  padding: 0;
  height: 20px;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #4600b4;
  font-family: "atkinson_hyperlegiblebold";
  border-bottom: 2px solid #ffa6a6;
}
.header-background.purple-background .navbar-light .navbar-nav .nav-link {
  color: #ffffff;
}
.header-background.purple-background .navbar-light .navbar-nav .active > .nav-link,
.header-background.purple-background .navbar-light .navbar-nav .nav-link.active,
.header-background.purple-background .navbar-light .navbar-nav .nav-link.open,
.header-background.purple-background .navbar-light .navbar-nav .open > .nav-link,
.header-background.purple-background .navbar-light .navbar-nav .nav-link:focus,
.header-background.purple-background .navbar-light .navbar-nav .nav-link:hover {
  color: #ffffff;
}

.wpml-ls-statics-shortcode_actions {
  display: flex;
  align-items: center;
}
.wpml-ls-link {
  color: #4600b4;
}

.wpml-ls-link:hover {
  color: #4600b4;
  font-weight: bold;
  text-decoration: none;
}

.wpml-ls-link:active {
  color: #4600b4;
  font-weight: bold;
}

/*  Sub menu   */
.mega-sub-menu {
  padding: 35px 25px !important;
  margin-top: 30px !important;
}
@media screen and (min-width: 992px) {
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    position: absolute;
    left: calc(100% + 25px);
    top: -35px;
  }
  #mega-menu-wrap-header-menu
    #mega-menu-header-menu
    li.mega-menu-item-has-children
    li.mega-menu-item-has-children
    > a.mega-menu-link
    > span.mega-indicator {
    float: right;
    color: #7d7d7d;
  }
  .purple-background .mega-sub-menu .mega-sub-menu {
    background: #beffe1 !important;
  }
  .mega-sub-menu .mega-sub-menu {
    background: rgba(70, 0, 180, 0.8) !important;
    margin-top: 0px !important;
  }
  .purple-background .mega-sub-menu .mega-sub-menu li a {
    color: #4600b4 !important;
  }
  .mega-sub-menu .mega-sub-menu li a {
    background: transparent !important;
    color: #ffffff !important;
  }
  .mega-sub-menu li:nth-child(1) {
    border-top: 1px solid #b9b9b9 !important;
  }
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child {
    border-bottom: 1px solid #b9b9b9 !important;
  }
}

/* Subpage Hero */
.subpage-hero-background-1 {
  padding: 20px 30px;
  margin: 30px 0 0;
  font-family: "atkinson_hyperlegiblebold";
}
.subpage-hero-background-2 {
  padding: 20px 30px;
  margin: 0 -10px;
  font-family: "atkinson_hyperlegiblebold";
  font-size: 20px;
}
.subpage-hero-background-1.no-content,
.subpage-hero-background-2.no-content {
  padding: 30px;
}

.subpage-hero-main-content {
  padding: 40px;
}
.subpage-entry-title {
  margin-bottom: 60px;
  font-family: "atkinson_hyperlegiblebold";
}

/* Blocks */
.block-content {
  padding: 120px 0;
}
.white-background + .white-background {
  padding-top: 0;
}
.green-background + .green-background {
  padding-top: 0;
}
.purple-background + .purple-background {
  padding-top: 0;
}
.blue-background + .blue-background {
  padding-top: 0;
}
.grey-background + .grey-background {
  padding-top: 0;
}
.pink-background + .pink-background {
  padding-top: 0;
}
.yellow-background + .yellow-background {
  padding-top: 0;
}
.area-title {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 22px;
  margin-bottom: 50px;
}

.area-title.steps {
  margin-bottom: 0px;
  margin-top: 20px;
}
.block-content .btn {
  margin-top: 10px;
}

/* Quote block */
.quote-box {
  margin-right: 60px;
  padding: 40px;
}
.quotation-mark {
  font-size: 3.75rem;
  font-family: "atkinson_hyperlegiblebold";
}
.quote-text {
  color: #4600b4;
  font-size: 22px;
  line-height: normal;
}
.quotee-name {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 0.8125rem;
  margin-top: 15px;
}
.quotee-title {
  font-size: 0.8125rem;
}
.quote-o {
  margin-top: 30px;
  width: 45px;
}

/* Slider block */
.slider-wrapper {
  display: flex;
}
.slide-link {
  padding-right: 90px;
}
.slide-link:hover {
  text-decoration: none;
}
.slider-item {
  display: flex;
  flex-direction: column;
  padding: 60px 30px 30px 30px;
  margin-top: 20px;
  transition: 0.5s;
}
.slider-item h3 {
  height: 90px;
}
.slide-text {
  font-size: 14px;
  line-height: normal;
  margin-bottom: 20px;
  height: 100px;
}
.slide-link-text {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 17px;
}
.slide-counter {
  text-align: right;
  font-size: 25px;
  margin-top: 40px;
}
.slick-dots {
  display: none !important;
  list-style: none;
  text-align: center;
  padding-left: 0;
  position: absolute;
  margin-left: -60px;
  bottom: -60px;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li button {
  color: transparent;
  border: none;
  margin: 0 5px;
  width: 11px;
  height: 16px;
}
.slick-arrow {
  border: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 5px 20px;
}
.slick-prev {
  left: -6%;
}
.slick-next {
  right: 1%;
}

/* Video */
.area-title.video {
  margin-bottom: 30px;
}
.embed-video {
  margin-right: 50px;
  transition: 0.3s;
  position: relative;
}

.case-video {
  position: relative;
}

.cookieconsent-optout-marketing {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #4600b4;
  color: white;
  padding: 50px;
}

.cookieconsent-optout-wrapper {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.cookieconsent-optout-marketing a {
  color: white;
  text-decoration: underline;

}

.half-video-hero {
  padding: 100px 0px;
}

.half-video-hero .embed-video-text {
  margin: 20px 0;
}

.half-video-hero .embed-video {
  margin-left: 50px;
  margin-right: 0px;
  box-shadow: none;
}
.embed-video-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.full-width-video-text {
  margin-top: 40px;
}
.embed-video-full {
  margin-right: 0;
}



/*  Partners slider */

.partners-wrapper {
  margin-top: 40px;
}
.logo-item {
  width: 100%;
  min-height: 200px;
  display: grid !important;
  flex-direction: column;
  align-items: center;
  grid-gap: 30px;
  justify-content: center;
}

.logo-item img {
  padding: 10px;
}




/* Case video */
@media screen and (max-width: 768px) {
  .case-video-col.left {
    order: 2;
  }
}
.case-video-col.right {
  order: 2;
}

/* Image */
.left-text {
  order: 1;
}

/* Contact */
.contact-background {
  padding: 60px;
}
.contact-background h3 {
  font-size: 35px;
}

/* News */
.choosen-articles .post-info-container {
  background-color: #beffe1 !important;
}

/* Contact form  & Sign up form */

div[class^="_form_"] {
  background: white;
  padding: 30px;
}

.contact-background form {
  padding: 30px;
  width: 100% !important;
  padding-bottom: 0;
}


.signup-form .purple-background form a {
  color: white;
}

.contact-background form a, .signup-form form a {
  color: #4600b4;
}



.contact-background .contact-links {
  background: white;
  padding: 0px 60px 20px 60px;
  font-size: 14px;
}

.contact-background .form-container p {
  margin: 0 !important;
}

.contact-background .contact-links a {
  color: #4600b4;
}

.signup-form div[class^="_form_"] {
  padding: 0;
  background: transparent;
  margin-top: 20px;
}

.signup-form legend {
  font-size: 17px;
}

.signup-form form {
  padding: 30px;
  /* border: 4px solid #4600b4; */
}

.signup-form.text-centered h2, .signup-form.text-centered p  {
  text-align: center;
}

.purple-background .signup-form form {
  border: 4px solid white;
}

.signup-form form input, .signup-form form textarea {
  background: transparent;
}

.signup-form form input::placeholder, .signup-form form textarea::placeholder  {
  color: #4500b49c !important;
}

.purple-background .signup-form form input, .signup-form .purple-background form input {
  border-bottom: 2px solid white !important;
  color: white;
}



.purple-background .signup-form form input::placeholder, .purple-background .signup-form form textarea::placeholder, .signup-form .purple-background form input::placeholder, .signup-form .purple-background form textarea::placeholder  {
  color: #ffffff85 !important;
}

.purple-background .signup-form form label, .signup-form .purple-background form label {
  color: white;
}

.purple-background .signup-form form textarea, .signup-form .purple-background form textarea {
  border: 2px solid white !important;
}

.purple-background .signup-form ._submit,  .signup-form .purple-background ._submit {
  background-color: #beffe1 !important;
  color: #4600b4 !important;
}

.purple-background .signup-form form ._submit:hover, .signup-form .purple-background form ._submit:hover  {
  color: #4600b4;
  box-shadow: 0.5em 0.5em 0 0 rgb(190, 255, 225, 0.3);
}


.signup-form .purple-background ._form-thank-you {
  color: white;
  font-size: 20px;
}


.contact-background form input, .signup-form form input {
  border: none !important;
  border-bottom: 2px solid #4600b4 !important;
  outline: none !important;
  width: 100% !important;
  border-radius: 0 !important;
  font-family: "atkinson_hyperlegibleregular" !important;
}

.contact-background form input[type="checkbox"], .signup-form form input[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
}

.contact-background form ._checkbox-radio, .signup-form form ._checkbox-radio {
  display: flex;
  margin-top: 10px;
}

.contact-background form ._checkbox-radio label, .signup-form form ._checkbox-radio label  {
  margin-bottom: 0;
  font-size: 14px;
}

.contact-background form textarea, .signup-form form textarea {
  border: 2px solid #4600b4 !important;
  outline: none !important;
  resize: none !important;
  width: 100% !important;
  padding: 10px !important;
  border-radius: 0 !important;
}
.contact-background ._form_element {
  margin-bottom: 20px;
  padding: 0;
}
.contact-background ._form-title, .signup-form ._form-title {
  display: none;
}
.contact-background form label, .signup-form form label {
  color: #4600b4;
  font-size: 17px;
  font-family: "atkinson_hyperlegibleregular" !important;
}

.contact-background form ._submit, .signup-form form ._submit {
  background: #4600b4 !important;
  color: #ffffff !important;
  border: none;
  font-family: "atkinson_hyperlegibleregular";
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  margin-top: 15px;
}

.signup-form ._form_element._field24._full_width {
  display: none; /* TEMPORARY  */
}
.contact-background form ._button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.contact-background form ._submit:hover, .signup-form form ._submit:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}
.contact-background ._error-inner {
  color: #4600b4;
}
._form-thank-you {
  color: #4600b4;
}

/* Accordion */
.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}
.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}
.opened {
  opacity: 1;
}
.opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}
.opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}
.area-toggle .toggler {
  position: relative;
  width: 2.55em;
  height: 2.5em;
}
.area-toggle .toggler .horizontal {
  position: absolute;
  width: 30px;
  height: 5px;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -2.5px;
}
.area-toggle .toggler .vertical {
  position: absolute;
  width: 5px;
  height: 30px;
  left: 50%;
  margin-left: -2.5px;
  top: 50%;
  margin-top: -15px;
}
.area-toggle-area {
  display: none;
  padding: 15px 60px 15px 15px;
}
.counter-container {
  display: flex;
  justify-content: flex-end;
}
.accordion-counter {
  width: 50px;
  height: 50px;
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area-toggle-header {
  cursor: pointer;
  height: 50px;
  align-items: center;
  padding: 0 15px;
}
.area-toggle-heading h4 {
  margin-bottom: 0;
}
.accordion-item {
  margin-bottom: 30px;
}
.area-toggle-heading {
  display: flex;
  align-items: center;
}
.accordion-link-container {
  margin-top: 15px;
}

/* Two Columns */
@media screen and (min-width: 768px) {
  .content-col-2 {
    columns: 2;
    column-gap: 60px;
  }
}

/* One Column */
.one-column-image-container {
  margin-top: 30px;
  margin-bottom: 40px;
}
.image-caption {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 14px;
  max-width: 200px;
  line-height: normal;
}

/* Steps (timeline) */
.hidden {
  display: none;
}
.timeline {
  position: relative;
}
.timeline-progress-line {
  position: absolute;
  content: "";
  border-top: 2px dotted;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 90px;
  width: calc(100% - 140px);
}
.timeline ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin-left: -75px;
  position: relative;
}
.step {
  padding: 50px;
  z-index: 1;
}
.step-container {
  padding: 20px;
  transition: box-shadow 0.3s;
  max-width: 200px;
  height: 100%;
}
.step-counter {
  font-size: 19px;
  margin-bottom: 15px;
}
.step-header-top {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 17px;
  margin-bottom: 30px;
}
.step-short-description {
  margin-bottom: 15px;
  font-size: 13px;
}
.step-description-desktop {
  display: flex;
  padding: 30px;
}
.step-description {
  margin-top: 30px;
  left: 0;
  position: relative;
  text-align: left;
  margin-left: 15px;
  margin-right: 55px;
}
.step-description-desktop.hidden {
  display: none;
}
.step-counter-large {
  font-size: 31px;
}
.step-long-description {
  padding: 0 30px;
  max-width: 600px;
}
.step-icon {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
.step-description i {
  height: 20px;
  width: 20px;
  border-width: 1px 0 0 1px;
  position: absolute;
  top: -1px;
  left: 80px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: 0.3s;
  will-change: left;
}

/* Featured */
.featured-image {
  padding-right: 30px;
}
.teaser-box {
  padding: 50px 50px 50px 0;
  position: relative;
  /*left: -150px;*/
}
.featured-content {
  margin-top: 60px;
}


/* Side by side text */

.side-by-side-block h2 {
  margin-bottom: 35px;
}

.bullet-list {
  margin-top: 40px;
}

.bullet-item {
  display: flex;
  margin-bottom: 20px;
}

.bullet-heading {
  font-weight: 700;
}

.bullet-item p {
  margin-bottom: 0;
}

.purple-background .bullet path {
  fill: white;
}

.bullet-icon {
  margin-bottom: 20px;
  margin-right: 20px;
  max-width: 60px;
  height: 100%;
}

.bullet {
  width: fit-content;
  margin-right: 15px;
  margin-top: 1.5px;
}

@media screen and (min-width: 767px) {
  .bullet-list {
    margin-top: 0;
  }
}


/* Carousel */
.carousel-dots {
  flex-wrap: wrap;
  margin-top: 60px;
}
.carousel-dot {
  cursor: pointer;
  width: 50%;
  margin-bottom: 20px;
  padding-right: 10px;
}
.carousel-dot .dot {
  width: 32px;
  height: 42px;
  margin-right: 10px;
}
.dot-text {
  font-size: 14px;
}
.carousel-quote-box {
  margin-top: 20px;
  display: none;
}
.carousel-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 200px;
  margin-bottom: 420px;
  align-items: center;
}
.carousel-slider-item {
  padding: 20px 30px;
  position: absolute;
  top: 0;
}
.carousel-slider-item.active {
  z-index: 4;
}
.carousel-slider-item.active .carousel-quote-box {
  display: block;
}
.carousel-slider-item.active + .carousel-slider-item {
  margin-top: -64px;
  opacity: 0.8;
  width: 90%;
  z-index: 3;
}
.carousel-slider-item.active + .carousel-slider-item + .carousel-slider-item {
  margin-top: -128px;
  opacity: 0.6;
  width: 80%;
  z-index: 2;
}
.carousel-slider-item.active + .carousel-slider-item + .carousel-slider-item + .carousel-slider-item {
  margin-top: -192px;
  opacity: 0.4;
  width: 70%;
  z-index: 1;
}

/* Shortcodes */
.two-columns-quote {
  max-width: 300px;
}
.two-colums-heading {
  font-size: 35px;
  line-height: normal;
  margin-bottom: 30px;
}
.two-columns-quotation-mark {
  font-size: 63px;
  line-height: normal;
}
.two-columns-quote-text {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 22px;
  line-height: 34px;
  margin-top: -30px;
  margin-bottom: 30px;
}
.download-area {
  max-width: 300px;
  padding: 20px;
}
.download-area .icon {
  margin-bottom: 15px;
}
.download-heading {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 25px;
  line-height: normal;
  margin-bottom: 10px;
}
.download-text {
  line-height: normal;
  margin-bottom: 30px;
}

/* Text Page */
.page-template-page-text .content-area {
  padding: 90px 0;
}
.page-template-page-text h2 {
  margin: 30px 0 15px 0;
}


/*  Form page template */

.form-page {
  padding: 120px 0;
}

.form-page ._form-title {
  display: none;
}

.form-page h2, .form-page p {
  text-align: center;
  padding: 0px 10px;
}

.form-page ._form-content {
  background-color: #F9F9FB;
  padding: 5px 30px 40px 30px;
}

.form-page ._form_element {
  background-color: transparent;
}

.form-page form {
  margin-top: 30px;
}

.form-page form input {
  border: 1.5px solid #4600b4 !important;
  padding: 12px 10px;
  outline: none !important;
  width: 100% !important;
  border-radius: 0 !important;
  font-family: "atkinson_hyperlegibleregular" !important;
}

.form-page form label {
  font-family: "atkinson_hyperlegiblebold" !important;
}

.form-page form ._checkbox-radio label {
  font-family: "atkinson_hyperlegibleregular" !important;
}
.form-page form ._submit {
  background: #4600b4 !important;
  color: #ffffff !important;
  border: none;
  font-family: "atkinson_hyperlegibleregular";
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  margin-top: 15px;
}

.form-page form ._submit:hover {
  color: #ffffff;
  box-shadow: 0.5em 0.5em 0 0 rgb(70, 0, 180, 0.3);
}

.form-page form input[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
}

.form-page form ._checkbox-radio {
  display: flex;
  margin-top: 10px;
}

.form-page form ._checkbox-radio label {
  margin-bottom: 0;
}

.form-page legend {
  font-size: 18px;
}

.form-page ._button-wrapper {
  padding: 10px;
}

.form-page form div[class^="_form_"] {
    padding: 10px !important;
    margin-top: 10px !important;
}

.form-page div[class^="_form_"] {
    padding: 0 !important;
}
/* Employees */

.purple-background .searchandfilter {
  color: #ffffff !important;
}
.searchandfilter {
  margin-top: 90px;
  color: #4600b4 !important;
}
.searchandfilter ul {
  padding-left: 0;
}
.sf-field-taxonomy-departments ul li {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
}
.sf-field-taxonomy-departments .sf-input-radio {
  display: none;
}
.sf-field-taxonomy-departments label {
  padding: 0 !important;
}
.sf-field-taxonomy-departments .sf-option-active label {
  border-bottom: 1px solid;
  font-size: 17px;
}
.sf-field-taxonomy-departments label:hover {
  border-bottom: 1px solid;
  cursor: pointer;
}
#result {
  padding: 30px 0 90px 0;
}
.employee-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 258px;
  position: relative;
}
.employee-info-container {
  padding: 20px;
  height: 165px;
}
.employee {
  margin-bottom: 30px;
  color: #4600b4;
}
.employee:nth-child(12n + 1) .employee-info-container,
.employee:nth-child(12n + 7) .employee-info-container,
.employee:nth-child(12n + 10) .employee-info-container {
  background-color: #d8e0fb;
}
.employee:nth-child(12n + 2) .employee-info-container,
.employee:nth-child(12n + 8) .employee-info-container,
.employee:nth-child(12n + 12) .employee-info-container {
  background-color: #cbfce2;
}
.employee:nth-child(12n + 3) .employee-info-container,
.employee:nth-child(12n + 6) .employee-info-container,
.employee:nth-child(12n + 9) .employee-info-container {
  background-color: #fcf4be;
}
.employee:nth-child(12n + 4) .employee-info-container,
.employee:nth-child(12n + 5) .employee-info-container,
.employee:nth-child(12n + 11) .employee-info-container {
  background-color: #f8dbdb;
}
.employee-name {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 20px;
  height: 50px;
  line-height: normal;
}
.employee-title {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 13px;
  height: 32px;
  line-height: normal;
}
.employee-email a,
.employee-mobile,
.employee-mobile a {
  color: #4600b4;
  font-size: 13px;
}
.employee-linkedin {
  text-align: right;
}
.employee-linkedin a {
  position: relative;
  top: -30px;
}
.content-employee {
  max-width: 270px;
}
.to-top {
  position: fixed;
  bottom: 80px;
  width: 100%;
  text-align: right;
  left: 0;
  padding: 10px;
}
.go-to-top-link {
  color: #cbfce2;
  font-size: 1rem;
  padding: 20px;
  background-color: #4600b4;
}
.go-to-top-link:hover {
  color: #cbfce2;
}
@media screen and (max-width: 767px) {
  .employee-image {
    height: 500px;
  }
  .content-employee .employee-image {
    height: 258px;
  }
}
@media screen and (max-width: 428px) {
  .employee-image {
    height: 380px;
  }
  .content-employee .employee-image {
    height: 258px;
  }
}
@media screen and (max-width: 276px) {
  .employee-image {
    height: 250px;
  }
  .content-employee .employee-image {
    height: 258px;
  }
}

/* Articles */
.article-hero {
  padding: 120px 0;
}
.article-block-content {
  margin-top: 50px;
}
.article-block-content .area-title,
.article-block-content h2 {
  color: #4600b4;
}
.article-block-content h2 {
  margin-bottom: 30px;
}
.article-block-content .download-area {
  margin-top: 20px;
  max-width: 100%;
  padding: 30px;
}
.article-block-content .download-area .download-heading,
.article-block-content .download-area .download-text {
  color: #4600b4;
}
.article-block-content .download-area.purple-background .download-heading,
.article-block-content .download-area.purple-background .download-text {
  color: #ffffff;
}
.article-block-content .download-area.purple-background .dst1 {
  fill: #ffffff;
}
.entry-author {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 22px;
  margin-bottom: 15px;
}
.entry-teaser {
  margin-top: 30px;
  color: #000000;
}
.entry-meta-categories .post-categories {
  padding-left: 0;
}
.entry-meta-categories .post-categories li {
  display: inline-block;
  margin-right: 20px;
}
.entry-meta-categories .post-categories li a {
  color: inherit;
  padding-left: 30px;
}
.entry-meta-categories .post-categories li a {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='7px' height='7px' viewBox='0 0 7 7' style='overflow:visible;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234700B1;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Crect x='0' y='0' class='st0' width='7' height='7'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
.related-articles {
  padding: 90px 0;
}
.more-articles {
  margin-top: 60px;
}

/* Articles overview */
.archive .hero,
.blog .hero {
  padding-bottom: 60px;
}
.sf-field-taxonomy-insight-categories ul li,
.sf-field-category ul li {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 20px;
}
.sf-field-taxonomy-insight-categories .sf-input-radio,
.sf-field-category .sf-input-radio {
  display: none;
}
.sf-field-taxonomy-insight-categories label,
.sf-field-category label {
  padding: 0 !important;
}
.sf-field-taxonomy-insight-categories .sf-option-active label,
.sf-field-category .sf-option-active label {
  border-bottom: 1px solid;
  font-size: 17px;
}
.sf-field-taxonomy-insight-categories label:hover,
.sf-field-category label:hover {
  border-bottom: 1px solid;
  cursor: pointer;
}
.post-info-container,
.page-info-container {
  padding: 20px;
}
.post-container {
  margin-bottom: 30px;
}
.post-container:nth-child(8n + 1) .post-info-container,
.post-container:nth-child(8n + 3) .post-info-container,
.post-container:nth-child(8n + 6) .post-info-container,
.post-container:nth-child(8n + 8) .post-info-container {
  background-color: #d8e0fb;
}
.post-container:nth-child(8n + 2) .post-info-container,
.post-container:nth-child(8n + 4) .post-info-container,
.post-container:nth-child(8n + 5) .post-info-container,
.post-container:nth-child(8n + 7) .post-info-container {
  background-color: #cbfce2;
}
.post-container .entry-meta-categories .post-categories {
  height: 50px;
}
.post-container .entry-meta-categories .post-categories li a {
  font-size: 12px;
  color: #4600b4;
  padding-left: 20px;
}
.post-info-container a:hover {
  text-decoration: none;
}

.post-name {
  color: #4600b4;
  font-family: "atkinson_hyperlegiblebold";
  font-size: 17px;
  /* height: 50px; */
  height: 75px;
  line-height: normal;
}
.post-teaser {
  color: #4600b4;
  font-size: 14px;
  height: 80px;
  line-height: normal;
}
.featured-page-container .post-teaser {
  height: 140px;
}
.post-container .entry-meta-categories .post-categories li a:hover,
.post-permalink:hover {
  text-decoration: underline;
}
.post-footer {
  justify-content: space-between;
  align-items: center;
}
.post-date {
  color: #4600b4;
  font-size: 12px;
}
.post-permalink a {
  font-family: "atkinson_hyperlegiblebold";
  font-size: 14px;
  color: #4600b4;
}
.post-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
  position: relative;
}

@media screen and (max-width: 1024px) {

  .post-name {
    height: 65px;
  }
  .post-teaser {
    height: 105px;
  }
}
@media screen and (max-width: 834px) {
  .post-image {
    height: 200px;
  }
}
@media screen and (max-width: 428px) {
  .post-image {
    height: 240px;
  }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .post-container:nth-child(4n + 1) .post-info-container,
  .post-container:nth-child(4n + 3) .post-info-container {
    background-color: #d8e0fb;
  }
  .post-container:nth-child(4n + 2) .post-info-container,
  .post-container:nth-child(4n + 4) .post-info-container {
    background-color: #cbfce2;
  }
}
@media screen and (max-width: 767px) {
  .post-container:nth-child(odd) .post-info-container {
    background-color: #d8e0fb;
  }
  .post-container:nth-child(even) .post-info-container {
    background-color: #cbfce2;
  }
}

.featured-page-container a:hover {
  text-decoration: none;
}
.featured-page-container .post-permalink {
  text-align: right;
  font-family: "atkinson_hyperlegiblebold";
  font-size: 14px;
  /* color: #4600b4; */
}

/* Footer */
.site-footer {
  padding: 0;
}
.mobile-logo {
  display: none;
}
#footer-row-top {
  padding: 30px 0;
}
#footer-area-1-custom_html-2 {
  padding: 40px 0px 80px 40px;
  background-color: #4600b4;
  color: #ffffff;
}
#footer-area-1-custom_html-2 a {
  color: #ffffff;
}
#footer-area-1-custom_html-2 img {
  max-width: 230px;
}
#footer-row-bottom {
  display: none;
}
#footer-area-2-nav_menu-2,
#footer-area-3-nav_menu-3,
#footer-area-1-nav_menu-4 {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-left: 60px;
}
.widget-title {
  font-size: 25px;
  color: #4600b4;
  margin-bottom: 30px;
}
#footer-row .menu {
  list-style: none;
  padding-left: 0;
}
#footer-row .menu a {
  color: #4600b4;
}
#menu-social li,
#menu-social-da li {
  display: inline-block;
  margin-right: 20px;
}
#menu-social .menu-item i._mi,
#menu-social .menu-item img._mi,
#menu-social-da .menu-item i._mi,
#menu-social-da .menu-item img._mi {
  width: 57px;
  height: 57px;
}
.menu-social-container,
.menu-social-da-container {
  margin-top: 90px;
}
.menu-footer-2-container,
.menu-footer-1-container {
  min-height: 100px;
}

/* Layout */
@media (min-width: 1300px) {
  .container {
    width: 1200px;
    max-width: 100%;
  }
}

/*  Media queries  */
@media screen and (max-width: 768px) {
  .half-video-hero .row {
    flex-direction: column-reverse;
  }

  .half-video-hero .embed-video {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1200px) {

  .navbar {
    padding: 0.5rem 0 !important;
  }

  .hero-2 .hero-2-content {
    padding: 0px 0px 0px 40px;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    padding: 0;
    justify-content: right;
  }


  .hero-2 .hero-2-content {
    padding: 30px;
  }
}

@media screen and (min-width: 991px) {
  .hero-2 .hero-2-image {
    padding: 0;
  }
}

/* Footer */

@media screen and (max-width: 1299px) {
  #footer-area-1-custom_html-2 img {
    max-width: 175px;
  }
}

@media (max-width: 820px) {
  #footer-area-1-custom_html-2 {
    padding: 0px;
    color: #4600b4;
    padding-left: 60px;
    background-color: transparent;
    box-shadow: none;
  }
  #footer-area-1-custom_html-2 a {
    color: #4600b4;
  }
  #footer-area-2-nav_menu-2,
  #footer-area-3-nav_menu-3 {
    justify-content: flex-start;
  }
  #footer-area-1-custom_html-2,
  #footer-area-2-nav_menu-2,
  #footer-area-3-nav_menu-3,
  #footer-area-1-nav_menu-4 {
    margin-bottom: 35px;
  }
  .menu-footer-2-container,
  .menu-footer-1-container {
    min-height: auto;
  }
  .menu-social-container {
    margin-top: 10px;
  }
  .desktop-logo {
    display: none;
  }
  .mobile-logo {
    display: block;
  }
}

@media screen and (max-width: 1199px) {
  .teaser-box {
    left: 0;
  }
}

/*   Slider tablet  */
@media (max-width: 1195px) {
  .slide-link {
    padding-left: 65px;
    padding-right: 65px;
  }
  .slick-next {
    right: 0;
  }
  .slick-prev {
    left: 0;
  }
}

/* Mobile menu */
@media (max-width: 991px) {
  .mega-sub-menu {
    box-shadow: none !important;
    padding: 20px !important;
    padding: 10px !important;
    margin: 5px 0px !important;
  }
}

/* Mobile */

@media (max-width: 768px) {
  /* Frontpage */
  .hero {
    padding-top: 20px;
  }
  .hero .btn {
    margin-bottom: 40px;
  }
  h2,
  h2.quote-header,
  h2.image-header {
    font-size: 27px;
  }
  .right-image .image-container,
  .image-container {
    margin-top: 30px;
    margin-right: 25px;
  }
  .left-text {
    margin-top: 30px;
  }
  .left .image-container {
    margin-bottom: 60px;
  }
  .quote-right-content img {
    max-width: 200px;
    margin-top: 100px;
  }
  .quote-text {
    font-size: 18px;
  }
  .quotation-mark {
    font-size: 50px;
  }
  .embed-video {
    margin-bottom: 60px;
  }
  .contact-background {
    padding: 40px 15px;
    box-shadow: none !important;
  }
  .contact-background h3 {
    font-size: 35px;
  }

  /* Subpage */

  .subpage-hero-main-content {
    padding: 40px;
  }
  .subpage-hero-main-content h1 {
    font-size: 30px;
  }
  .subpage-hero-background-2 {
    margin: 0 10px !important;
    font-size: 18px;
    position: relative;
  }
  .subpage-hero-background-1 {
    margin: 30px 40px 0;
  }

  /* Slider */
  .slide-link {
    padding-right: 45px;
    padding-left: 45px;
  }
  .slick-next {
    right: -3%;
  }
  .slick-prev {
    left: -3%;
  }
  .slider-item h3 {
    font-size: 25px;
  }

  /* Toggler */
  .area-toggler h4 {
    font-size: 20px;
  }
  .area-toggle .toggler .vertical {
    width: 4px;
    height: 20px;
    margin-left: -1.5px;
    margin-top: -10px;
  }
  .area-toggle .toggler .horizontal {
    width: 20px;
    height: 4px;
    margin-left: -10px;
    margin-top: -2.5px;
  }

  /* Blocks */
  .accordion-counter {
    font-size: 18px;
  }
  .two-colums-heading {
    font-size: 35px;
  }
  .download-heading {
    font-size: 20px;
  }
  .two-columns-quote-text {
    font-size: 24px;
  }
  .download-area .btn {
    padding: 12px 14px;
  }

  .teaser-box {
    margin-top: 60px;
  }
  .featured-image {
    padding-right: 0;
  }
  .featured-content {
    margin-top: 30px;
  }
}

@media screen and (max-width: 428px) {
  .step-description {
    margin: 15px 0;
  }
  .subpage-hero-main-content {
    padding: 20px;
  }
  .step-icon {
    display: none;
  }
  .slider-item h3 {
    height: 100px;
  }
  .slide-text {
    height: 130px;
  }
  .slide-link-text {
    height: 50px;
  }

  .video-entry-header {
    margin-bottom: 0;
  }
}

/* Tablet */

@media (max-width: 1000px) {
  .hero .col-md-1 {
    display: none;
  }
}

@media (max-width: 1200px) {



  .navbar .nav-cta-wrapper, .nav-cta {
    display: none;
  }

  .entry-header {
    font-size: 40px;
  }
  .right {
    text-align: left;
  }
  .contact-background svg {
    width: 60px;
  }

  div[class^="_form_"] {
    padding: 10px;
    margin-top: 20px;
  }

  /* Steps */

  .step-description-desktop {
    margin-bottom: 40px;
  }
  .step,
  #timeline-progress-line,
  i.indicator {
    display: none;
  }
  .step-description-desktop,
  .step-description-desktop.hidden {
    display: flex;
  }
}

/* Animation */

@media (min-width: 768px) {
  .subpage-hero-main-content {
    padding: 40px;
    position: relative;
    z-index: 3;
  }
  .subpage.subpage-hero-background-1 {
    position: relative;
    z-index: 2;
  }
  .subpage-hero-background-1.no-content,
  .subpage-hero-background-2.no-content {
    position: relative;
    top: 40%;
  }
  .subpage-hero-background-2 {
    z-index: 2;
    position: relative;
    top: 25%;
  }
  .subpage-hero-background-1 {
    position: relative;
    top: 40%;
  }
  .fold-out-1 {
    animation-name: fold-1;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    transition: all;
    animation-delay: 0.5s;
  }
  .fold-out-2 {
    animation-name: fold-2;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    transition: all;
    animation-delay: 0.5s;
  }

  @keyframes fold-1 {
    0% {
      top: 50%;
      background: #7c61cd;
    }
    20% {
      margin: 0 20px;
    }

    100% {
      top: 0%;
      margin: 0 60px;
    }
  }
  @keyframes fold-2 {
    0% {
      top: 50%;
    }
    100% {
      top: 0%;
      margin: 30px 120px 0;
    }
  }
}