/*

 Theme Name:     Weltklasse

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/



/* Hide footer on contact pafge */

body.page-id-13463 .support-band,

body.page-id-12631 .support-band,

body.page-id-13468 .support-band,

body.page-id-13456 .support-band {

  display: none!important;

}

/* ------------------------------------------------------- */

/* GENERAL */

/* ------------------------------------------------------- */

/* REKLAMATIONSFORMULAR */

.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=email], .wpcf7-form textarea {

  -webkit-appearance: none;

    background-color: #eee;

    width: 100%;

    border-width: 0;

    border-radius: 0;

    color: #999;

    font-size: 14px;

    padding: 16px;

}

.wpcf7-form input.et_pb_button {

  cursor: pointer;

}

.codedropz-upload-inner h3 {

  font-size: 22px!important;

  font-weight: 900;

}

/* BANNER FIX */

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

  .et_pb_section:first-of-type {

  min-height: 27vh;

}

}

body, html {

  overflow-x: hidden;

}

.arrow-btn, .job .et_pb_button {

  position: relative;

  background: none!important;

  padding: 0!important;

}

.arrow-btn::after, .job .et_pb_button::after {

  content: '';

  height: 48px;

  width: 80px;

  position: absolute;

  top: -8px;

  right: -100px;

  background-image: url(/wp-content/uploads/arrow_long.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  opacity: 1;

}

.et_pb_button.arrow-btn.red {

  color: #d11716!important;

  padding-left: 0px!important;

}

.et_pb_button.arrow-btn.red::after {

  background-image: url(/wp-content/uploads/arrow_long_red.svg)!important;

  opacity: 1!important;

  visibility: visible!important;

  top: -7px;

  right: -66px;

}

.job .et_pb_button::after  {

  top: -13px;

}

.newsletter-row .et_pb_button_module_wrapper {

  height: 100%;

}

#newsletter.arrow-btn {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  height: 100%;

  transition: .3s ease-in-out;

  background-color: #e02b20!important;

}

#newsletter.arrow-btn:hover {

  background-color: #840000!important;

}

#newsletter.arrow-btn::after {

  top: 50%;

  right: 45px;

  transform: translate(0, -50%);

}

.newsletter-wrapper {

  position: fixed;

  top: -120vh;

  left: 0;

  width: 100vw;

  height: 100vh;

  transition: .3s ease-in-out;

  z-index: 99999;

  background: rgba(209,23,22, 0.9);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding: 25px;

}



.newsletter-wrapper.open {

  top: 0px;

}

#mc_embed_signup form {

  padding: 0px!important;

}

.newsletter-wrapper #close-popup {

  position: absolute;

  top: 25px;

  right: 25px;

  cursor: pointer;

  font-family: ETModules!important;

  transform: rotate(45deg);

  font-size: 48px;

  color: #fff;

}

.newsletter-wrapper h4 {

  color: #fff;

  font-weight: bold;

}

#mc_embed_signup p {

  color: #fff;

}

.newsletter-wrapper #mc_embed_signup {

  width: 100%;

  max-width: 600px;

}

#mc_embed_signup .mc-field-group label {

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 1px;

  font-size: 10px;

  margin-left: 10px;

}

#mc_embed_signup .mc-field-group input {

  border: 1px solid #fff!important;

  border-radius: 0;

  background: none;

  color: #fff!important;

}

#mc_embed_signup div#mce-responses {

  padding: 0;

  width: 96%;

  margin: 25px 0;

}

#mc_embed_signup #mce-success-response, #mc_embed_signup #mce-success-response {

  padding: 25px;

  border-radius: 5px;

  background: #fff;

  color: #000!important;

  margin: 0;

  border: 2px solid green;

}

#mc_embed_signup .indicates-required, #mc_embed_signup .asterisk {

  color: #fff!important;

}

#mc_embed_signup .button.arrow-btn.white {

  padding: 0!important;

  margin: 0!important;

  font-weight: bold;

  text-transform: uppercase;

  font-size: unset;

  text-align: unset;

}

.button-wrapper {

  position: relative;

  width: 200px;

}

.button-wrapper::after {

  content: '';

  height: 48px;

  width: 120px;

  position: absolute;

  top: -8px;

  right: 0px;

  background-image: url(/wp-content/uploads/arrow_long.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  opacity: 1;

}

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

  #newsletter.arrow-btn::after {

    width: 95px;

    right: 25px;

  }

}

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

  .newsletter-row .et_pb_column:first-of-type {

    margin-bottom: 0px!important;

  }

}

.et_pb_button {

  background: rgb(211,23,22);

  background: linear-gradient(180deg, rgba(211,23,22,1) 0%, rgba(132,0,0,1) 100%);;

}

@font-face {

  font-family: ManualIcons;

  src: url(fonts/ElegantIcons.ttf);

}

h1, h2, h3, h4, h5, h6 {

  font-family: 'proxima-nova', sans-serif!important;

}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {

  font-weight: 800;

}

.no-padding {

  padding: 0!important;

}

/* Loader */

.loader,

.loader:after {

  border-radius: 50%;

  width: 10em;

  height: 10em;

}

.loader {

  margin: 60px auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 1.1em solid rgba(178,73,43, 0.5);

  border-right: 1.1em solid rgba(178,73,43, 0.5);

  border-bottom: 1.1em solid rgba(178,73,43, 0.5);

  border-left: 1.1em solid #b2492b;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load8 1.1s infinite linear;

  animation: load8 1.1s infinite linear;

}



@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.vert-center {

  align-items: center;

}



/* ------------------------------------------------------- */

/* Forside */

/* ------------------------------------------------------- */

.frontpage-slider {

  overflow: visible;

  position: relative;

}

.frontpage-slider .et_pb_slide_title {

  display: none!important;

}

.frontpage-slider .et_pb_slide {

 z-index: 9!important;

}

.frontpage-slider .et_pb_slide_description {

  position: absolute;

  bottom: -125px;

  left: 0;

  width: 57.8%;

  min-width: 500px;

  background: white;

  padding: 45px;

  box-shadow: 40px 40px 80px rgb(0 0 0 / 15%);

  z-index: 999;

  opacity: 1!important;

}



/* .second-section .et_pb_row:first-of-type::before {

  content: '';

  width: 57.8%;

  height: 250px;

  min-width: 500px;

  background: white;

  z-index: 2;

  position: absolute;

  top: -320px;

  left: 0px;

  opacity:1!important;

} */

.frontpage-slider .et_pb_container {

  max-width: 1080px;

}

.frontpage-slider .et_pb_slide_content h1 {

  font-size: 48px;

}

.frontpage-slider .et-pb-slider-arrows {

  position: absolute;

  bottom: 100px;

  left: calc(50% + 45px);

  width: 80%;

  max-width: 1080px;

  transform: translate(-50%);

  z-index: 999;

}

.frontpage-slider .et-pb-arrow-next, .frontpage-slider .et-pb-arrow-prev {

  background: #d11716;

  color: #fff;

  left: 0!important;

  right: 0!important;

  margin: 0;

  position: relative;

  height: 48px!important;

  display: inline-block;

  width: 48px;

  line-height: 48px;

  font-size: 32px;

  text-align: center;

  opacity: 1!important;

}

.frontpage-slider .et-pb-arrow-next {

  background: #840000;

}



.offset-col {

  position: relative;

  left: 8%;

  bottom: -45px;

  pointer-events: all;

}

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

  .frontpage-slider .et-pb-slider-arrows {

    left: 50%;

  }

}

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

  .second-section .et_pb_row:first-of-type::before {

    left: -45px;

  }

}

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

  .et_pb_section:not(.et_pb_fullwidth_section) {

    padding: 25px 0px;

  }

}

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

  .home .second-section  {

    padding-top: 250px!important;

  }

  .frontpage-slider .et_pb_slide_description {

    left: -30px;

    bottom: -232px;

  }

  .frontpage-slider .et-pb-slider-arrows {

    bottom: -25px;

  }

  .frontpage-slider .et_pb_slide_content h1 {

    font-size: 38px;

  }

}

/* ------------------------------------------------------- */

/* NAVIGATION */

/* ------------------------------------------------------- */

#main-header {

  z-index: 99999;

  box-shadow: none!important;

  position: absolute;

  background-color: rgba(255,255,255, 1)!important;

}

#main-header.et-fixed-header {

  box-shadow: none!important;

}

.et_fixed_nav #main-header {

  position: absolute!important;

}



.mobile-nav {

  display: none;

}

