html {
  scroll-behavior: smooth;
}

.highlight {
  color: #e2be85;
}

.black-highlight {
  color: #000;
}

.uk-navbar-container .uk-logo {
  margin: 0 !important;
}

.white-highlight {
  color: #fff;
}

.uk-hr, hr {
  border-top: solid 1px #fff;
}

.uk-grid-divider > :not(.uk-first-column)::before {
  border-left: solid 1px #fff;
}

.thin {
  font-weight: 500;
}

h1, .uk-h1 {
  font-size: 3.5rem;
  line-height: 3.8rem;
  font-weight: 600;
}

h3 {
  font-weight: 600;
}

.uk-button-default {
  background: #000;
  color: #fff;
  font-weight: 900;
  font-family: "Open Sans";
  min-width: 200px;
  font-size: 1rem;
  border-radius: 30px;
  padding: 10px 40px;
}

.uk-button-secondary, #nf-field-9 {
  background: #e2be85 !important;
  color: #fff;
  font-weight: 900;
  font-family: "Open Sans";
  min-width: 200px;
  font-size: 1rem;
  -webkit-appearance: none;
  border-radius: 30px;
  padding: 10px 35px;
  min-width: 250px;
  margin-top: 15px;
}

#nf-field-9:hover {
  opacity: 0.6;
}

.uk-nav li > a {
  justify-content: center;
}

.uk-navbar-container {
  margin-top: 35px;
}
.uk-navbar-container .uk-navbar-toggle .uk-icon {
  background: #e2be85;
  padding: 20px;
  border-radius: 50%;
}
.uk-navbar-container .uk-margin-small-right {
  font-weight: 900;
  font-size: 0.8rem;
  color: #000;
}
.uk-navbar-container .uk-navbar-toggle-icon svg {
  width: 35px;
  height: 35px;
  color: #fff;
}
.uk-navbar-container .uk-navbar-nav .phone-menu, .uk-navbar-container .uk-navbar-nav .mail-menu {
  display: none;
}
.uk-navbar-container .uk-navbar-nav li a {
  color: #000;
  font-size: 0.8rem;
  font-weight: 600;
  font-family: "Open Sans";
}
.uk-navbar-container .uk-navbar-nav li a:hover, .uk-navbar-container .uk-navbar-nav li a:focus, .uk-navbar-container .uk-navbar-nav li a:active, .uk-navbar-container .uk-navbar-nav li a:focus-within {
  color: #e2be85;
}
.uk-navbar-container .cta-menu {
  background: #e2be85;
  color: #fff;
  padding: 5px 30px;
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 1rem;
  border-radius: 30px;
}

.tm-toolbar-default .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-light .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a {
  color: #e2be85;
}

.uk-navbar-dropdown {
  border-radius: 3px;
}

.uk-navbar-dropdown-nav > li > a {
  font-size: 0.8rem;
  font-weight: 600;
  color: #2d2e33;
  text-align: center;
}

.uk-sticky .uk-navbar-sticky {
  margin-top: 0px;
  padding: 12px 0 15px 0;
  box-shadow: 0 5px 11px -11px #000;
}

.page-id-2 .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}
.page-id-2 .uk-navbar-container .uk-logo {
  filter: invert(1);
}
.page-id-2 .uk-navbar-container .tm-header-mobile {
  position: absolute;
  left: 0;
  right: 0;
}
.page-id-2 .uk-navbar-container .uk-navbar-nav li a {
  color: #ededed;
}

