html {scroll-behavior: smooth;}
body {color: #010c30; font-family: 'Inter', sans-serif!important;}   
    a {color:#252f3f; text-decoration: none}
    h1 {color: #010c30}
    h2 {color: #010c30}
    .nav-link {color:#252f3f; font-size: 16px; font-weight: 500;}
        
    header {
    width:100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: hsla(0,100%,100%,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.06);
    position: fixed;
    z-index: 999;
    }
        
    .aa-blue {color: #27a8f7;}
    .aa-darkblue {color: #010c30;}
        
    ul li {font-size: 1.25rem;font-weight: 300;}

    .logo {}
    .logo p {font-weight: 500; margin-top: 5px;}    
    .logo a {margin-top:4px;}
    .logo a img {width: 30px; height: 30px;}
    .logo a span {font-family: 'Inter'; font-weight: 700; display: block; font-size: 20px; margin-left:10px;}
    .logo small {font-size: 8px; font-weight: 300; margin-top:-5px; margin-left: 83px; display: block; text-align:left;}
    .logo small span {font-weight: 400}
   
    .menu-buttons {text-align:right;}
    .menu-buttons .button-one {padding: 8px 25px; background-color: #010c30; color: white; border-radius: 5px; display: inline-block; font-size: 14px; margin-right: 15px; box-shadow: 0 0 0 3px #010c304f;}
    .menu-buttons .button-two {padding: 8px 25px; background-color: #27a8f7; color: white; border-radius: 5px; display: inline-block; font-size: 14px; box-shadow: 0 0 0 3px #27a8f74f;}
        
    .video-background-content h1 {margin-top: 30px; font-size: 70px; line-height: 125%!important; font-weight: 500;}
    .video-background-content p a {margin-top: 30px; padding: 12px 25px; background-color: #27a8f7; box-shadow: 0 0 0 4px #27a8f74f; color: #fff; border-radius: 5px; display: inline-block; font-size: 18px; font-weight: 300}
    .video-background-content p a img {margin-top: -3px;margin-right: 8px;}
    .video-background-content p a:hover {background-color:#27a8f7;transition: 0.7s; box-shadow: 0 0 0 6px #27a8f74f;}    
        
    .feature-block {background: linear-gradient(260.92deg,#f5f9ff 12.21%,rgba(237,241,247,.2) 78.08%);display: block; padding: 80px 0 60px 0;}
    .feature-block p {font-size: 16px; font-weight: 300;}
    .feature-block ul {list-style: none;padding:0;} /* Remove default bullets */
    .feature-block ul lix {font-size: 16px; font-weight: 300; list-style-image: url("../img/icons/check-circle.svg"); list-style-type:none;} 
    .feature-block ul li {
    font-size: 16px; 
    font-weight: 300; 
    background: url(../img/icons/check-circle.svg) no-repeat 0px 9px; /* <-- change `left` & `top` too for extra control */
    padding: 5px 0px 3px 26px;
    /* reset styles (optional): */
    list-style: none;
    margin: 0;}
    .feature-block a {font-size: 16px; font-weight: 500;}
    .feature-block p a {font-weight: 500; color: #27a8f7;}     
    .feature-block h2 {font-size: 36px; font-weight: 400; margin-bottom: 20px; line-height: 150%;}
    .feature-block h3 {color: #27a8f7;
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;}
    .feature-block hr { width: 10%;
    border: 1px solid #27a8f7;
    opacity: 1;
	margin-bottom:30px;}
    .feature-block .check {
    background: url('img/star.png') no-repeat left top;
    height: 34px;
    padding-top: 7px;
    padding-left: 44px;
      }

    .feature-block .button {margin-top: 15px; padding: 12px 25px; background-color: #27a8f7; box-shadow: 0 0 0 4px #27a8f74f; color: #fff; border-radius: 5px; display: inline-block; font-size: 16px; font-weight: 300}
    .feature-block .button img {margin-top: -3px;margin-right: 8px;}
    .feature-block .button:hover {background-color:#27a8f7;transition: 0.7s; box-shadow: 0 0 0 6px #27a8f74f;}    
        


    .feature-block .round-feature {
    width: calc(100vw / 4);
    height: calc(100vw / 4);
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
    background: url(../img/dhmockup.png) #27a8f7;
    background-size: 635px;
    background-position: top -30px right -120px;
    background-repeat: no-repeat;
}

    .feature-block .round-mads {
    width: calc(100vw / 4);
    height: calc(100vw / 4);
    border-radius: 999px;
    display: inline-block;
    margin-bottom: 15px;
    background: url(../img/mads.png) #27a8f7;
    background-size: 300px;
    background-position: top 45px right 65px;
    background-repeat: no-repeat;
}
        
.video-background-holder {
  position: relative;
  background-color: black;
  height: calc(100vh - 72px);
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1;
}  
        
.logoMarqueeSection {padding-top: 10px;padding-bottom: 35px;}
.logoMarqueeSection h6 {font-size: 20px;font-weight: 400;text-align: center; line-height: 150%!important; margin: 25px;}  
.logoMarqueeSection hr { width: 6%;
    border: 1px solid #27a8f7;
    opacity: 1;
	margin: 0px auto 30px auto;
    text-align: center;}     
.logoMarqueeSection .overlay {background-image: linear-gradient(to right,#fff,transparent 21%,transparent 18%,transparent 79%,#fff 96%); height: 80px;position: relative; z-index: 100; width: 100%;top: 80px;margin-top: -80px;}
#logoMarqueeSection {max-width: 100%;margin: 0 auto;}

.default-content-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    position: relative;
}

div.marquee>a>img {
  height: 50px;
}


.logoMarqueeSection>div>div {
    padding-top: 30px;
    padding-bottom: 0;
    min-height: 0;
}

.marquee-wrapper {
  white-space: nowrap;
}

.marquee {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.marquee img {
    display:  inline-block;
    white-space: nowrap;
    padding-right: 5.4rem;
    width: auto; 
    max-height: 50px;
}

.marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
   
.reviews {padding: 80px 0 80px 0;}
.reviews .headline {padding: 0 0 20px 0;} 

.reviews .headline h2 {font-size: 36px; font-weight: 400; margin-bottom: 10px; line-height: 150%;}
.reviews .headline h3 {color: #27a8f7;
    font-size: 12px;
    font-weight: 500;
    max-width: 100%;
    text-transform: uppercase;
    margin-bottom: 10px;}

.reviews .review-item {width: 100%; box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.05); border-color: #ffffff;border-radius: 8px; padding: 25px;position: relative;top: 0;transition: top ease 0.5s;}
.reviews .review-item:hover {top: -5px;}
.reviews .review-item i {color: #27a8f7;}
.reviews .review-item .navn {font-weight: 700; margin:0; font-size: 16px;}
.reviews .review-item .dato {font-weight: 300; margin:0; font-size: 12px;}
.reviews .review-item .scroll-box {margin: 20px 0 0 0;
display: -webkit-box;
    line-height: 23.2px;
    height: 116px;
    font-size: 16px;
    text-align: left;
    transition: height 0.5s;
    font-style: normal;
    -webkit-line-clamp: 5;
    overflow: hidden;
    overflow: auto !important;
    overflow-x: hidden !important;
    padding-right: 20px;
}

.reviews .review-item .scroll-box .message {font-weight: 300; margin:0; font-size: 14px;}

.reviews .review-item .scroll-box::-webkit-scrollbar {
    width: 4px;
    border-radius: 3px;
}
.reviews .review-item .scroll-box::-webkit-scrollbar-thumb {
    background: rgba(180, 180, 180, 0.6);
}
.reviews .review-item .scroll-box::-webkit-scrollbar-track {
    background: rgba(180, 180, 180, 0.1);
}
        
main {padding: 80px 0;}
main .text {margin-right: 40px;}
main .text .headline h3 {
    color: #27a8f7;
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    text-transform: uppercase;
    margin: 0;
}
main .text .headline h2 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
}
main .text .headline hr {
    width: 10%;
    border: 1px solid #27a8f7;
    opacity: 1;
	margin-bottom:30px;
}
main .text h2 {font-size: 36px; font-weight: 400; margin-bottom: 12px;line-height: 150%;}
main .text h3 {font-size: 28px; font-weight: 400; margin-bottom: 12px;line-height: 150%; margin-top: 25px;}
main .text h4 {font-size: 20px; font-weight: 400; margin-bottom: 12px;line-height: 150%;}
main .text p {font-size: 16px; font-weight: 300; margin-bottom: 12px;line-height: 175%;} 
main .text a {color: #27a8f7;} 
main .text ol, ul {padding-left: 1rem;}
main .text ol {font-weight: 400; padding: 0 0 0 20px;}
main .text ol li {font-weight: 400;font-size: 16px; margin-bottom: 12px;line-height: 175%; list-style-type: decimal;}
main .text ol li p {font-weight: 400;}
main .text ul li {font-size: 16px; font-weight: 300; margin-bottom: 12px;line-height: 175%; list-style-type: disc;}       
main .text .related-links {padding: 20px 0;}
main .text .related-links h5 {font-weight: 400;font-size: 18px; padding: 20px 0 0 0;}
main .text .related-links p {margin-bottom: 0px; padding: 20px 0 0 0;}
main .text .related-links hr {color: #f1f1f1; opacity: 1; margin: 20px 0;}
main .text .related-links .top {margin: 0 0 20px 0;}

.section-nav {position: sticky;top: 100px;align-self: start; box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-color: #ffffff;
    border-radius: 8px;
    padding: 25px;}
.section-nav li.active > a {color: #333;font-weight: 500;}
.section-nav a {text-decoration: none;display: block;padding: .125rem 0;color: #ccc;transition: all 50ms ease-in-out;}
.section-nav a:hover, .section-nav a:focus {color: #666;}
.section-nav ul, ol {list-style: none;margin: 0;padding: 0;}
.section-nav ol li {border-left: 3px solid rgba(180, 180, 180, 0.1); padding: 6px 0 6px 15px;}
.section-nav ol li.active {border-left: 3px solid rgba(180, 180, 180, 0.6); font-weight: 500;}
.section-nav h5 {font-size: 20px; font-weight: 500; padding: 10px 0 10px 20px; }

.faq {margin: 30px 0;}
.faq .top {border-top: 1px solid #f1f1f1;}
.faq .faq-link {display:block; font-size: 20px; font-weight: 400; border-bottom: 1px solid #fff; width: 96%; padding: 30px 0; border-bottom: 1px solid #f1f1f1;}
.faq .faq-link i {margin-top: 4px;}    
.faq .right {text-align: right;}
.faq .card-body {border-radius: 0px; border: 0px solid #f1f1f1; font-size: 16px; padding: 0; padding: 20px 0; width: 96%}
.faq .card-body p {font-weight: 300; padding-top: 5px;}
.faq .card-body p a {}
.faq .card-body ul li {font-size: 16px; font-weight: 300; padding-top: 5px;}

.faq .faq-sidebar {box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
    border-color: #ffffff;
    border-radius: 8px;
    padding: 25px;
text-align: center;
}

.faq .faq-sidebar p {font-weight: 300; width: 85%; display: inline-block;}
.faq .faq-sidebar p b {font-weight: 500}

.faq .faq-sidebar a {
	padding: 8px 25px;
    background-color: #27a8f7;
    color: white;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    box-shadow: 0 0 0 4px #27a8f74f;
	margin: 15px 0 0 0;
}

.faq .faq-sidebar .circle {
    width: 70px;
    height: 70px;
    border-radius: 999px;
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 15px;
    background: url(../img/mads.png) #27a8f7;
    background-size: 50px;
    background-position: top 6px right 10px;
    background-repeat: no-repeat;
}

.faq .faq-sidebar  .circle .img-bg {
width:100%;
}

/* PURE css solution for rotating carets based on expanded section */
.icon-toggle img {
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.icon-toggle img[aria-expanded='true'] {
    transform: rotate(180deg);
    transition: .25s ease-in-out;
}
.icon-toggle img[aria-expanded='false'] {
    transform: rotate(180deg);
    rotate: 180deg;
    transition: .25s ease-in-out;
}

.get-in-touch {padding: 40px 0 30px 0;}
.get-in-touch h5 {font-size: 24px; font-weight: 500; padding: 0 0 5px 0;}
.get-in-touch h6 {font-size: 16px; font-weight: 300; padding: 0 0 5px 0;} 
.get-in-touch p {font-size: 16px; font-weight: 300; color: #27a8f7;} 
.get-in-touch img {width: 50px; filter: invert(64%) sepia(33%) saturate(7496%) hue-rotate(179deg) brightness(105%) contrast(94%);} 
.get-in-touch hr {color: #d3d1dc;}   
        
.selling-points {background-color: #010c30; padding: 30px 0 0 0;}
.selling-points h5 {font-size: 26px; font-weight: 500; color: white}
.selling-points h6 {font-size: 16px; font-weight: 300; color: #27a8f7;} 
  
footer {background-color: #010c30;}
footer ul {padding-left: 0;margin-bottom: 0;list-style: none;}
footer ul li {}
footer ul li h6 {font-size: 13px; color: white; font-weight: 400}        
footer ul li a {font-size: 13px; color: white; font-weight: 100}
        
footer .right {text-align: right;}
  
.email-collector {text-align: right;}        
.email-collector h6 {font-size: 14px; color: white; font-weight: 400}
.email-collector p {font-size: 14px; color: white; font-weight: 100}
.email-collector input {max-width: 250px;font-size: 12px; border: 1px solid #d3d1dc; background: transparent; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box;opacity:0.25;}

::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}        
        
        
.footer-first {padding: 30px 0 25px 0}
.footer-second {padding: 25px 0 0 0}
.footer-third {padding: 0 0 15px 0}
        
.footer-second img {width: 20px; height: 20px; padding: 0;margin: 0; display: inline;}
.footer-second ul {padding-left: 20px; display: inline;}
.footer-second ul li {display: inline; margin-right: 20px;}
.footer-second ul li a {font-size: 13px; color: white; font-weight: 100}
.footer-second .right ul li {margin: 0 0 0 20px;}
.footer-second .right ul li img {}
        
.footer-third ul {padding-left: 20px; display: inline;}
.footer-third ul li {display: inline; margin-right: 20px;}
.footer-third ul li a {font-size: 13px; color: white; font-weight: 100}
.footer-third p {font-size: 13px; color: white; font-weight: 100}
.footer-third .right ul li {margin: 0 0 0 20px;}
        
footer hr {color: white;}
              
        
@media screen and (min-width: 1000px) {
  .desktop {
   display: block;
  }
  .mobile {
  display:none;
  }    
}

@media screen and (max-width: 999px) {
  .desktop {
   display: none;
  }
  .mobile {
  display:block;
  }    
    
header {position: absolute;}
header .mobile .container {padding-left: 0!important; padding-right: 0!important;} 
.logo small {margin-right: 12px;}


.feature-top {padding-top: 110px; background: #f7f8ff;}
.feature-top h3 {
    color: #27a8f7;
    font-size: 12px;
    font-weight: 400;
    max-width: 100%;
    text-transform: uppercase;
    margin: 0;
}
.feature-top h1 {
    font-size: 32px;
    font-weight: 400;
    margin: 10px 0 20px 0;
}
.feature-top hr {
    width: 10%;
    border: 1px solid #27a8f7;
    opacity: 1;
	margin-bottom:30px;
}
  .feature-top p {font-size: 18px;font-weight: 300;}
  .feature-top p a {
    margin: 15px 0 0 0;
    padding: 13px 15px;
    background-color: #27a8f7;
    color: white;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    width: 100%;
}
.feature-top p a img {margin-top: -3px;margin-right: 8px;}

.feature-top .button-one {box-shadow: 0 0 0 4px #27a8f74f;}

.feature-top .button-two {box-shadow: 0 0 0 3px #010c304f; background-color: #010c30!important; color: #fff; margin-top: 5px;}
    
    
.logoMarqueeSection {
  padding-top: 10px;
  padding-bottom: 35px;
}
.logoMarqueeSection h6 {font-size: 20px;font-weight: 500;text-align: center; line-height: 150%!important; margin: 25px;}


.default-content-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    min-height: 100vh;
}

div.marquee>a>img {
  height: 50px;
}

.logoMarqueeSection>div>div {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

.marquee-wrapper {
  white-space: nowrap;
}

.marquee {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.marquee a {
    display:  inline-block;
    white-space: nowrap;
    padding-right: 5.4rem;
}

.marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}
    
.feature-block {background: none;display: block; padding: 30px 0;}
.feature-block .round-feature {width: 100%; margin-top: 15px;} 
.feature-block .round-mads {width: 100%; margin-top: 15px;}  
.feature-block h2 {margin-top: 20px; margin-bottom: 10px;}    
.feature-block h3 {margin-top: 20px; margin-bottom: 10px;}

.reviews .review-item {
    margin-top: 30px;
}

main .text .headline h2 {margin-top: 10px; margin-bottom: 10px;}    
main .text .headline h3 {}
main {padding: 30px 0;}
main .text {margin:0;}
    
.faq .right {text-align: right;display: flex;justify-content: right;align-items: center;}
.faq .faq-link {width:100%;}
    
.get-in-touch {background-color: #010c30; padding: 40px 0 10px 0;}
.get-in-touch h5 {font-size: 22px; font-weight: 500; padding: 0 0 5px 0;}
.get-in-touch h6 {font-size: 16px; font-weight: 300; padding: 0 0 5px 0;} 
.get-in-touch p {font-size: 16px; font-weight: 300; color: #27a8f7;} 
  
.get-in-touch .call {background-color: #27a8f7; box-shadow: 0 0 0 4px #27a8f74f;}    
.get-in-touch .mail {background-color: #fff; box-shadow: 0 0 0 4px #ffffff4f;}    
.get-in-touch .mobile-button {padding: 15px 20px 5px 20px; margin: 10px 0;text-align: center; border-radius: 5px;}
    
.selling-points {background-color: #010c30; padding: 0 0 0 0;}
.selling-points h5 {font-size: 32px; font-weight: 500; color: white; padding: 15px 0 0 0;}
.selling-points h6 {font-size: 12px; font-weight: 300; color: #27a8f7;}
    
footer {padding: 30px 0 20px 0;}
footer .mobile-footer-menu {border-top: 1px solid #fff;}
footer .mobile-footer-link {display:block; color: white; font-size: 20px; font-weight: 500; border-bottom: 1px solid #fff; width: 100%; padding: 7px 0}
footer .mobile-footer-link i {margin-top: 4px;}
footer .card-body {flex: 1 1 auto; color: white; font-size: 16px; padding: 0; background-color: inherit;padding: 7px 0;}
footer .mobile-footer-text {text-align: center; padding: 20px 0 0 0;}
footer .mobile-footer-text p {font-size: 13px; font-weight: 300; color: white; margin:5px 0;padding:0;}  
footer .mobile-footer-social {width: 100%; padding: 10px 0; text-align:center;}
footer .mobile-footer-social ul li {display: inline-block; margin: 0 10px;}
footer .mobile-footer-social ul li img {}
}