@charset "utf-8";

html,body {
	max-width: none;
	background-color: #EDEFF1;
}
video {
  display: block;
}
img, video, picture {
  max-width: 100%;
}
input[type="text"]{
    padding: 0.5rem 1rem;
    border: 1px solid rgba(133,133,133,0.3);
    border-radius: 2px;
    width: 100%;
}
input.search{
    padding: .8rem 1rem .8rem 2.2rem;
    font-size: 1.2rem;
}
.search-box{
    position: relative;
}
.search-box:before{
    content: '\f002';
    font-family: 'Font Awesome 5 Pro';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.8rem;
}
.select{
    position: relative;
    border-radius: 2px;
}
.select:after {
    padding: 0.5rem 1rem;
    content: "\f0d7";
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    font-weight: bold;
    top: 0;
    right: 0;
    pointer-events: none;
}
.select select{
    padding: 0.5rem 1rem;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    border: 1px solid rgba(133,133,133,0.3);
}

.font-secondary {
    font-family: 'Saira Semi Condensed', sans-serif;
}

.contrast-heading{
    font-family: 'azo-sans-web', sans-serif;
    font-size:1rem;
    font-weight: 600;
}

.animated {
    transition: all 500ms ease 0s;
}
select {
  cursor: pointer;
}
.unbreakable {
	white-space: nowrap;
}
[class*='bg-image'] {
	background-size: cover;
	background-position: center;
}
.bg-image-top {
	background-position: top center;
}
.bg-image-bottom {
	background-position: bottom center;
}
[class*='bg-faded'] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: .4;
	width: 100%;
	height: 100%;
}
.bg-faded-1 {opacity: .9;}
.bg-faded-2 {opacity: .8;}
.bg-faded-3 {opacity: .7;}
.bg-faded-4 {opacity: .6;}
.bg-faded-5 {opacity: .5;}
.bg-faded-6 {opacity: .4;}
.bg-faded-7 {opacity: .3;}
.bg-faded-8 {opacity: .2;}
.bg-faded-9 {opacity: .1;}
#at-share-dock {
	bottom: -100%;
	z-index: 999;
}
#at-share-dock.scrolled {
	bottom: 0;
}
/* Vertical Align anything */
.valign-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
}
/* Font Awesome Before element */
[class*='fa-before']::before {
  font-family: "Font Awesome 5 Pro";
  line-height: 1;
  font-weight: 400;
}
.fa-before-light::before {
  font-weight: 300;
}
.fa-before-solid::before {
  font-weight: 900;
}
.cover {
  width: 100%;
  height: 100%;
  margin: 0;
}
.cover img,
.cover video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.minheight-low {    min-height: 40vh;}     .height-low { height: 40vh;}
.minheight-medium { min-height: 60vh;}  .height-medium { height: 60vh;}
.minheight-tall {   min-height: 80vh;}    .height-tall { height: 80vh;}
.minheight-full {   min-height: calc(100vh - 128px); height: calc(100vh - 128px);}   .height-full { height: 80vh;}
.limit-width {
  max-width: 900px;
}
.wide {
  max-width: 1600px;
}
.container.full,
.container-fluid.full {
  max-width: none;
  padding: 0;
}
.full .row {
  margin-left: 0;
  margin-right: 0;
}
.full .row [class*='col'] {
  padding-left: 0;
  padding-right: 0;
}
.opacity-high { opacity: .75;}
.opacity-medium { opacity: .50;}
.opacity-low { opacity: .25;}
.overlay-full .container {
  position: relative;
  z-index: 2;
}
.overlay-full::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}
.overlay-full::before {
  background-color: rgba(40, 45, 62, 0.9);
  top: 0;
}
.content *:last-child {
  margin-bottom: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}
.swiper-button-next i,
.swiper-button-prev i {
  line-height: 0;
}
.slides-1 .swiper-button-next,
.slides-1 .swiper-button-prev,
.slides-1 .swiper-pagination {
  display: none;
}
.position-top {
  top: 0;
}