.hero-section {
  background: #2d2e33;
  box-shadow: inset 41vw -20vh 28vw 15vw #0c0c0cf5;
}
.hero-section video {
  filter: grayscale(0.3);
}
.hero-section .uk-position-cover {
  box-shadow: inset 48vw -20vh 28vw 15vw #100d18fb;
}
.hero-section .uk-panel p {
  color: #ededed;
}
.hero-section .shopify-partners {
  filter: invert(1);
}
.hero-section h1 {
  color: #ededed;
}
.hero-section .uk-button-secondary {
  background: transparent;
  border: solid 1px #e2be85;
}
.hero-section .uk-button-secondary:hover {
  color: #ededed;
  background: #e2be852b;
}
.hero-section .hero-illu {
  filter: drop-shadow(-38px -22px 16px #0000001e);
  margin-right: -45px;
  display: block;
}
.hero-section .first-col {
  width: 45%;
}
.hero-section .second-col {
  width: 55%;
}

.services-panel-slider .el-title {
  font-weight: bold;
  font-size: 0.85rem;
}
.services-panel-slider .uk-grid-divider > :not(.uk-first-column)::before {
  border-left: solid 1px #d4d4d4;
}
.services-panel-slider .el-image {
  margin: 0 auto;
  display: block;
  margin-bottom: -23px;
}

.logo-slider {
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 0px;
}
.logo-slider .el-image {
  filter: grayscale(1);
}

.blue-sky-banner-section {
  background: #e2be85;
  position: relative;
  overflow: hidden;
}
.blue-sky-banner-section .uk-position-cover {
  box-shadow: inset 0 0 15px -8px #000;
  border-top: solid 1px #e0e0e0;
}
.blue-sky-banner-section .uk-flex .uk-tile {
  padding: 245px 0;
  animation: rotate 10s infinite linear;
  transform-origin: top;
  filter: drop-shadow(34px 16px 12px #00000036);
  z-index: 2;
}
.blue-sky-banner-section .uk-panel {
  text-align: center;
  color: #fff;
}
.blue-sky-banner-section .uk-button-primary {
  background: #0EAD69;
  color: #fff;
  font-weight: 900;
  font-family: "Open Sans";
  min-width: 200px;
  font-size: 1rem;
  border-radius: 30px;
}

@keyframes rotate {
  0% {
    transform: rotate(-3deg);
    filter: drop-shadow(34px 28px 12px #00000036);
  }
  50% {
    transform: rotate(3deg);
    filter: drop-shadow(15px 28px 12px #00000036);
  }
  100% {
    transform: rotate(-3deg);
    filter: drop-shadow(34px 38px 12px #00000036);
  }
}
.cases-slider-section {
  background: #feeed3;
}
.cases-slider-section .el-item {
  height: fit-content;
  overflow: hidden;
  border-radius: 5px;
  overflow: hidden;
}
.cases-slider-section .el-item .uk-card-body {
  position: absolute;
  bottom: 12px;
}
.cases-slider-section .el-item .uk-card-body .el-title {
  color: #fff;
  text-transform: uppercase;
  transform: translateY(40px);
  transition: all 0.2s ease-in;
}
.cases-slider-section .el-item .uk-card-body .el-meta {
  color: #fff;
  transform: translateY(158px);
  transition: all 0.22s ease-in;
}
.cases-slider-section .el-item .uk-card-body .el-content {
  transform: translateY(158px);
  color: #fff;
  transition: all 0.2s ease-in;
}
.cases-slider-section .el-item:hover .uk-card-body .el-title {
  transform: translateY(0px);
}
.cases-slider-section .el-item:hover .uk-card-body .el-meta {
  transform: translateY(0px);
}
.cases-slider-section .el-item:hover .uk-card-body .el-content {
  transform: translateY(0px);
}
.cases-slider-section .el-slidenav svg {
  color: #000;
}

.container {
  width: 100%;
}

.eye {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  background: #CCC;
}

.eye:after {
  /*pupil*/
  position: absolute;
  bottom: 17px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  content: " ";
}

.case-hero .uk-tile-default {
  background: transparent;
}

.postid-376 .cta-menu {
  background: #ce4e6c;
}
.postid-376 .info-section-case h3 {
  font-size: 1.2rem;
}
.postid-376 .klub-venus-hero {
  background: #fbafb6;
}
.postid-376 .klub-venus-hero .uk-panel img {
  filter: drop-shadow(-51px 27px 24px #0000002e);
}
.postid-376 .klub-venus-hero h1 {
  color: #ce4e6c;
  font-size: 6rem;
  width: 252px;
  line-height: 5rem;
}
.postid-376 .klub-venus-hero .subtitle {
  text-transform: uppercase;
  color: #fff;
}
.postid-376 .venus-highlight {
  color: #ce4e6c;
}
.postid-376 .hd-image-comparison {
  margin: 0 0 !important;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 25px 44px -36px #86839c;
}
.postid-376 .parallax-images-container {
  position: relative;
}
.postid-376 .before-after-headline {
  font-size: 1.8rem;
  text-transform: uppercase;
}

.page-id-481 .hero-section .uk-background-center-right {
  background-position: 76% 75%;
}

.nf-field-label {
  display: none;
}

#nf-field-8 {
  height: 100px;
  font-family: "Open Sans";
}

.ninja-forms-field {
  height: 30px;
  font-family: "Open Sans";
  background: transparent;
}

.nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  background: #fff !important;
  border: solid 1px transparent !important;
  border-radius: 3px;
}

.nf-error.field-wrap .nf-field-element:after {
  display: none;
}

.hjemmeside-accordion {
  width: 800px;
}

.footer-bottom {
  background: #feeed3;
}

.uk-accordion-title {
  font-weight: 600;
}

.hero-section-webshop .uk-background-center-right {
  background-position: 90% 65%;
}

.shopify-reasons {
  padding-top: 70px;
}
.shopify-reasons .shopify-intro-text {
  margin-bottom: 30px;
}
.shopify-reasons .logo-slider {
  border: none;
}
.shopify-reasons .logo-slider .uk-panel .el-image {
  width: 300px;
}
.shopify-reasons .uk-panel .el-image {
  width: 70px;
}
.shopify-reasons .uk-panel .el-title {
  font-size: 1.2rem;
  margin-top: 10px !important;
}

.contact-hero {
  background: #feeed3;
}
.contact-hero #ringetop {
  margin-bottom: 70px;
}
.contact-hero .contact-box {
  background: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 25px 10px;
  border-radius: 3px;
}
.contact-hero .contact-box a {
  text-decoration: none;
}
.contact-hero .contact-box a:first-child {
  border-right: solid 1px #e2be85;
  padding-right: 65px;
}
.contact-hero .contact-box a .sub-title {
  font-size: 1rem;
  text-transform: uppercase;
  color: #6c6d74;
  margin-bottom: 5px;
}
.contact-hero .contact-box a .call-to-action-text {
  font-size: 1.5rem;
  font-weight: 800;
}

.kompentecer-hero-section {
  background: #feeed3;
}
.kompentecer-hero-section .shopify-col .uk-background-norepeat {
  background-position: 50% 15%;
}
.kompentecer-hero-section .wp-col .uk-background-norepeat {
  background-position: 50% 20%;
}
.kompentecer-hero-section h1 {
  font-size: 3rem;
  margin-top: -30px;
}

.confetti {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 500px;
  right: calc(50% - 25px);
  transform: rotate(45deg);
  z-index: -1;
}

.red {
  background-color: #c71771;
}

.yellow {
  background-color: #f6cf18;
}

.green {
  background-color: #73d849;
}

.confetti.falling {
  animation: fall 1s ease-in-out forwards;
}

@keyframes fall {
  100% {
    top: 500%;
    transform: rotate(45deg) translateX(calc(rand(50%, 0%) + rand(50%, 0%) * 1%));
  }
}
.blog-intro {
  background: #feeed3;
  padding-top: 150px;
  padding-bottom: 0px;
}

.shopping-bags {
  margin-left: 35px;
  margin-top: 35px;
}

.post-template-default {
  background: #feeed3;
}
.post-template-default .uk-section-default {
  background: transparent;
}

.blog-grid-section {
  background: #feeed3;
}
.blog-grid-section .el-item .el-image {
  overflow: hidden;
  transition: all 0.2s ease;
  transform-origin: center top;
}
.blog-grid-section .el-item:hover .el-image {
  transform: scale(1.02);
}
.blog-grid-section .uk-padding-small {
  padding: 18px;
}
.blog-grid-section .uk-padding-small .el-content {
  margin-top: 0;
}
.blog-grid-section .uk-padding-small .uk-button-default {
  background: transparent;
  border: solid 1px #2d2e33;
  color: #2d2e33;
}
.blog-grid-section .uk-padding-small .uk-button-default:hover {
  background: #2d2e33;
  color: #fff;
}
.blog-grid-section .el-item {
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
}
.blog-grid-section .el-item .uk-padding-small {
  min-height: 200px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-grid-section .el-item .el-title {
  font-size: 1.2rem;
  min-height: 30px;
}

/* Shopify webshop page */
.hero-shopify-webshop {
  background: #feeed3;
}

/* hjemmeside page */
.hero-hjemmeside {
  background: #feeed3;
}

@media only screen and (max-width: 768px) {
  .uk-navbar-container {
    margin-top: 0;
  }
  .uk-navbar-container .uk-navbar {
    height: 120px;
  }

  .uk-offcanvas-close {
    position: fixed;
    bottom: 20px;
    top: unset;
    right: 20px;
    z-index: 999999999999999;
    background: #000;
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
  }
  .uk-offcanvas-close svg {
    color: #fff;
    width: 30px;
  }

  .uk-navbar-toggle {
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 9;
  }

  .uk-offcanvas-bar {
    background: #e2be85;
    min-width: fit-content;
    width: 100vw;
    left: 0;
    bottom: unset;
    top: unset;
    display: none;
  }
  .uk-offcanvas-bar .phone-menu {
    font-size: 1.2rem;
    background: #000;
    padding: 20px;
    width: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 50px;
    text-transform: initial;
    color: #fff;
    text-align: center;
  }
  .uk-offcanvas-bar .mail-menu {
    font-size: 1.2rem;
    background: #000;
    padding: 20px;
    text-transform: initial;
    color: #fff;
    margin: 0 auto;
    width: 300px;
    display: block;
    text-align: center;
  }
  .uk-offcanvas-bar .mobile-menu-logo {
    width: 150px;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    margin-top: 10px;
  }
  .uk-offcanvas-bar .uk-nav-default li > a {
    font-size: 2rem;
    color: #000;
    text-transform: initial;
    padding: 5px 0px;
    text-align: center;
    font-weight: 600;
  }

  .uk-open > .uk-offcanvas-bar {
    bottom: 0;
    top: 0;
    display: block;
  }

  .tm-toolbar-default .uk-nav-default .uk-nav-sub a, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
    font-size: 1.2rem;
    text-transform: initial;
    color: #2d2e33;
    margin: 5px;
  }

  .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: #feeed3;
  }

  h1, .uk-h1 {
    font-size: 2.5rem;
    line-height: 2.8rem;
    font-weight: 600;
  }

  .uk-section-default .uk-container {
    max-width: 600px;
    margin: 0 auto;
  }

  .hero-section .hero-illu {
    pointer-events: none;
  }
  .hero-section .tm-grid-expand {
    display: grid;
    grid-template-columns: 1fr;
  }
  .hero-section .first-col {
    width: 100%;
    order: 1;
    margin: 0 auto;
  }
  .hero-section .first-col .uk-panel {
    font-size: 13px;
  }
  .hero-section .second-col {
    width: 90%;
    order: -1;
    margin: 0 auto;
    margin-top: -88px;
  }
  .hero-section .second-col img {
    height: 440px;
  }
  .hero-section .shopify-partners {
    display: none;
  }
}
.blue-sky-banner-section .uk-container {
  padding-bottom: 70px;
}

.webshop-illu-graph {
  margin-top: 70px;
}

.hjemmeside-illu-sticky {
  margin-top: 90px;
}

.kompentecer-hero-section h1 {
  font-size: 2rem;
}
.kompentecer-hero-section .uk-background-norepeat {
  background-size: 100% !important;
}

@media only screen and (max-width: 414px) {
  body {
    overflow-x: hidden;
  }

  h1, .uk-h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
    font-weight: 600;
  }

  .uk-navbar-container {
    margin-top: 0;
  }
  .uk-navbar-container .uk-navbar {
    height: 100px;
  }

  .uk-logo img {
    width: 80px;
  }

  .uk-offcanvas-bar .mobile-menu-logo {
    width: 95px;
    margin: 0 auto;
    display: block;
    margin-bottom: 17px;
    margin-top: 0px;
  }
  .uk-offcanvas-bar .uk-nav-default li > a {
    font-size: 1.6rem;
    color: #000;
    text-transform: initial;
    padding: 5px 0px;
    text-align: center;
    font-weight: 600;
  }
  .uk-offcanvas-bar .phone-menu, .uk-offcanvas-bar .mail-menu {
    font-size: 1rem;
    padding: 10px;
    width: 260px;
  }

  .uk-navbar-container .uk-navbar-toggle .uk-icon {
    background: #e2be85;
    padding: 15px;
    border-radius: 50%;
    border: solid 3px #fff;
    box-shadow: 0 0 9px -6px #000;
  }

  .uk-navbar-container .uk-navbar-toggle-icon svg {
    width: 20px;
    height: 20px;
    color: #fff;
  }

  .uk-offcanvas-close {
    bottom: 32px;
    right: 20px;
    width: 55px;
    height: 55px;
    border: solid 3px #fff;
  }
  .uk-offcanvas-close svg {
    width: 20px;
  }

  .hero-section .second-col {
    width: 100%;
    order: -1;
    margin: 0 auto;
    margin-top: -45px;
    margin-left: 21px;
  }
  .hero-section .first-col .uk-panel {
    font-size: 12px;
  }

  .uk-button-default {
    min-width: 160px;
    font-size: 0.7rem;
  }

  .uk-button-secondary {
    min-width: 160px;
    font-size: 0.7rem;
  }

  .blue-sky-banner-section .uk-flex .uk-tile {
    padding: 153px 0;
    animation: rotate 10s infinite linear;
    transform-origin: top;
    filter: drop-shadow(14px 2px 12px #00000036);
  }

  .kompetencer-panels .el-item {
    text-align: center;
  }

  .services-panel-slider .uk-button-secondary {
    margin: 0 auto;
    display: block;
    width: 250px;
  }

  .contact-hero .contact-box {
    background: #fff;
    display: flex;
    padding: 25px 10px;
    border-radius: 3px;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: center;
  }

  .contact-hero .contact-box a:first-child {
    padding-right: 65px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-right: none;
    border-bottom: solid 1px #e2be85;
  }
}
@media only screen and (max-width: 375px) {
  .uk-button-default {
    min-width: 140px;
    font-size: 0.7rem;
  }

  .hero-section .hero-illu {
    margin-right: 57px;
    margin-top: 8px;
    filter: drop-shadow(-14px -13px 16px #0000001e);
  }
  .hero-section .second-col img {
    height: 370px;
  }

  .kompentecer-hero-section .uk-tile {
    padding-top: 0;
  }
  .kompentecer-hero-section h1 {
    font-size: 1.3rem;
    margin-top: 10px;
  }
}