.desktop-nav {

  width: 100%;

  height: 80px;

  display: flex;

  flex-direction: row;

  justify-content: flex-start;

  align-items: center;

  transition: .3s ease-in-out;

  background: rgb(0,0,0);

  background-image: url('/wp-content/uploads/Mask-Group-11.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



.desktop-nav .logo-wrap {

  position: relative;

  transition: .3s ease-in-out;

  width: 200px;

  padding-left: 15px;

}

.desktop-nav .logo-wrap img {

  max-height: 100%!important;

  display: block;

  position: relative;

  z-index: 999;

}

.desktop-nav .menu {

  display: flex;

  flex-direction: row;

  list-style-type: none;

}

.desktop-nav .menu-wrapper.left {

  position: absolute;

  width: 100%;

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

}

.desktop-nav .menu li {

  padding: 15px;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.desktop-nav .menu li:last-of-type {

  margin-right: 0;

}

.desktop-nav .menu li.menu-item-has-children {

  padding-right: 30px;

}

.desktop-nav .menu li ul li.menu-item-has-children {

  padding-right: 30px!important;

}

.desktop-nav .sub-toggle {

  font-family: 'ETmodules'!important;

  font-size: 24px;

  height: 24px;

  width: 24px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  right: -25px;

  top: -2px;

  position: absolute;

  color: #fff;

}







.desktop-nav .menu li.current-menu-item:not(.sub-menu li.current-menu-item ul li) {



}

.desktop-nav .menu .sub-menu li.current-menu-item {

  background: #d11716;



}





.desktop-nav .menu .sub-menu.sub-sub.show {

  top: 80px!important;

  transition-duration: 0s!important;

  transition-delay: 0s!important;

}

.desktop-nav .menu .sub-menu.sub-sub.show .sub-menu.show {

  top: 53px!important;

  transition-duration: 0s!important;

  transition-delay: 0s!important;

}



.menu li a:hover, #et_search_icon:hover {

  color: #177fc1;

}

.desktop-nav .menu li.et-show-dropdown > ul {

  opacity: 1;

  visibility: visible;

  top: 80px;

  z-index: 9999;

}

.desktop-nav .menu .sub-menu li.et-show-dropdown > ul {

  opacity: 1;

  visibility: visible;

  top: 53px;

  z-index: 9999;

}

.burger-container {

  z-index: 999999;

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  width: 54px;

  height: 54px;

}

#nav-icon3 {

  display: block;

  position: relative;

  width: 27px;

  height: 20px;

  cursor: pointer;

}

#nav-icon3 span {

  display: block;

  position: absolute;

  height: 3px;

  width: 28px;

  background: #fff;

  border-radius: 9px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

     -moz-transform: rotate(0deg);

       -o-transform: rotate(0deg);

          transform: rotate(0deg);

  -webkit-transition: .25s ease-in-out;

     -moz-transition: .25s ease-in-out;

       -o-transition: .25s ease-in-out;

      transition: .25s ease-in-out;

}

#nav-icon3 span:nth-child(1) {

  top: 0px;

}



#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {

  top: 8px;

}



#nav-icon3 span:nth-child(4) {

  top: 16px;

}



#nav-icon3.open span:nth-child(1) {

  top: 18px;

  width: 0%;

  left: 50%;

}



#nav-icon3.open span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}



#nav-icon3.open span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



#nav-icon3.open span:nth-child(4) {

  top: 18px;

  width: 0%;

  left: 50%;

}

#nav-icon3.open span {

  background: #fff;

}

.recovery-menu {

  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(59,59,64,1) 100%);

  width: 100%;

  height: calc(100vh - 54px);

  position: fixed;

  opacity: 1;

  top: 54px;

  left: -120%;

  pointer-events: none;

  transition: .6s ease-in-out;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-end;

}



.recovery-menu-show {

  width: 100%;

  

  opacity: 1;

  z-index: 9999;

  top: 54px;

  left: 0px;

  pointer-events: all;

}

.no-scroll {

    overflow: hidden;

}

nav ul {

  padding: 0;

  margin: 0;

  z-index: 9999;

  position: relative;

}

.desktop-nav .menu li a {

  font-weight: 700;

  color: #fff;

  transition: .3s ease-in-out;

  position: relative;

  text-transform: uppercase;

}

.desktop-nav .menu li a:hover {

  color: #fff;

}

.desktop-nav .menu li a::after {

  content: '';

  height: 2px;

  width: 0;

  background-color: #fff;

  position: absolute;

  bottom: 1px;

  right: 0;

  transition: .3s ease-in-out;

}

.desktop-nav .menu ul.sub-menu li ul.sub-menu li a::after {

  background: #000;

}

.desktop-nav .menu li a:hover:after {

  width: 100%;

  right: auto;

  left: 0;

}

.mobile-nav .menu li {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  border-bottom: 1px solid #3b3b3b;

  line-height: 48px;

}

.mobile-nav .menu .sub-toggle {

  font-family: 'ETmodules'!important;

  font-size: 24px;

  height: 48px;

  width: 48px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  color: #fff;

  border-left: 1px solid #3b3b3b;

}

.mobile-nav .menu .sub-menu .sub-toggle {

  color: #fff;

}

.mobile-nav .menu li a {

  font-size: 16px;

  font-family: "proxima-nova", sans-serif;;

  font-weight: bold;

  color: #fff;

  position: relative;

  text-transform: uppercase;

  -webkit-touch-callout: none; /* iOS Safari */

    -webkit-user-select: none; /* Safari */

     -khtml-user-select: none; /* Konqueror HTML */

       -moz-user-select: none; /* Old versions of Firefox */

        -ms-user-select: none; /* Internet Explorer/Edge */

            user-select: none; /* Non-prefixed version, currently

                                  supported by Chrome, Edge, Opera and Firefox */

}

.mobile-nav .menu li a::before {

  content: '';

  width: 0%;

  height: 2px;

  background-color: #fff;

  position: absolute;

  bottom: 8px;

  left: 0;

  right: auto;

  transition: .3s ease-in-out;

}

.mobile-nav .menu li.current-menu-item a::before {

  width: 100%;

} 

.mobile-nav .menu li a:hover::before {

  width: 100%;

  right: 0;

  left: auto;

}

.mobile-nav .menu li .sub-menu li a::before {

  content: '';

  width: 0%;

  height: 2px;

  background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(59,59,64,1) 100%);

  position: absolute;

  bottom: 0px;

  left: 0;

  right: auto;

  transition: .3s ease-in-out;

}

.mobile-nav .menu li .sub-menu li.current-menu-item > a::before {

  width: 100%;

} 

.mobile-nav .menu li .sub-menu li a:hover::before {

  width: 100%;

  right: 0;

  left: auto;

} 

.mobile-nav .menu {

  width: 100%;

  line-height: 2;

  position: relative;

  display: flex;

  flex-direction: column;

  height: 100%;

  padding: 0px 0px 10px 10px;

}



.mobile-nav .menu li {

  height: 48px;

  line-height: 48px;

}





.mobile_menu_bar.et_pb_header_toggle {

  width: 48px;

}

.mobile_menu_bar:before {

  font-size: 48px;

  color: #e2e03d;

}

.arrangementer-template-default .logo_container {

  opacity: 1!important;

  height: 100%!important;

}

/* Submenu stuff */

.desktop-nav .menu ul.sub-menu {

    display: flex;

    flex-direction: row;

    /*width: calc(100vw - 17px);*/

    width: 100%;

    left: 0px;

    top: 80px;

    justify-content: flex-end;

    position: absolute;

    height: auto;

    background: #000;

    transition: .3s ease-in-out;

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -ms-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    transition-delay: 0.2s;

    opacity: 0;

    visibility: hidden;

    z-index: 999;

}

.desktop-nav .menu ul.sub-menu li ul.sub-menu {

  display: inline-block;

  flex-direction: unset;

  column-count: 3;

  padding: 15px;

  left: unset;

  right: 0;

  width: auto;



}

.desktop-nav .menu ul.sub-menu li ul.sub-menu li {

  padding: 5px 0px;

  margin-right: 25px;

  display: table;

}

.desktop-nav .menu li.current-menu-item.menu-item-has-children > ul.sub-menu:not(.desktop-nav .menu li ul li.current-menu-item.menu-item-has-children > ul.sub-menu)  {

  opacity: 1;

  visibility: visible;

  -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

    top: 80px;

}

.desktop-nav .menu ul.sub-menu li {

  margin: 0px;

  padding: 15px;

}

.desktop-nav .menu ul.sub-menu li:last-of-type {

  margin: 0px;

}

.desktop-nav .menu ul.sub-menu li a {

  color: #fff;

}

.desktop-nav .menu ul.sub-menu li.current-menu-item a {

  color: #fff;

}

.desktop-nav .menu ul.sub-menu li .sub-menu li a {

  color: #000;

}

.desktop-nav .menu ul.sub-menu li .sub-menu li.current-menu-item a {

  color: #000;

}

.desktop-nav .menu ul.sub-menu.show:not(.desktop-nav .menu ul.sub-menu li ul.sub-menu) {

  opacity: 1;

  visibility: visible;

  top: 80px;

}



.desktop-nav .menu ul.sub-menu {

  background: #000;

}

.desktop-nav .menu ul.sub-menu li ul.sub-menu {

  background: #fff;

  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);

  

}

.desktop-nav .menu ul.sub-menu li ul.sub-menu li.current-menu-item {

  background: #d9d9d9;

}

.mobile-nav .menu .sub-menu {

  height: calc(100vh - 54px);

  transition: .55s ease-in-out;

  list-style-type: none;

  width: calc(100vw - 48px);

  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(59,59,64,1) 100%);

  position: fixed;

  top: 54px;

  right: -120%;

  z-index: 999999;

  opacity: 0;

  z-index: 99;



}

.desktop-nav .menu .sub-menu li .sub-menu {

  top: 34px;

  z-index: 9;

}

.mobile-nav .menu .sub-sub .sub-menu {

  width: calc(100vw - 96px);

}

.desktop-nav .menu ul.sub-menu li.current-menu-item.menu-item-has-children ul.sub-menu {

  top: 53px;

  background: #d9d9d9;

}