.block-swiper .swiper-slide .cover:not(.height-fit) {
  position: absolute;
  top: 0;
}
.block-swiper .swiper-slide .cover img {
  height: 100%;
}
.block-swiper .swiper-slide .content {
  padding: 2.5rem;
}
.block-swiper .swiper-slide .row.minheight-fit:not(.align-items-below) {
  position: absolute;
  top: 0;
  height: 100%;
}
.block-swiper .swiper-slide.align-items-below {
  min-height: 0;
}
.block-swiper .swiper-slide.align-items-below .cover {
  position: static;
  top: auto;
}
.block-swiper .swiper-slide.align-items-below .row {
  min-height: 0;
}
.block-swiper .swiper-slide.align-items-below .content {
 padding: .5rem 0 2rem;
}
.bg-black {
  background-color: #000;
}
.tpl-article #main .content img{
    width: 100%;
    height: auto;
}
table {
    border:none;
}

table thead tr{
    border-bottom:4px solid #333B57;
}

table thead td {
    border:none;
    font-family:'Saira Semicondensed', sans-serif;
    font-size:1rem;
}


/* COOKIE CONSENT START */
.termsfeed-com---palette-light.termsfeed-com---nb {
    background-color: #FFF !important;
    color: var(--bs-dark) !important;
    box-shadow: 0 0 2rem rgba(0,0,0,.25) !important;

}

.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-cp-foot-save,
.termsfeed-com---palette-light .cc-nb-reject {
    background-color:rgb(250,143,65)!important;
}

.termsfeed-com---palette-light .cc-nb-changep {
    background-color: var(--bs-light) !important;
    box-shadow: 0 0 2rem rgba(0,0,0,.25) !important;
}
.termsfeed-com---pc-dialog .cc-cp-foot-byline,
.termsfeed-com---pc-dialog .cc-cp-foot-byline * {
    opacity: 0 !important;
    display: none !important;
}
/* COOKIE CONSENT END   */



/** ################## PAGE HEADER / NAV START ################## **/
#header {
}
#logo {
  height: 4rem;
}
.navbar-toggler::before {
  content: "\f00d";
}
.navbar-toggler.collapsed::before {
  content: "\f0c9";
}
.navbar-collapse{
    margin-top: 1rem;
}
.navbar-nav .nav-link{
    color: rgb(51,51,51);
    font-weight: 600;
}

.navbar-nav .nav-item a:hover {
    color:#DE8849;
    background: none;
}
.navbar-nav .nav-item.active > a{
    color:#DE8849;
}

.navbar-nav .nav-item a.nav-link{
    padding: .5rem 0;
}

.navbar-nav .nav-item {
    padding-left:0.5rem;
    padding-right:0.5rem;
}
.fa-custom-size{
    font-size: 2.5rem;
}

.navbar-nav .dropdown-item{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight:600;
}

.navbar .dropdown-menu{
    height: auto;
    display: block;
    background: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    margin: 0;
}
/** ################## PAGE HEADER / NAV END ################## **/


/** ################## HERO START ################## **/
.not-full figure{
    width: 100%;
}
.not-full figure.cover{
    position:relative!important;
    padding-bottom: 0;
}

.swiper-menu p{
    font-size:0.9rem;
    position: relative;
}

.swiper-menu h4{
    font-size:1rem;
    transition: 0;
}

.swiper-menu a{
    color:rgba(0,0,0,0.8);
    transition:0.15s ease-in-out;
    border-bottom:5px solid #fff;
    position: relative;
    height: 100%;
}


.swiper-menu a{
    border-left: 1px solid rgba(112,112,112,.2);
}

.swiper-menu a:hover p{
    bottom: 0;
    opacity: 1;
}

/** ################## HERO END ################## **/


/** ################## BANNER VIDEO START ################## **/
.bg-video {
  position: relative;
  overflow: hidden;
	background: #000;
}
.bg-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/** ################## BANNER VIDEO END ################## **/


/** ################## SWIPER START ################## **/

.swiper-button-next, 
.swiper-button-prev{
    background-color:rgb(65,71,91);
    font-size:1.3rem;
    color:#fff;
    width:46px;
    height:46px;
    text-align:center;
    line-height:46px;
    position:static;
    display:inline-block;
}

.swiper-slide {
    height:auto!important;
}




/** ################## SWIPER END ################## **/

/** ################## CONTENT BLOCKS START ################## **/

.layout-section-2 .full .block-text{
    max-width:525px;
    margin:0 auto;
}
.cross-section:nth-child(odd){
    background-color: #FFF;
}
.cross-section .row{
    min-height: 400px;
}
.cross-section .fluid-width{

}
.block-image.content{
    display: block;
}
/*
.cross-section .cross-image img{
    min-width: 100%;
    max-height: 300px;
    max-width: none;
    object-fit: cover;
    object-position: center;
}*/

.expertise-menu a {
    padding:0.8rem 1.2rem;
    margin-bottom:1rem;
    display:block;
    color:#000;
    position:relative;

}
.expertise-menu a span{
    position:relative;

}

.expertise-menu a:before {
    content:"";
    background-color:rgb(65,71,91);
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:7px;
    transition:0.25s ease-in-out;
}


.bars-effect{
    background-position: 60%;
    background-size: contain;
    background-repeat: no-repeat;
}
.section-menu{
    border-bottom: 1px solid rgba(200,200,200,0.4);
}

.section-menu.sticky-top {
    box-shadow:0 0 20px rgba(0,0,0,0.2);
    border: none;
}
.section-menu ul{
    padding: 0;
}
.section-menu ul li{
    list-style-type: none;
}
.section-menu ul li a{
    font-family: 'Saira Semicondensed', sans-serif;
    border-bottom: 2px solid #FFF;
    padding:0.8rem;
    display:block;
}
.section-menu .submenu li.active a{
    color: rgb(65,71,91);
    border-bottom: 3px solid rgb(65,71,91);
}

.submenu {
    display:none;
    text-align:center;
}
#driftsavtaler .container,
#serviceavtaler .container{
    margin-bottom: 2rem;
    background: #FFF;
    padding: 2rem;
    box-shadow: 0 0 15px rgba(133,133,133,.4);
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 3px;
}
.icon-list-wrapper{
    padding: 1.5rem 0;
    border: none;
    border-top: 4px solid rgb(222,136,73);
    border-radius: 2px;
    font-size: 16px;
}
.icon-list-wrapper h3{
    font-size: 1.4rem;
    text-transform: none;
}
.bg-light .icon-list-wrapper{
    background: #EDEFF1;
}
.icon-list-wrapper ul{
    margin: 0;
    padding: 0;
}

.icon-list-wrapper ul li{
    list-style-type: none;
    padding: .3rem 0;
}

.icon-list-wrapper ul li:before{
    content: "\f058";
    color: rgb(222,136,73);
    font-family: "Font Awesome 5 Pro";
    width: 2.6rem;
    padding-right: 1rem;
    position: absolute;
}
.icon-list-wrapper ul li p{
    margin: 0;
    padding: 0;
    padding-left: 2rem;
}
/** ################## CONTENT BLOCKS END ################## **/


/** ################## PRODUCTS START ################## **/

.swiper-products img{
    max-height:350px;
    
}

.swiper-products .swiper-pagination {
    margin-top: 1rem;
    position:static;
    
}

.products-image img{
    max-height:400px;
}

.nav-pills .nav-link{
    background-color:rgb(248,248,248);
    border-radius:0;
    color:black;
    text-transform:uppercase;
    font-family: 'azo-sans-web', sans-serif;
    border-bottom:5px solid rgb(248,248,248);
    padding: 0.6rem 1rem;
    

}

.nav-pills .nav-link.active{
    background-color:#fff;
    color:black;
    border-bottom:5px solid rgb(222,136,73);
}

.nav-pills .nav-item {
    display:block;
    width:100%;
    margin-bottom:.3rem;
    
}