.desktop-nav .menu ul.sub-menu li.current-menu-item.menu-item-has-children ul.sub-menu li a {

  color: #000;

}

.desktop-nav .menu ul.sub-menu li.current-menu-item.menu-item-has-children {

  background: #d9d9d9;

}

.mobile-nav .menu .foldout.sub-menu::before {

  content: '';

  width: 100vw;

}



.toggledown {

  width: 48px;

  height: 100%;

  top: 54px;

  left: 0px;

  position: fixed;

  background: #D31716;

  z-index: 99999;

  display: none;

}

.toggledown.subber {

  left: 48px;

  background: #840000;

  z-index: 99999;

  display: none;

}

.sub-menu.foldout .toggledown:first-of-type {

  display: block;

}

.toggledown .icon {

  font-family: 'ETmodules'!important;

  font-size: 24px;

  width: 48px;

  height: 48px;

  cursor: pointer;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: #fff!important;

  position: ;

}

.toggledown .label {

  text-transform: uppercase;

  position: relative;

  transform: rotate(-90deg);

  width: 100%;

  height: 48px;

  transform-origin: center;

  color: #fff;

  font-weight: bold;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-end;

  white-space: nowrap;

}

.mobile-nav .menu .sub-menu li a {

  font-size: 16px;

  color: #fff;

  position: relative;

  top: 1px;

}

.dropdown-toggle {

  position: absolute;

  top: 0px;

  left: 110px;

  font-size: 34px;

  z-index: 999;

  color: #177fc1;

  cursor: pointer;

}

/* */ 

.recovery-menu .menu .sub-menu li a {

  overflow: hidden;

  transition: .3s ease-in-out;

  transition-delay: .7s;

  position: relative;

  right: -100%;

  opacity: 0;

  font-size: 16px;

}

.recovery-menu .menu .sub-menu li {

  padding: 0px 0px 15px 15px;



}

.recovery-menu .menu .sub-menu.foldout {

  overflow: visible;

  right: 0!important;

  opacity: 1!important;

}

.recovery-menu .menu .sub-menu.foldout li {

  position: relative;

}

.recovery-menu .menu .sub-menu.foldout li a { 

  opacity: 1;

  right: 0;

}

.recovery-menu .menu .sub-menu.foldout li::before {

  opacity: 1;

}

body.home .bread-wrapper ol li:first-of-type{

  display: none;

}

body.page-parent #page-container{

  padding-top: 133px!important;

}

#page-container {

  padding-top: 80px!important;

}

.bread-wrapper {

  position: absolute;

  width: 100%;

  top: 80px;

  height: 48px;

  display: flex;

  flex-direction: row;

  align-items: center;

  padding: 0px 15px;

  transition: .3s ease-in-out;

  background: #efefef;

  display: none;

}

.bread-wrapper.sub-menu {

  top: 128px;

  background: #efefef;

}

.bread-wrapper.sub-sub-menu {

  top: 186px;

  background: #efefef;

}

.bread {

  display: flex;

  flex-direction: row;

  font-family: ETmodules!important;

  /*color: #00264f;*/

}

.bread li::after {

  content: '$';

  font-family: ETmodules!important;

  font-size: 18px;

  position: relative;

  top: 4px;

  left: 4px;

}

.bread li:last-of-type::after {

  opacity: 0;

}

.crumb {

  margin: 0px 6px;

  font-family: sans-serif;

}

.crumb:first-of-type {

  margin-left: 0px;

}

.crumb a {

  font-weight: bold;

  color: #00264f;

  transition: .3s ease-in-out;

}

.bread-wrapper.sub-menu .crumb a, .bread-wrapper.sub-sub-menu .crumb a {

  color: #00264f;

}

.crumb a:hover {

  color: #177fc1;

}



.desktop-nav .menu {

  padding-right: 15px;

  transition: .3s ease-in-out;

  opacity: 1;

  height: 80px;

}



.desktop-nav .menu.hide li a:not(.desktop-nav .menu.hide li .sub-menu li a) {

  opacity: 0;

}

.desktop-nav .menu.hide li:not(.desktop-nav .menu.hide li .sub-menu li) {

  background: none;

}

.mobile-nav .menu.search {

  position: absolute;

  right: 25px;

  top: 12px;

}

.login-btn a {

  background: #177fc1;

  padding: 10px 25px;

  color: #fff!important;

}

/* SEARCH STYLING */

.et_search_outer {

  width: 85%;

  right: 0;

  z-index: 99;

}

.et_search_outer.not_active {

  pointer-events: none;

}

.et_search_form_container {

  right: 0;

  width: 100%;

  max-width: none;

}

span.et_close_search_field {

  right: 0;

  width: 48px;

  height: 80px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: #000;

}

.et-search-form input {

  width: 95%;

  right: 0;

  background: white;

  font-size: 16px;

  font-weight: bold;

  padding-left: 15px;

}

.menu li a, .et-search-field {

  font-size: 14px;

  color: #000;

  transition: .3s ease-in-out;

}

#et_top_search {

  float: unset;

  margin: 0px;

  position: relative;

  display: block;

  width: 48px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

#et_search_icon:before {

  font-size: 18px;

  right: 0;

  position: absolute;

  top: 0px;

  color: #fff;

  width: 48px;

  height: 80px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

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

  .desktop-nav .logo-wrap img {

    width: 140px!important;

  }

}

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

  .desktop-nav {

    height: 80px;

  }

  .et_header_style_left .et-search-form {

    width: 100%!important;

    max-width: 1080px!important;

  }

}

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

  #page-container, body.page-parent #page-container {

    padding-top: 54px!important;

  }

  .desktop-nav {

    display: none;

  }

  .mobile-nav {

    display: block;

    width: 100%;

    position: relative;

    height: 54px;

    background-image: url('/wp-content/uploads/Mask-Group-11.jpg');

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

  }

  .bread-wrapper {

    display: none;

  }

  .bread-wrapper.sub-menu {

    top: 54px;

  }

  .mobile-nav .logo-wrap {

    position: absolute;

    top: 12px;

    left: 12px;

    z-index: 9;



  }

  .mobile-nav .logo-wrap img {

    width: 150px!important;

    max-width: none!important;

    max-height: none!important;

    height: auto!important;

  }

  .mobile-nav .menu-wrapper.right {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

    height: 100%;

    padding-right: 45px;

  }

  .burger-container {

    position: absolute;

    top: 0px;

    right: 0px;

  }

  span.et_close_search_field {

    display: block;

    width: 30px;

    height: 30px;

    z-index: 99999;

    position: absolute;

    right: 0;

    cursor: pointer;

    top: 4px;

    bottom: 0;

    margin: auto;

  }



  .et-search-form input {

    font-weight: bold;

  }

  .desktop-nav .menu li ul {

    background-color: #177fc1!important;

  }

  .desktop-nav .menu li ul li ul {

    background-color: #00264f!important;

  }

  .desktop-nav .menu li ul.sub-menu.show {

    top: 80px;

    opacity: 1;

    visibility: visible;

    background-color: #177fc1!important;

  }

  .desktop-nav .menu li.sub-menu.show ul li ul.sub-menu.show {

    top: 53px;

    opacity: 1;

    visibility: visible;

    background-color: #00264f!important;

  }

  .recovery-menu-show .login-btn {

    display: flex!important;

  }

  .et_search_outer {

    width: 65%!important;

  }

  #et_top_search {

    height: 48px;

    background: none;

  }

  #et_search_icon::before {

    height: 48px;

    background: none;

    color: #fff;

  }

  .container.et_search_form_container {

    width: calc(100% - 48px);

    margin: 0!important;

    transition: .3s ease-in-out;

  }

  .et_search_outer.toggled .container.et_search_form_container {

    position: relative;

    opacity: 1;

    height: 54px;

    margin: 0!important;

    width: calc(100% - 48px);

  }

  .et_search_outer {

    width: 105%!important;

  }

  #et_top_search {

    position: absolute;

    top: 3px;

    right: 0;

    border-bottom: 0;

  }

}

/* Video popup */

.popup-wrapper {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 9999999;

  background: rgba(0,0,0, 0.8);

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  opacity: 0;

  pointer-events: none;

  visibility: hidden;

  transition: .3s ease-in-out;

}

.popup-wrapper.visible {

  opacity: 1;

  pointer-events: all;

  visibility: visible;

}

.popup-wrapper .inner-wrapper {

  width: 90%;

  max-width: 750px;

  position: relative;

}

.popup-wrapper .inner-wrapper #close-popup {

  position: absolute;

  top: -100px;

  right: -100px;

  cursor: pointer;

  font-family: ETModules!important;

  transform: rotate(45deg);

  font-size: 48px;

  color: #fff;

}

.embed-container { 

  position: relative; 

  padding-bottom: 56.25%; 

  height: 0; 

  overflow: hidden; 

  max-width: 100%; 

} 

.embed-container iframe, .embed-container object, .embed-container embed { 

  position: absolute; 

  top: 0; 

  left: 0; 

  width: 100%; 

  height: 100%; 

}

#play-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-family: 'ETmodules'!important;

  width: 48px;

  height: 48px;

  font-size: 36px;

  padding-left: 2px;

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-radius: 100%;

  background: rgba(211, 23, 22, 1);

  transition: .3s ease-in-out;

}

#play-button:hover {

  background: rgba(211, 23, 22, 1);

}