#pills-documents ul {
  list-style-type: none;
  padding-left:0;
}
.related-products .bg-light{
    height: 100%;
}
.related-products .bg-light p{
    font-size: 16px;
}
.related-products img {
    max-height:220px;
    display:block;
    margin:0 auto;
}

.related-products img:hover {
    opacity:0.7;
}

/** ################## PRODUCTS END ################## **/


/** ################## SECTIONS START ################## **/
.tpl-home .partner-section,
.tpl-article .partner-section{
    background-color:transparent!important;
}

.partner-images img{
    max-height:70px;
}

.statistic p.number-big {
    font-size:3rem;
    line-height:1;
}

.bg-effekt{
    opacity:0.62;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.product-link{
    text-transform: none;
    font-size: 1.2rem;
    margin-top: 1rem;
}
/** ################## SECTIONS END ################## **/

/** ################## ARTICLE START ################## **/
.article-published{
    color:#777777;
    border-top:1px solid #B5B5B5;
    border-bottom:1px solid #B5B5B5;
    padding:0.5rem 0;
    margin:2rem 0;
}

.breadcrumb {
    background-color:transparent;
    padding-left:0;
    font-size:0.9rem;
    font-family: 'Saira Semicondensed', sans-serif;
    font-weight: 600;
}
.breadcrumb i {
    font-size:0.7rem;
}

.banner-image{
    height:35vh;
}

.banner-image img{
    top: 0;
    left: 0;
    min-width:100%;
    min-height:100%;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}
.news-article a img,
.news-article a{
    transition: .15s ease-in-out;
}
.news-article a:hover img{
    opacity: .7;
}
.news-article h3{
    font-size: 1.2rem;
}
.news-article p{
    color: #000;
    font-size: .9rem;
}
/** ################## ARTICLE END ################## **/

/** ################## MIXITUP START ################## **/

.mixitup-control {
    background-color: #FFF;
    border: none;
    padding: .6rem 1.2rem;
}
.mixitup-control-active{
    background-color: rgb(222,136,73);
    color: #FFF;
}
/** ################## MIXITUP END ################## **/

/** ################## QR START ################## **/
.qr-documents ul{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 4.5rem;
}
.qr-documents ul a{
    display: inline-block;
    margin: .3rem 0;
}
/** ################## QR END ################## **/

/** ################################################## MEDIA QUERIES ################################################## **/

/** Small devices (landscape phones, 576px and up) **/
/** Bootstrap: -sm **/
@media (min-width: 576px) {
    .swiper-products .swiper-pagination {
        width: auto;
        display: inline-block;
        margin-top: 1rem;
        position:static;
        
    }

}

/** Medium devices (tablets, 768px and up) **/
/** Bootstrap: -md **/
@media (min-width: 768px) {
    .not-full figure{
        width: 100%;
        
    }
    .not-full figure.cover{
        position: absolute!important;
    }
    .not-full .container.full .block-text {
        max-width:620px;
        margin-left:auto;
        margin-right:5%;
        padding-top:3rem!important;
        padding-bottom:3rem!important;
    }
    
    .nav-pills .nav-item {
        display:inline-block;
        padding: 0;
        width:auto;
        margin-bottom:0px;
    }
    
    .statistic p {
        font-size:0.9rem;        
    }
    .cross-section{
        overflow: hidden;
    }
    /*
    .cross-section .cross-image .fluid-width{
        width: 50%;
        overflow: hidden;
        position:absolute;
        height: 100%;
    }*/
    
    .cross-section:nth-child(odd) .cross-image{
        order: 2;
    }
    .cross-section .cross-image img{
        min-width: 100%;
        min-height: 100%;
            margin: 2rem 0;
    }
    .cross-section:nth-child(even) .cross-image .fluid-width{
        right:50%;
        top:0;
        left:0;
        bottom:0;
    }
    /*
    .cross-section:nth-child(odd) .cross-image .fluid-width{
        right:0;
        top:0;
        left:50%;
        bottom:0;
    }*/
    .cross-section:nth-child(odd) .cross-text{
        order: 1;
    }
    .tpl-home .not-full figure.cover{
        height: calc(100% - 204px)!important;
        padding-bottom: 20px;
    }
    .minheight-full {
        height: calc(100vh - 121px);
        min-height: calc(100vh - 121px);
    }
    
    .section-menu .subicon{
        display:none;
    }
    
    .submenu {
        display:flex;
    }
    
    .section-menu ul li a{
        padding:0;
    }
    .icon-list-wrapper{
        padding: 1.5rem 1rem;
        border: 4px solid rgb(222,136,73);
    }
}
/** Large devices (desktops, 992px and up) **/
/** Bootstrap: -lg **/
@media (min-width: 992px) {
    .swiper-menu h4{
        font-size:1.15rem;
    }
    #logo{
      width: 263px;
    }
    .not-full figure{
        width: calc((100% - 960px) / 2 + 960px);
    }
    
    .statistic p {
        font-size:1rem;        
    }
    .banner-image{
        height:60vh;
    }
    .navbar-collapse{
        margin-top: 0;
    }
    .navbar-nav .nav-item a.nav-link{
        padding:0;
        border-bottom: 3px solid transparent;
    }
    .dropdown:hover .dropdown-menu{
        display: block;
    }
    .navbar .dropdown-menu{
        box-shadow: 10px 10px 20px rgba(133,133,133,0.5);
        display: none;
        background: #FFF;
    }
    .navbar-nav > .nav-item.active > a {
        border-bottom:3px solid #DE8849;
    }
}