/* ------------------------------------------------------- */

/* Referencer */

/* ------------------------------------------------------- */

.reference-wrapper ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  width: 100%;

  height: 350px;

  display: flex;

  flex-direction: row;

}

.reference-wrapper ul li {



  height: 306px;

  flex-shrink: 0;

  width: 100%;

  margin-right: 25px;

}

.reference-wrapper ul li .inner-wrapper {

  display: flex;

  flex-direction: row;

  align-items: center;

}

.reference-wrapper ul li h3 {

  font-weight: 900;

  font-size: 32px;

  margin-bottom: 0;

  padding-top: 5px;

}

.reference-wrapper ul li .image-wrapper {

  width: 50%;

  position: relative;

}

.reference-wrapper ul li .image-wrapper img {

  object-fit: cover;

  object-position: center;

  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);

}

.reference-wrapper ul li .text-wrapper {

  width: 50%;

  padding: 45px;

}

.reference-wrapper ul li .text-wrapper a {

  text-transform: uppercase;

  font-weight: bold;

  color: #e02b20;

  margin-top: 15px;

  display: inline-block;

}

.reference-wrapper ul li .text-wrapper a.arrow-btn::after {

  background-image: url('/wp-content/uploads/arrow_long_red.svg');

  top: -11px;

}

.nav-wrapper {

  position: absolute;

  width: 100%;

  bottom: -15px;

  text-align: center;

}

.reference_next, .reference_prev {

  background: #d11716;

  color: #fff;

  left: 2px!important;

  right: 0!important;

  margin: 0;

  position: relative;

  height: 48px!important;

  display: inline-block;

  width: 48px;

  line-height: 48px;

  font-size: 32px;

  text-align: center;

  opacity: 1!important;

  font-family: 'ETmodules'!important;

}

.reference_next {

  background: #840000;

  left: -2px!important;

}

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

  .reference-wrapper ul {

    display: flex;

    flex-direction: row;

    height: 100%;

  }

  .reference-wrapper ul li img {

    height: 250px;

    width: 100%;

  }

  .reference-wrapper ul li h3 {

    text-align: center;

    margin-bottom: 25px;

  }

  

  .reference-wrapper ul li {

    height: auto!important;

    flex-shrink: 0;

    width: 100%;

  }

  .reference-wrapper ul li .inner-wrapper {

    flex-direction: column;

  }

  .reference-wrapper ul li .image-wrapper, .reference-wrapper ul li .text-wrapper {

    width: 100%;

  }

  .nav-wrapper {

    width: 100%;

  }

  .reference-wrapper ul li .text-wrapper {

    padding-bottom: 0px;

  }

}

/* ------------------------------------------------------- */

/* GENERELT */

/* ------------------------------------------------------- */



.rounded-banner {

  height: 85vh;

}

.rounded-banner.smaller {

  height: 65vh;

}

.rounded-banner .et_pb_row:first-of-type {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.watson-bg {

  background-position: 50% 90px;

}

.vertical-hr {

  height: 100px;

  width: 3px;

  background-color: #77cbe7;

  display: table;

  margin: 0 auto;

}

.et_pb_button {

  padding: 0.4em 2em .4em 2em!important;

}



.offset-row {

  position: relative;

}

.cta-box .et_pb_main_blurb_image {

  width: 100%;

  margin-bottom: 0px;

}

.cta-box .et_pb_blurb_content {

  max-width: unset;

}

.cta-box img {

  width: 100%;

  object-fit: cover;

  animation: none!important;

  max-height: 200px;

}

.cta-box .et_pb_blurb_container {

  padding: 25px;

}

.cta-box .et_pb_button {

  display: table;

  margin: 0 auto;

  font-size: 14px!important;

  margin-top: 15px;

}

.cta-box .et_pb_button::after {

  font-size: 23.8px!important;

}

/* LOGIN MODAL */

.modal-bg {

  position: fixed;

  width: 100vw;

  height: 100vh;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,0.7);

  z-index: 9999;

  display: none;

}

#trial-modal {

  width: 100%;

  max-width: 515px;

  height: auto;

  position: fixed;

  top: 50%;

  left: 50%;

  visibility: hidden;

  background: #fff;

  z-index:99999999;

  border-radius: 4px;

  -webkit-transform: scale(0) translate(-50%,-50%);

  -moz-transform: scale(0) translate(-50%,-50%);

  -ms-transform: scale(0) translate(-50%,-50%);

  transform: scale(0) translate(-50%,-50%);

  opacity: 0;

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}

.modal-close {

  position: absolute;

  top: 25px;

  right: 45px;

  font-size: 2em;

  cursor: pointer;

}

#calypsoLogin {

  width: 100%;

  top: 25px;

}

#trial-modal .inner-wrap {

  padding: 45px;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  color: #102931;

}

#trial-modal.md-show {

  visibility: visible;

  opacity: 1;

  -webkit-transform: scale(1) translate(-50%,-50%);

  -moz-transform: scale(1) translate(-50%,-50%);

  -ms-transform: scale(1) translate(-50%,-50%);

  transform: scale(1) translate(-50%,-50%);

}

.admin-gate {

    font-size:14px;

    font-family: "Open Sans";

    text-align: center;

}

.tab-nav {

  display: flex;

  flex-direction: row;

  justify-content: space-evenly;

  align-items: center;

}

.tab-nav li {

  display: flex;

  flex-grow: 1;

  background: #efefef;

  justify-content: center;

  align-items: center;

  text-align: center;

  height: 48px;

  transition: .3s ease-in-out;

  cursor: pointer;

  color: #000;

  font-weight: bold;

}

.tab-nav li.active {

  background: #fff;

}

.tab-nav li:first-of-type {

  border-top-left-radius: 4px;

}

.tab-nav li:last-of-type {

  border-top-right-radius: 4px;

}

.tab-nav li:hover {

  background: #fff;

}

.login-tab {

  display: none;

  width: 100%;

  height: 100%;

}

.login-tab.active {

  display: block;

}

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

  .rounded-banner, .rounded-banner.smaller {

    height: auto!important;

  }

}

/* ------------------------------------------------------- */

/* Ledige stillinger */

/* ------------------------------------------------------- */

ul.job-opslag {

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.job-opslag li:nth-of-type(2n), .job-opslag li:nth-of-type(5n) {

  background: rgba(211, 23, 22, 0.9);

}

.job-opslag li:nth-of-type(3n) {

  background: rgba(132, 0, 0, 0.9);

}

.job-opslag li, .job-opslag li:nth-of-type(4n) {

  background: rgba(247,147,30,0.9);

  padding: 45px 90px;

}

.job-opslag h3 {

  color: #fff!important;

  font-weight: 700;

}

.job-opslag p {

  color: #fff;

  margin-bottom: 20px;

}

.ledige .job-opslag {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

.ledige .job-opslag li {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  padding: 45px;

  margin-right: 25px;

  margin-bottom: 25px;

}

.ledige .job-opslag li:nth-of-type(3n) {

  margin-right: 0px;

}

@media only screen and (max-width: 981px) 

{

  #job-section {

    display: flex;

    flex-direction: column-reverse;

  }

  #job-section .et_pb_row {

    width: 100%!important;

  }

  .offset-col {

    margin: 0;

    left: 0;

    bottom: 0;

    position: relative;

  }

  .job-opslag li {

    padding: 25px 45px;

  }

  .ledige .job-opslag {

    display: flex;

    flex-direction: column;

  }

  .ledige .job-opslag li {

    width: 100%;

    padding: 45px;

  }

}

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

  #job-section .et_pb_promo_description div {

    display: none;

  }

}



/* ------------------------------------------------------- */

/* ARTICLES */

/* ------------------------------------------------------- */

.single-post #main-header, .single-job #main-header {

  background-color: rgba(255, 255, 255, 0)!important;

}

.single-post .desktop-nav, .single-job .desktop-nav{

  background-image: unset;

  background: rgba(255, 255, 255, 0);

}

.single-post #page-container, .single-job #page-container {

  padding-top: 0px!important;

}

.single-post .offset-col, .single-job .offset-col {

  bottom: -125px;

}

.article-wrapper {

  display: flex;

  flex-direction: column;

  margin: 0;

  padding: 0;

}

.article-wrapper article {

  width: 92%;

  position: relative;

  display: flex;

  flex-direction: row-reverse;

  margin-bottom: 75px;

  transition: .3s ease-in-out;

  top: 0px;

  left: 45px;

  margin: 0 0 0 auto;

  margin-bottom: 90px;

}

.article-wrapper article:nth-of-type(2n) {

  flex-direction: row;

  left: -45px;

  margin: 0 auto 0 0;

}

.article-wrapper article .date {

  margin: 0;

  padding: 0;

}

.article-wrapper article a {

  position: relative;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  margin-top: 25px;

}

.article-wrapper article a::after {

  top: -12px;

}



.article-wrapper article .content {

  padding: 45px 90px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  flex: 1;

  width: 60%;

  background: #3b3b40;

  z-index: 9;

  height: auto;

  min-height: 300px;

}

.article-wrapper article img {

  width: 40%;

  height: 300px;

  object-fit: cover;

  z-index: 99;

  position: relative;

  top: 45px;

  left: -45px;

}

.article-wrapper article:nth-of-type(2n) .content {

  background-color: #d31716;

}

.article-wrapper article:nth-of-type(2n) img {

  left: 45px;

  top: -45px;

}

.article-wrapper article .content h3 {

  color: #fff;

  font-weight: bold;

}

.article-wrapper article .content p {

  color: #fff;

  flex: 0

}

.article-wrapper article .content .et_pb_button {

  padding: 0em 2em 0em 0em!important;

  color: #fff;

  background: none!important;

}

.article-wrapper article a:hover .et_pb_button {

  padding: 0em 2.5em 0em 0em!important;

}

.article-wrapper article a:hover .et_pb_button:after {

  margin-left: 0;

  opacity: 1;

}

.article-wrapper article .content .et_pb_button:hover {

  padding: 0em 2.5em 0em 0em!important;

}

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



  .article-wrapper article {

    width: 100%;

    position: relative;

    background: white;

    margin-bottom: 25px;

    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

    transition: .3s ease-in-out;

    top: 0px;

    left: 0px;

  }

  .article-wrapper article {

    flex: 1;

    position: relative;

    display: flex;

    flex-direction: column!important;

    justify-content: center;

    height: 100%;

  }

  .article-wrapper article:nth-of-type(2n) {

    left: 0;

    top: 0;

  }



  .article-wrapper article img {

    width: 100%;

    height: 250px;

    min-height: 250px;

    left: 0;

    top: 0;

  }

  .article-wrapper article:nth-of-type(2n) img{

    left: 0;

    top: 0;

  }

  .article-wrapper article .content {

    width: 100%;

    padding: 45px;

  }

  .article-wrapper article img.wave-spacer {

    min-height: unset;

  }

  .article-wrapper article .content p {

    flex: 0;

  }

  .single-post .offset-col {

    width: 60%;

    bottom: -80px;

  }

  .single-post .offset-col img {

    width: 100%;

    object-fit: cover;

    object-position: center;

  }

}

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

  .article-wrapper article img {

    width: 100%;

    height: 150px;

    min-height: 150px;

  }

 .single-post .offset-col {

    bottom: -45px;

  }

}

/* ------------------------------------------------------- */

/* ARTICLES - ARCHIVE */

/* ------------------------------------------------------- */

.article-wrapper.archive {

  flex-direction: row;

  flex-wrap: wrap;

}

.article-wrapper.archive article {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  margin-right: 25px;

}

.article-wrapper.archive article:nth-of-type(3n) {

  margin-right: 0px;

}

.article-wrapper.archive article a {

  flex: 1;

  position: relative;

  display: flex;

  flex-direction: column!important;

  justify-content: center;

  height: 100%;

}

.article-wrapper.archive article img {

  width: 100%;

  height: 250px;

  min-height: 250px;

}

.article-wrapper.archive article .content p {

  flex: 0;

}

.alle-referencer {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

}

.alle-referencer article {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  margin-right: 25px;

  margin-bottom: 25px;

  display: flex;

  flex-direction: column;

  left: 0;

  top: 0;

  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

  background: white;

}

.alle-referencer article:nth-of-type(3n) {

  margin-right: 0;

}

.alle-referencer article img {

  width: 100%;

  object-fit: cover;

  object-position: center;

  height: 200px;

}

.alle-referencer article .content {

  padding: 25px;

  background: white;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  flex-grow: 1;

}

.alle-referencer article .content p {

  flex-grow: 1;

}

.alle-referencer article .content h3 {

  font-weight: 900;

}

.alle-referencer article .content a {

  display: inline-block;

  margin-top: 25px;

}

.alle-referencer article .cat-wrapper {

  position: relative;

  font-size: 10px;

  font-weight: bold;

  text-transform: uppercase;

  color: #d11716;

}

.nav-single a {

  display: flex;

}

.nav-single .meta-nav {

  font-family: 'ETmodules';

  font-size: 36px;

}

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

  .alle-referencer article {

    width: calc(1/2*100% - (1 - 1/2)*25px);

  }

  .alle-referencer article:nth-of-type(3n) {

    margin-right: 25px;

  }

  .alle-referencer article:nth-of-type(2n) {

    margin-right: 0px

  }

}

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

  .alle-referencer article {

    width: 100%;

    margin-right: 0px!important;

  }

}

/* ------------------------------------------------------- */

/* Om os */

/* ------------------------------------------------------- */

.history-tabs {

  display: flex;

  border: none;

}

.history-tabs ul.et_pb_tabs_controls li {

  border: none;

  background-color: rgba(255,255,255, 0)!important;

}



.history-tabs ul {

  display: flex;

  flex-direction: column;

  width: 50%;

}

.history-tabs ul.et_pb_tabs_controls {

  background-color: rgba(255,255,255, 0);

}

.history-tabs ul.et_pb_tabs_controls:after {

  border: none;

}

.history-tabs ul li a{

  padding: 0px;

  display: flex;

  flex-direction: row;

  justify-content: flex-start;

  position: relative;

  min-height: 48px;

}

.history-tabs ul li a .left {

  margin-right: 10px;

  width: 61px;

  position: relative;

  font-size: 18px;

  font-weight: 900;

}

.history-tabs ul li a .right {

  margin-left: 10px;

  font-size: 18px;

  font-weight: 900;

}

.history-tabs ul li a .left::before {

  content: '';

  width: 12px;

  height: 12px;

  background: #666;

  border: 1px solid #666;

  border-radius: 50%;

  position: absolute;

  left: 60px;

  margin-left: -6px;

  margin-top: 6px;

  -webkit-transition: background .4s ease,border-color .4s ease;

  transition: background .4s ease,border-color .4s ease;

  z-index: 9;

  pointer-events: none;

}

.history-tabs ul li a .left::after {

  content: '';

  width: 2px;

  height: 47px;

  background: #e0e0e0;

  display: inline-block;

  position: absolute;

  top: 50%;

  left: 60px;

  margin-top: -8px;

  pointer-events: none;

}

.history-tabs .et_pb_all_tabs {

  width: 50%;

  background-color: rgba(255,255,255, 0);

}

.history-tabs .et_pb_all_tabs .et_pb_tab {

  padding-top: 0px;

}

.history-tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content {

  font-size: 18px;

}

.history-tabs .et_pb_all_tabs .et_pb_tab .et_pb_tab_content h3 {

  font-weight: 900;

}

.history-tabs .et_pb_tab_active a {

  color: red!important;

}

.history-tabs .et_pb_tab_active a .left::before {

  border: 1px solid red;

  background: red;

}

/* ------------------------------------------------------- */

/* CASES */

/* ------------------------------------------------------- */

.article-wrapper article img.wave-spacer {

  width: 100px;

  height: 20px;

  margin: -5px 0px 5px 0px;

  object-fit: unset;

}

.cases .et_pb_button {

  font-size: 14px;

  margin-top: 25px;

}



/* ------------------------------------------------------- */

/* CASES - ARCHIVE */

/* ------------------------------------------------------- */

ul.cat-tabs {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-around;

  align-items: center;

  list-style-type: none;

  margin: 0;

  width: auto;

  background: white;

  border-radius: 5px;

  padding: 0px;

  overflow-x: scroll;

  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

}

ul.cat-tabs  {

    overflow-x: scroll; /* For horiz. scroll, otherwise overflow-y: scroll; */



    -ms-overflow-style: none;

    overflow: -moz-scrollbars-none;

    scrollbar-width: none;

}

ul.cat-tabs::-webkit-scrollbar {

    display: none;  /* Safari and Chrome */

}

.cat-tabs li {

  white-space: nowrap;

  padding: 11px;

  border-bottom: 0px solid #1380C4;

  transition: .3s ease-in-out;

}

.cat-tabs li.active {

  border-bottom: 5px solid #1380C4;

  padding: 11px 11px 6px 11px;

}

.cat-tabs li a {

  font-weight: bold;

  color: #00264f;

}

body.page-template-template-cases, body.page-template-template-produkter {

  background-image: url(http://playground.wkdemo.dk/wp-content/uploads/2022/07/WatsonC-C-RGBA10-1.png);

  background-size: cover;

  background-position: center;

}

.case-container {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  width: 80%;

  max-width: 1080px;

  margin: 0 auto;

  height: 100%;

}

.case-container article {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  margin-bottom: 25px;

  height: auto;

  animation: popIn .3s;

  transition: .3s ease-in-out;

  background: white;

  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

}



.case-container article a:not(.case-container.products article .content .et_pb_button) {

  flex: 1;

  position: relative;

  display: flex;

  flex-direction: column!important;

  justify-content: center;

  height: 100%;

}

.case-container article a .content {

  padding: 25px;

}

.case-container article img {

  width: 100%;

  height: 250px;

  object-fit: cover;

}

.case-container article .content p {

  flex: 0;

}

.case-container article img.wave-spacer {

  width: 100px;

  height: 20px;

  margin: -5px 0px 5px 0px;

  object-fit: unset;

}

.case-container article .content .et_pb_button:not(.case-container.products article .content .et_pb_button)  {

  padding: 0em 2em 0em 0em!important;

  color: #00264f;

  background: none!important;

}

.case-container article .content h3 {

  color: #171717;

  font-weight: bold;

}

.case-container article .content p {

  color: #171717;

  margin-bottom: 25px;

  flex: 0;

}

@keyframes popIn {

    from {transform: scale(0.85); opacity: 0;}

    to {transform: scale(1); opacity: 1;}

}



.case-container .case:nth-of-type(2) {

  transition-delay: .1s;

}

.case-container .case:nth-of-type(3) {

  transition-delay: .2s;

}

.case-container .case:nth-of-type(4) {

  transition-delay: .3s;

}

.case-container .case:nth-of-type(5) {

  transition-delay: .4s;

}

.case-container .case:nth-of-type(6) {

  transition-delay: .5s;

}

.case-container .case:nth-of-type(7) {

  transition-delay: .6s;

}

.case-container .case:nth-of-type(8) {

  transition-delay: .7s;

}

.case-container .case:nth-of-type(9) {

  transition-delay: .8;

}

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

  .case-container .case {

    width: calc(1/2*100% - (1 - 1/2)*25px);

  }

  

}

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

  .case-container .case {

    width: calc(1/1*100% - (1 - 1/1)*25px);

  }

}