/** Extra large devices (large desktops, 1200px and up) **/
/** Bootstrap: -xl **/
@media (min-width: 1200px) {
    .swiper-menu h4{
        font-size:1.35rem;
        transition: 0;
    }
    .animation-wrapper{
        position: relative;
        transform: translateY(25%);
        transition: .15s ease-in-out;
    }
    .swiper-menu a:hover .animation-wrapper{
        transform: none;
    }
    .swiper-menu p{
        font-size:0.9rem;
        position: relative;
        bottom: -100px;
        opacity: 0;
        transition: .15s ease-in-out;
        color: #FFF;
        overflow: hidden;
    }
    .not-full figure{
        width: calc((100% - 1140px) / 2 + 1140px);
    }
    
    .expertise-menu a:hover {
    color:white;
    
    }

    .expertise-menu a:hover:before {
        width:100%;
        
    }
    .minheight-full {   
        min-height: calc(100vh - 128px);
        height: calc(100vh - 128px);
    }
    .tpl-home .not-full figure.cover{
        height: 100%!important;
        padding-bottom: 20px;
    }
    .news-article p{
        font-size: 1rem;
    }
    
    .swiper-menu a:hover{
        background-color:rgb(65,71,91);
        color:#fff;
        text-decoration:none;
        border-bottom:5px solid rgb(250,143,65);
    }

    .swiper-menu a:hover i{
        color:rgb(250,143,65);
    }
    .swiper-menu a:hover h4{
        color: #FFF;
    }
}

/** HD devices (extra large desktops, 1540px and up) **/
@media (min-width: 1540px) {
    .banner-image{
        height:70vh;
    }
}

@media (max-height: 800px) {
}

@media (orientation: landscape) {
  .img-portrait {
    display: none;
  }
}

@media (orientation: portrait) {
  .img-landscape {
    display: none;
  }
}

@media(max-width: 767px){
    .minheight-full,
    .minheight-medium{
        min-height: auto;
    }
    .not-full .minheight-full .block-text{
        margin-top: -50px!important;
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
    .not-full figure.cover img{
        min-height: 300px;
    }
    .layout-header.not-full .cover.h-100{
        height: 40vh!important;
    }
}
.compat-object-fit{
    background-size: cover;
    background-position: center center;
}

.compat-object-fit img{
    opacity:0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .layout-header .col{
            ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%;
            height: 100%;
            width: 100%;
            margin-bottom: 45vh;
        }
        .not-full .container.full .block-text{
        }
}