/* Produkter */

.product-categories {

  display: flex;

  flex-direction: column;

  margin: 0!important;

  padding: 0!important;

}

.product-categories li {

  width: 92%;

  position: relative;

  display: flex;

  flex-direction: row-reverse;

  margin-bottom: 75px;

  transition: .3s ease-in-out;

  top: 0px;

  left: 45px;

  margin: 0 0 0 auto;

  margin-bottom: 90px;

}

.product-categories li:nth-of-type(2n) {

  flex-direction: row;

  left: 45px;

  margin: 0 auto 0 0;

  margin-bottom: 45px;

}

.product-categories li:last-of-type {

  margin-bottom: 0;

}

.product-categories li a {

  position: relative;

  color: #fff;

  font-weight: bold;

  text-transform: uppercase;

  margin-top: 25px;

}

.product-categories li a::after {

  top: -12px;

}



.product-categories li .content {

  padding: 45px 90px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  position: relative;

  flex: 1;

  width: 60%;

  background: #3b3b40;

  z-index: 9;

  min-height: 300px;

}

.product-categories li img {

  width: 40%;

  height: 300px;

  object-fit: cover;

  z-index: 99;

  position: relative;

  top: 45px;

  right: 45px;

}

.product-categories li:nth-of-type(2n) .content {

  background-color: #d31716;

  left: -90px;

}

.product-categories li:nth-of-type(2n) img {

  left: -45px;

  top: -45px;

}

.product-categories li .content h3 {

  color: #fff;

  font-weight: bold;

}

.product-categories li .content p {

  color: #fff;

  flex: 0

}

.product-categories li .content .et_pb_button {

  padding: 0em 2em 0em 0em!important;

  color: #fff;

  background: none!important;

}



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

  .product-categories li {

    width: 100%;

    position: relative;

    background: white;

    margin-bottom: 25px;

    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

    transition: .3s ease-in-out;

    top: 0px;

    left: 0px;

  }

  .product-categories li {

    flex: 1;

    position: relative;

    display: flex;

    flex-direction: column!important;

    justify-content: center;

    height: 100%;

  }

  .product-categories li:nth-of-type(2n) {

    left: 0;

    top: 0;

  }

  .product-categories li img {

    width: 100%;

    height: 250px;

    min-height: 250px;

    left: 0;

    top: 0;

  }

  .product-categories li:nth-of-type(2n) img{

    left: 0;

    top: 0;

  }

  .product-categories li .content {

    width: 100%;

    padding: 25px;

    left: 0!important;

    min-height: unset;

  }

  .product-categories li .content p {

    flex: 0;

  }

}

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

  .single .et_pb_section_0 {

    min-height: 27vh;

  }



}

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

  .product-categories li img {

    width: 100%;

    height: 150px;

    min-height: 150px;

  }

}

/* ------------------------------------------------------- */

/* SINGLE */

/* ------------------------------------------------------- */

.post-template-default .et_pb_post_title h1 {

  max-width: 700px;

  margin: 0 auto;

  margin-bottom: 1em;

}



/* ------------------------------------------------------- */

/* MEDARBEJDERE

/* ------------------------------------------------------- */

.worker-row {

  display: flex;

  align-items: flex-end;

}

.et_pb_button.worker-btn {

  font-weight: 400!important;

  padding: 0px 0px 0px 2em!important;

}

body #page-container .et_pb_section .et_pb_button.worker-btn:before {

  margin-left: -35px!important;

  font-size: 24px!important;

}

#map {

  width: 100%;

  height: 600px;

}

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

  .worker-row {

    flex-direction: column-reverse;

    padding-bottom: 0px;

    margin-bottom: -30px;

  }

  .worker-row h2 {

    margin-top: 25px;

  }

  #map {

    height: 300px;

  }

}



/* ------------------------------------------------------- */

/* EVENTS */

/* ------------------------------------------------------- */

.event-header {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  padding-top: 130px;

}

.event-header h1 {

  font-weight: 700;

  font-size: 48px;

  color: #1380C4!important;

  text-align: center;

}

.event-header img {

  max-width: 150px;

  margin: 15px 0px 30px 0px;

}

/* ------------------------------------------------------- */

/* PRODUCTS */

/* ------------------------------------------------------- */

.product-categories {

  display: flex;

  flex-direction: column;

}



.product-wrapper article.product {

  display: flex;

  flex-direction: row;

  align-items: center;

  height: 300px;

  margin-bottom: 25px;

  max-height: unset;

  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);

  transition: .3s ease-in-out;

}

.product-wrapper article.product.visible {

  display: flex;

  max-height: 2500px;

  height: 100%;

}

.product-wrapper article.product:nth-of-type(2n) {

  flex-direction: row-reverse;

}

.case-container.products {

  flex-direction: column;

  flex-wrap: wrap;

}

.case-container .product {

  display: flex;

  flex-direction: row;

  margin-bottom: 45px;

  align-items: center;

  position: relative;

  overflow: hidden;

  width: 100%;

}



.product .image-wrapper {

  width: 50%;

  overflow: hidden;

  height: 100%;

  display: flex;

  transition: .3s ease-in-out;

}

.product img {

  width: 100%;

  object-fit: cover;

  height: 100%;

  transition: .3s ease-in-out;

}

.product .content {

  width: 50%;

  padding: 45px;

}

.products .product .content h3 {

  font-weight: bold;

  font-size: 24px;

  color: #00264f;

}

.product:nth-of-type(2n) {

  flex-direction: row-reverse;

}

.case-toggle {

  font-weight: bold;

  font-size: 16px;

  color: #D31716;

  display: flex;

  flex-direction: row;

  align-items: center;

}

.case-toggle .icon {

  font-family: ETmodules;

  font-size: 24px;

  color: #00264f;

  position: relative;

  transform: rotate(0deg);

  transform-origin: center;



}

.case-toggle.open .icon {

  transform: rotate(180deg);



}

.case-accordion {

  display: flex;

  flex-direction: column;

  height: 100%;

  transition: .3s ease;

  max-height: 0px;

  overflow: hidden;

  margin-bottom: 25px;

}

.case-accordion.visible {

  display: flex;

  max-height: 2500px;

}

.case-accordion ul {

  list-style-type: none;

  margin: 0;

  padding-bottom: 0px;

}

.case-accordion ul li {

  position: relative;

}

.case-accordion ul li::before {

  content: '';

  position: absolute;

  left: -15px;

  top: 9px;

  width: 8px;

  height: 8px;

  background-color: #1380c4;

}

.case-accordion ul li a {

  color: #00264f;  

}

.cases .et_pb_button {

  font-size: 14px;

}

.cases .et_pb_button::after {

  font-size: 22.8px;

}

.product .et_pb_button {

  font-size: 14px;

}

.product .et_pb_button::after {

  font-size: 22.8px;

}

.product .content p {

  margin-bottom: 25px;

}



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



  .product-wrapper article.product {

    flex-direction: column!important;

    margin-bottom: 25px;

    max-height: unset;

    height: 100%;

    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

    height: unset;

  }



  .product-wrapper article .image-wrapper {

    width: 100%;

    min-height: 200px;

  }

  .product-wrapper article .content {

    width: 100%;

    padding: 25px;

    background: white;

  }

  .product-wrapper article .content h3 {

    font-size: 18px;

    font-weight: bold;

    color: #00264f;

  }

}

/* ------------------------------------------------------- */

/* CASE - SINGLE */

/* ------------------------------------------------------- */

.related.row {

  display: block;

}

.related.row h2 {

  font-weight: 900;

  font-size: 48px;

  margin-bottom: 25px;

}

.title-wrapper {

  position: absolute;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.title-wrapper h1 {

  color: #fff;

  font-size: 48px;

  font-weight: bold;

  z-index: 9999;

}

.title-wrapper .wave {

  mix-blend-mode: normal;

  width: 150px;

  position: relative;

  z-index: 9999;

  margin: 15px 0px;

}

.title-wrapper .date {

  color: #fff;

  position: relative;

  z-index: 999;

}

.slider-wrapper {

  height: 85vh;

  background-image: linear-gradient(180deg,rgba(43,135,218,0.13) 0%,rgba(0,0,0,0.71) 100%)!important;

  position: relative;

  width: 100%;

  overflow: hidden;

}

.divider {

  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxODBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwUzk5My40NiAxNDAgNjQwIDEzOSAwIDAgMCAwdjE0MHoiLz48L2c+PC9zdmc+);

  background-size: 100% 180px;

  bottom: 0;

  height: 180px;

  z-index: 1;

  transform: scale(1,1);

  margin-bottom: -1px;

  position: absolute;

  display: block;

  pointer-events: none;

  width: 100%;

  left: 0;

  right: 0;

  background-repeat-y: no-repeat;

}

.slider {

  display: flex;

  flex-direction: row;

  width: 100%;

  flex-wrap: nowrap;

  transition: .3s ease-in-out;

  position: relative;

  overflow: hidden;

}

.slider li {

  width: 100%;

  height: 100%;

  object-fit: cover;

  flex-grow: 1;

  flex-shrink: 0;

  transition: .3s ease-in-out;

}

.slider li img {

  width: 100%;

  mix-blend-mode: multiply;

  object-fit: cover;

  transition: .3s ease-in-out;

  max-height: 500px;

  object-position: center;

}

.slider-wrapper .nav-wrapper {

  position: absolute;

  z-index: 9999999;

  width: 95%;

  left: 2.5%;

  top: 200px;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

}

.slider-wrapper .nav-wrapper a {

  font-family: ETmodules!important;

  color: #fff;

  font-size: 32px;

  width: 48px;

  height: 48px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.case-body {

  margin-top: -245px;

  position: relative;

  z-index: 9999;

  box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);

}

.hr-row.centered .et_pb_column{

  width: 100%;

}

.hr-row.centered .et_pb_column h2 {

  font-weight: bold;

  font-size: 36px;

  text-align: center;

  color: #1380C4;

  margin: 0 auto;

  display: block;

}

.hr-row.centered .et_pb_column .wave {

  width: 150px;

  margin: 10px auto;

  display: table;

  margin-bottom: 45px;

}

.outer-wrapper {

  position: relative;

}

.related-wrapper {

  position: relative;

  overflow: hidden;

}

.related-wrapper ul {

  width: 100%;

  display: flex;

  flex-direction: row;

  flex-wrap: nowrap;

  align-items: flex-start;

  justify-content: flex-start;

  list-style-type: none;

  padding: 0;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}

.related-wrapper ul.all-products {

  flex-wrap: wrap;

}



.related-wrapper ul.all-products li {

  margin: 0px 25px 25px 0px;

}

.related-wrapper ul li {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  flex-shrink: 0;

  margin-right: 25px;



  position: relative;

  height: auto;

  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);



}

.related-wrapper ul li:nth-of-type(3n) {

  margin-right: 0px;

}

.related-wrapper ul li:last-of-type {

  margin-right: 0;

}

.related-wrapper ul li img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  height: 150px;

}

.related-wrapper ul li .text-wrapper {

  padding: 15px;

  position: relative;

  bottom: 0;

  left: 0;

  background: #d31716;

  width: 100%;

}

.related-wrapper ul li a {

  display: flex;

  flex-direction: column;

}

.related-wrapper ul li.forsvarsloesninger .text-wrapper,
 .related-wrapper ul li.defence-solutions .text-wrapper,
  .related-wrapper ul li.forsvarsloesninger-no .text-wrapper,
    .related-wrapper ul li.militaerisches-loesungen .text-wrapper,
      .related-wrapper ul li.forsvarslosningar .text-wrapper {

  background: #3c5210;

}


.related-wrapper ul li.mobile-trailerloesninger .text-wrapper,
 .related-wrapper ul li.mobile-trailer-solutions .text-wrapper,
  .related-wrapper ul li.mobile-trailerloesninger-no .text-wrapper,
    .related-wrapper ul li.mobile-anhaenger .text-wrapper,
     .related-wrapper ul li.mobila-trailerlosningar .text-wrapper {

  background: #256ea3;

}

.related-wrapper ul li.fuel .text-wrapper,
 .related-wrapper ul li.tankbilsloesninger .text-wrapper,
  .related-wrapper ul li.tanker-truck-solutions .text-wrapper,
   .related-wrapper ul li.tankbilsloesninger-no .text-wrapper,
    .related-wrapper ul li.tankbilslosningar .text-wrapper {

  background: #f7931e;

}

.related-wrapper ul li .text-wrapper h3 {

  font-weight: 700;

  margin: 0;

  padding: 0;

  color: #fff;

}

.outer-wrapper .nav-wrapper {

  position: absolute;

  z-index: 9999999;

  width: calc(100% + 100px);

  left: -50px;

  top: 0;

  bottom: 0;

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

  pointer-events: none;

}

.outer-wrapper .nav-wrapper a {

  font-family: ETmodules!important;

  color: #00264f;

  font-size: 32px;

  width: 48px;

  height: 48px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  pointer-events: all;

}

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

  .related-wrapper ul li {

    width: 100%;

  }

}

/* ------------------------------------------------------- */

/* PRODUCT - SINGLE */

/* ------------------------------------------------------- */



.products article.product {

  flex-direction: column;

  margin-bottom: 25px;

  max-height: unset;

  height: auto;

  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

  width: calc(1/3*100% - (1 - 1/3)*25px);

}

.products article.product:nth-of-type(2n) {

  flex-direction: column;

}

.products article.product:nth-of-type(3n) {

  margin-right: 0px;

}

.products article.product .image-wrapper {

  width: 100%;

  min-height: 200px;

}

.products article.product .image-wrapper img{

  height: 170px;

}

.products article.product .content {

  width: 100%;

  padding: 25px;

  background: white;

  height: 100%;

}

.products article.product .content h3 {

  font-size: 18px;

  font-weight: bold;

  color: #00264f;

}

.product-wrapper {

  position: relative;

}



.product-wrapper article img {

  height: 100%;

  max-height: 500px;

  object-fit: cover;

  object-position: center;

}

.product-wrapper .slider-wrapper {

  background-image: none!important;

  position: relative;

  height: 100%;

  max-height: 500px;

}

.product-wrapper ul.slider {

  list-style-type: none;

  margin: 0;

  padding: 0;

  flex-wrap: nowrap;

  position: relative;

}

.product-wrapper ul.slider li {

  flex-grow: 0;

  flex-shrink: 0;

}

.product-wrapper .slider-wrapper .nav-wrapper {

  right: 0px;

  left: unset;

  top: unset;

  bottom: 0px;

  justify-content: flex-end;

  width: 100%;

}

.product-wrapper .slider-wrapper .nav-wrapper li {

  position: relative;

  top: 0px;

  left: 0px;

}

.product-wrapper .slider-wrapper .nav-wrapper a {

  background: #2ea3f2;

}

.product-wrapper .slider-wrapper .nav-wrapper a:last-of-type {

  background: #00264f;

}

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

  .products article.product {

    width: calc(1/2*100% - (1 - 1/2)*25px);

  }

}

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

  .product-wrapper .slider-wrapper {

    height: 250px;

  }

  .product-wrapper ul.slider {

    height: 100%;

  }

  .slider li img {

    height: 100%;

  }

  .case-container.products {

    height: 100%;

    flex-direction: row;

  }

  .products article.product {

    flex-direction: column;

    margin-bottom: 25px;

    max-height: unset;

    height: auto;

    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);

    width: 100%;

  }

  .products article.product :nth-of-type(2n) {

    flex-direction: column;

  }

  .products article.product .image-wrapper {

    width: 100%;

    min-height: 200px;

  }

  .products article.product .content {

    width: 100%;

    padding: 25px;

    background: white;

    height: 100%;

  }

  .products article.product .content h3 {

    font-size: 18px;

    font-weight: bold;

    color: #00264f;

  }

}

/* ------------------------------------------------------- */

/* Produktsider */

/* ------------------------------------------------------- */

.post-title h1 {

  padding-bottom: 0;



}

.table tr {

  border-bottom: 5px solid white;

}

.single-project .table tr:first-of-type td {

  border-left: none!important;

  background: #d11716;

  color: #fff;

}

.table tr td {

  background: #e2e2e2;

  color: #3b3b40;

}

.table tr td:last-of-type {

  border-left: 5px solid white;

}

sup {

  bottom: 0;

}

.product-sheet {

  text-transform: uppercase;

  color: #d31716;

  font-weight: bold;

  position: relative;

}

@media only screen and (max-width: 600px) 

{

  .post-title h1 {

    font-size: 30px!important;

  }

}

/* ------------------------------------------------------- */

/* Kontaktperson */

/* ------------------------------------------------------- */

.kontakt-wrapper {

  display: flex;

  flex-direction: row;

  justify-content: flex-end;

}

.kontaktperson {

  background: #d11716;

  padding: 90px;

  position: relative;

  box-shadow: 40px 40px 80px rgb(0 0 0 / 15%);

  min-height: 250px;

  width: 80%;

  margin-bottom: 8%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

}

.kontaktperson .image-wrapper {

  position: absolute;

  right: -45px;

  top: 45px;

  width: 40%;

  height: 100%;

}

.kontaktperson .image-wrapper img {

  width: 100%;

  aspect-ratio: 1/1;

  object-fit: cover;

  object-position: center;

  box-shadow: 40px 40px 80px rgb(0 0 0 / 15%);

}

.kontaktperson h3 {

  color: #fff;

  font-size: 48px;

  margin-bottom: 5px;

}

.kontaktperson .phone {

  font-weight: 900;

  color: #fff;

  font-size: 48px;

  margin-bottom: 45px;

  display: block;

}

.kontaktperson a {

  color: #FFFFFF!important;

    border-width: 0px!important;

    border-color: RGBA(255,255,255,0);

    border-radius: 0px;

    font-size: 18px;

    font-weight: 700!important;

    text-transform: uppercase!important;

    background-color: RGBA(255,255,255,0);

}

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

  .kontaktperson {

    padding: 45px;

  }

  .kontaktperson h3 {

    font-size: 28px;

  }

  .kontaktperson .phone {

    font-size: 36px;

  }

}

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

  .kontaktperson {

    width: 100%;

    padding: 25px;

    min-height: unset;

  }

  .kontaktperson h3 {

    font-size: 20px;

  }

  .kontaktperson .phone {

    font-size: 24px;

  }

  .kontaktperson a {

    font-size: 14px;

  }

}

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

  .kontaktperson .image-wrapper {

    display: none;

  }

}

/* ------------------------------------------------------- */

/* Medarbejdere */

/* ------------------------------------------------------- */

.workers {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: start;

  justify-content: flex-start;

}

.worker {

  width: calc(1/3*100% - (1 - 1/3)*25px);

  margin: 0px 25px 25px 0px;

  padding: 25px;

}

.worker:nth-of-type(3n) {

  margin-right: 0px;

}

.worker .image-wrapper {

  text-align: center;

  position: relative;

  z-index: 9;

}

.worker .image-overlay {

  position: absolute;

  top: 49%;

  left: 50%;

  width: 100%;

  max-width: 250px;

  border-radius: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  z-index: 99;

  aspect-ratio: 1/1;

  background: rgba(224,43,32,0.82);

  color: #fff;

  text-transform: uppercase;

  transform: translate(-50%, -50%);

  font-weight: bold;

  opacity: 0;

  transition: .3s ease-in-out;

}

.worker.hover .image-overlay {

  opacity: 1;

}

.worker img.person {

  width: 100%;

  aspect-ratio: 1/1;

  object-fit: cover;

  object-position: center;

  border-radius: 100%;

  max-width: 250px;

}

.worker h3 {

  color: #333;

  font-size: 24px;

  text-align: center;

  font-weight: 900;

  margin: 10px 0px 0px 0px;

  padding-bottom: 0px;

}

.worker .title {

  font-weight: 300;

  text-align: center;

  color: #333;

  font-size: 16px;

  padding-bottom: 0px;

  margin-top:5px;

}

.worker .spacer {

  max-width: 100px;

  margin: 10px auto;

  display: table;



}

.worker .icon-wrapper {

  display: flex;

  flex-direction: row;

  justify-content: center;

  margin: 25px 0px;

}

.worker .icon-wrapper:hover + .worker .image-wrapper::before {

  opacity: 1;

}

.worker .icon-wrapper a .et-pb-icon.linkedin {

  font-family: 'FontAwesome'!important;

}

.worker .icon-wrapper a {

  width: 48px;

  height: 48px;

  border-radius: 100%;

  background: #d31716;

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin: 0px 10px;

  transition: .3s ease-in-out;

}

.worker .icon-wrapper a:hover {

  background: #840000;

}

.worker .icon-wrapper a .et-pb-icon {

  font-size: 24px;

}

.worker .et_pb_button {

  margin: 0 auto;

  display: table;

}

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

  .worker {

    width: calc(1/2*100% - (1 - 1/2)*25px);

    margin: 0px 25px 25px 0px;

    padding: 25px;

  }

  .worker:nth-of-type(3n) {

    margin-right: 25px;

  }

  .worker:nth-of-type(2n) {

    margin-right: 0px;

  }

}

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

  .worker {

    width: 100%;

    margin: 0px 0px 25px 0px;

    padding: 25px;

  }

  .worker:nth-of-type(3n) {

    margin-right: 0px;

  }

  .worker:nth-of-type(2n) {

    margin-right: 0px;

  }

}

/* ------------------------------------------------------- */

/* Service */

/* ------------------------------------------------------- */

.service-icon .et_pb_icon_wrap {

  width: 80px;

  height: 80px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.page-cta {

  height: 100%;

}

.page-cta .et_pb_button {

  position: relative;

  background: none!important;

  padding: 0!important;

}

.page-cta .et_pb_button::after {

  content: '';

  height: 48px;

  width: 120px;

  position: absolute;

  top: -13px;

  right: -135px;

  background-image: url(/wp-content/uploads/arrow_long.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

}

/* ------------------------------------------------------- */

/* ARCHIVE */

/* ------------------------------------------------------- */



.search h2.entry-title {

  color: #a0452f;

}

.search-results .pagination {

  display: none;

}

.search #main-content .container::before,

.archive #main-content .container::before {

    display: none;

}

.search #left-area,

.archive #left-area {

    width: 100%;

    float: none;

    padding-right: 0;

}

.search #sidebar,

.archive #sidebar {

    display: none;

}

 

/* 

* Create Mansonory styles for archive pages

*/

.search #left-area,

.archive #left-area {

    -moz-column-count: 3;

         column-count: 3;

    -moz-column-gap: 60px;

         column-gap: 60px;

}

 

.archive .et_pb_post > a,

.search .et_pb_post > a {

    margin: -20px -20px 10px;

    display: block;

}

 

.search #left-area .et_pb_post,

.archive #left-area .et_pb_post {

    overflow: hidden; /* fix for Firefox */

    page-break-inside: avoid;

    break-inside: avoid-column;

    width: 100%;

    padding: 19px;

    background-color: #fff;

    word-wrap: break-word;

    display: inline-block;

}

 

.search #left-area .et_pb_post h2,

.archive #left-area .et_pb_post h2 {

    font-size: 18px;

}

 

.search #left-area .et_pb_post.format-link,

.search #left-area .et_pb_post.format-quote,

.search #left-area .et_pb_post.format-audio,

.archive #left-area .et_pb_post.format-link,

.archive #left-area .et_pb_post.format-quote,

.archive #left-area .et_pb_post.format-audio{

    padding: 0;

}

 

.archive .et_pb_post .et_pb_image_container, 

.archive .et_pb_post .et_main_video_container,

.archive .et_pb_post .et_audio_content, 

.archive .et_pb_post .et_pb_slider,

.search .et_pb_post .et_pb_image_container, 

.search .et_pb_post .et_main_video_container,

.search .et_pb_post .et_audio_content, 

.search .et_pb_post .et_pb_slider {

    margin: -20px -20px 10px;

}

 

.archive .et_pb_post.format-audio .et_audio_content{

    margin: 0px -38px 0px;

}

 

.archive .et_pb_post .et_pb_slider .et_pb_slide,

.search .et_pb_post .et_pb_slider .et_pb_slide {

    min-height: 180px;

}

 

.archive .pagination,

.search .pagination {

    padding: 20px 0;

}

.post-meta {

  display: none;

}

body.search-no-results #left-area{

  column-count: unset;

  column-gap: unset;

  padding: 90px;

}

.et_pb_blog_grid .et_pb_post {



  position: relative;

}

.et_pb_post .et_pb_image_container::before {

  content: "\e050";

  position: absolute;

  font-family: ETmodules;

  top: 55%;

  left: 50%;

  margin: -16px 0 0 -16px;

  font-size: 32px;

  -webkit-transition: all .4s;

  transition: all .4s;

  z-index: 99;

  opacity: 0;

  color: #b2492b;

}

.et_pb_post:hover .et_pb_image_container::before {

  opacity: 1;

}

.et_pb_post h2.entry-title {

  padding-bottom: 5px;

}



.et_pb_blog_grid .et_pb_image_container img {

  height: 400px;

  object-fit: cover;

}

/*

* Media Queries

*/

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

    .search #left-area,

    .archive #left-area {

        -moz-column-count: 2;

            column-count: 2;

        -moz-column-gap: 60px;

            column-gap: 60px;

    }

    .search-results .robot-row {

      display: none;

    }

}

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

    .search #left-area,

    .archive #left-area {

        -moz-column-count: 1;

            column-count: 1;

    }

    .search .et_pb_post.format-audio .et_audio_content,

    .archive .et_pb_post.format-audio .et_audio_content{

        margin: 0;

    }

    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,

    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,

    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,

    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{

        min-width: 300px!important;

        width: 300px!important;

    }

}

/* ------------------------------------------------------- */

/* FOOTER */

/* ------------------------------------------------------- */

.certifikat-row .et_pb_column {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: center;

}

.certifikat-row .et_pb_image {

  display: inline;

  margin: 0 25px 25px 0!important;



}

.certifikat-row .et_pb_image:last-of-type {

  margin-right: 0!important;

}

.desktop-nav .menu li.current-menu-item, .desktop-nav .menu li.current-menu-ancestor {

  color: #000!important;

}

.desktop-nav .menu .sub-menu li.current-menu-item.menu-item-has-children:not(.desktop-nav .menu .sub-menu li .sub-menu li.current-menu-item) {

  background: #d11716!important;

}

.desktop-nav .menu li .sub-menu li.current-page-ancestor.menu-item-has-children {

  background: #d11716!important;

}

.desktop-nav .menu .sub-menu li.current-menu-item a:not(.desktop-nav .menu .sub-menu li.current-menu-item.menu-item-has-children a)::after{

  width: 100%;

}

.aaa-logo {

  width: 100px;

  height: 100px;

  background: white;

  border-radius: 100%;

  display: block;

  margin: 0px 25px 25px 0px;

}

.aaa-logo img {

  width: 100px;

  height: 100px;

}