@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

body {  font-family: "Space Grotesk", sans-serif;font-size:18px;font-weight:400;color:#5a6174}

/****************************************************************************
By Jorge
*****************************************************************************/
h1, h2, h3 {  font-family: "Space Grotesk", sans-serif;margin:0 0 20px 0; font-weight:500; color:#001326;}
h4, h5, h6 {  font-family: "Space Grotesk", sans-serif; margin:10px 0; font-weight:400; color:#001326;}
h1{ font-size:36px}
h2 { font-size: 2.2rem;letter-spacing:-0.02em}
h3 { font-size:2rem;letter-spacing:-0.02em}
h4 { font-size:1.4rem; line-height:1.2em; padding:10px 0}
h5 { font-size: 16px }
h6 { font-size: 14px }
h2.Title {margin:0 0 20px 0;} 
h2.Title a{font-size:2rem;text-decoration:none} 

p{margin:0 0 20px}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3bb5b2;
    --bs-btn-border-color: #3bb5b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #109593;
    --bs-btn-hover-border-color: #109593;
    --bs-btn-active-bg: #109593;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00469e;
    --bs-btn-disabled-border-color: #00469e;
	font-weight:400 !important;
    font-size:18px;
	padding:10px 30px;
	border-radius:60px
}

a.btn-primary{text-decoration:none !important;color:#fff !important}

.Body h2, .ArticleDetails h2{font-size:4rem;letter-spacing:-0.05rem}
.Body h3, .ArticleDetails h3{font-size:2.5rem;line-height:1.3em;font-weight:500;letter-spacing:-0.05rem}
.Body p, .Body li{font-size:18px;line-height:1.5em}
.ArticleDetails{padding:5% 0%}
main{padding:70px 0 0}
.home-page main{padding:0 0 0}

/*Heading
*********************************/
.section-header h2{font-size:6rem;margin:20px 0 20px 0;padding:0;letter-spacing:-0.02em;font-weight:600;line-height:1em}
.section-header .col-12 { position: relative;}
.section-header .pre-header:before { content: ""; position: absolute; width: calc(100% - 24px); border-top: 1px solid #ddd; top: 12px; z-index: -1; right: 0}
p.pre-header {font-size:18px !important;letter-spacing:3px;color:#38bbd0;background: #fff; display: inline-block; margin:0;padding:0 20px 10px 0px;}
h1.Title{font-size: 38px;}
.PreHeading{font-weight:400;letter-spacing:1px}
h1.PreHeading{font-size: 18px;font-weight:400;color:#53b8d3;letter-spacing:1px;margin:0 0 10px}
h3.PreHeading{font-size:14px;font-weight:500;letter-spacing:0px;}
.section-header .pre-header {font-size:24px;color:#38bbd0;margin:0;padding:0 0 20px 0px;text-align:left;}

p{margin:0 0 20px;line-height:1.4em}
strong { color: #131b2a ; font-weight:600}

.Body a{color:#111 ;text-decoration:underline;font-weight:500}
.Body a:hover{color:#39b4b2}
.ImageCover { overflow: hidden;border-radius:5px;margin:0 0 20px}
span.image{ transition: all 0.2s }
span.image:hover {transform: scale(1.1);}
.readmore{margin:0 0 20px;display:block}
a.readmore{color: #39b4b2;font-weight:700}
a.readmore:hover{color: #111;}
.form-select{font-size:18px;border-radius:0}
.form-control{font-size:18px;padding: .35rem .75rem;}
.ArticleDetails p{font-size:20px}
h2.col.ArticleTitle{font-size:42px;margin:0 0 30px 0}


/**************************************
header
***************************************/
header{background:#fff; box-shadow: 0 20px 30px 0 rgba(28, 9, 80, .05);}
.home-page header{box-shadow:0 10px 20px rgba(0,0,0,0);z-index:999;}

/*********************************************************
Header
**********************************************************/
.home-page header.Sticky{ position: fixed; width: 100%; transition: all 0.2s; height:70px; z-index: 1001;background:#fff;box-shadow: 0 20px 30px 0 rgba(28, 9, 80, .05);}

header{position: fixed;width: 100%; transition: all 0.2s; height:70px; z-index: 1001;background:#fff;}
header.Sticky, #outpage:not(header) header{background:#fff;box-shadow: none; height:70px; padding-top: 0px;    box-shadow: 0 20px 30px 0 rgba(28, 9, 80, .05);}
#HeaderArea .HeaderContentSectionsWrapper:nth-child(1) > div { padding-bottom: 10px; }
#HeaderArea .section-item:nth-child(1) img { height:130px; transition: all 0.2s; padding:10px 0 0}
#HeaderArea .section-item:nth-child(2) {padding-top:10px;transition: all 0.2s }

#HeaderArea .section-item:nth-child(3) { padding-top:10px; transition: all 0.2s }
#HeaderArea.Sticky .HeaderContentSectionsWrapper:nth-child(1) > div, #outpage:not(.HomePage) #HeaderArea .HeaderContentSectionsWrapper:nth-child(1) > div { padding: 0px; border: 0px }
#HeaderArea.Sticky .section-item:nth-child(1) img, #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(1) img { height: 60px; padding:5px 0}
#HeaderArea.Sticky .section-item:nth-child(2), #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(2) {padding-top: 0px;}
#HeaderArea.Sticky .section-item:nth-child(3), #outpage:not(.HomePage) #HeaderArea .section-item:nth-child(3) { padding-top: 0px; }

.home-page .Logo img{height:90px}
header.Sticky .Logo img{height:60px}
header.Sticky .Logo p{color:#5a6174}
header.Sticky .Logo a{color:#111;text-decoration:none}

.home-page header p{color:#fff}
.home-page header h2 a{color:#fff;padding:10px 0 0;text-decoration:none}
.home-page header h2 a:hover{color:#39b4b2;text-decoration:none}

header.Sticky .Logo h2{color:#111;padding:10px 0 0}
.home-page header h2 {font-size:28px;padding:20px 0 0;color:#fff;}

/*Logo
***************************/
.Logo p{font-size:16px;margin:0}
.Logo img{height:60px;margin:5px 15px 5px 0;transition:0.3s;float:left}
.Logo img:hover{scale:1.15;}
.Logo h2{margin:0;font-size:24px;font-weight:700;padding:10px 0 0}
.Logo a{text-decoration:none}


/*FAQ and support
****************************/
#main-section-27109{background-image: url(/Content/Archive/814/Faq-808565.jpg);background-repeat: no-repeat;background-position:top right;background-size:contain;}
#section-27110{background:#f5f5ff;padding:40px;border-radius:20px;margin:50% 0 0 0}
.accordion-button{font-size:1.6rem; font-weight:600;background:#fff;box-shadow:0 3px 20px rgba(0,0,0,0.1);padding:30px}
.accordion-button:hover{background:#f5f5ff}
.accordion-item{border:none;margin:20px 0 20px}
.accordion-body{font-size:1.2rem}
.accordion-button:not(.collapsed) {color:#172233;background-color:#f5f5ff;box-shadow:none}
accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius:10px;}
.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {border-radius: 10px}
.accordion-button::after{background-color:#f5f5ff;padding:10px;width:40px;height:40px;background-position:center;border-radius:50%;background-size:50%}

/**************************************
Contact us page
***************************************/
#main-section-27073{background:#f5f5ff}
.contact-us ul { padding: 0; list-style: none;}
.contact-us li {font-size:20px;padding:0 0 15px;color:#001326}
.contact-us i{font-size:18px;background:#111;height:50px;width:50px;padding:16px;color:#39b4b2;margin:0 15px 0 0;vertical-align:middle;text-align:center;border-radius:40px}
#contactForm .form-group{margin:0 0 25px}
#contactForm label{font-weight:500;font-size:18px;color:#001326}
#section-section-27069{background:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1);padding:50px;border-radius:20px}
#section-section-27069 .section-header h2{font-size:2rem;margin:0 0 20px 0}
#section-section-27069 .form-control{border:none;border-bottom:solid 1px #ddd;border-radius:0}
#contactForm{display:flex;flex-wrap:wrap;justify-content:space-between}
#contactForm .form-group{flex-basis:46%;margin:10px 0px 10px 0}
#contactForm .form-group:nth-child(2){flex-basis:100%}
#contactForm .form-group:nth-child(5){flex-basis:100%}
#contactForm .form-group:nth-child(6){flex-basis:100%}
#contactForm .btn{margin-top:20px}
.map iframe { height:33vw}
.map p{margin:0}

/**************************************
Team
***************************************/
.team h3{font-size:2.4vh;margin:0 0 10px 0}
.team li {font-size:15px;padding:0 0 10px;line-height:1.3em}
.team ul { padding: 0; list-style: none;}
.team p{margin:0 0 10px}
.team .ImageCover .Image > span, .ImageCover span[style="background: url(/Content/no-image.jpg)"] {
    padding-top:120% !important;
    border-radius: 15px;
    display: block;
    background-size: cover !important;
    background-position: center center !important;
}
#section-27075 span{filter: grayscale(30%);transition:0.3s;}
#section-27075 span:hover{filter: grayscale(0%);opacity:1;scale:1.1;}

/************************************************
Footer
*************************************************/
footer a {
  background-image: linear-gradient(to right,#39b4b2, #39b4b2 50%, #adb5bd 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

footer a:before{
  content: '';
  background: #39b4b2;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}

footer a:hover {background-position: 0;}
footer a:hover::before{width: 100%}

/*Tjenester on footer
******************************/
#article-109639 ul{list-style:none;margin:0;padding:0}
#article-109639 li{padding:0 0 10px 0}


/************************************************
Menu***
*************************************************/
.menu-list-wrapper .navbar-toggler:focus {box-shadow: none}

/************************************************
By Jorge (New design)
*************************************************/
i{padding:0 10px 0 0;color:#39b4b2}
a:link,a:visited,a:active { color:#131b2a ;transition:0.2s}
a:hover { color: #39b4b2;text-decoration:underline}

.readmore a{
  background-image: linear-gradient(to right,#39b4b2, #39b4b2 50%, #131b2a 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.readmore a:before{
  content: '';
  background: #39b4b2;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s ease-in-out;
}

.readmore a:hover {background-position: 0;}
.readmore a:hover::before{width: 100%}

/**************************************
Om oss text effect
***************************************/
svg {font-weight:700;width: 100%; height: 100%;margin:40px 0}
svg text {
	animation: stroke 8s infinite alternate;
	stroke-width: 2;
	stroke: #39b4b2;
	font-size:30vh;
}
@keyframes stroke {
	0%   {
		fill: rgba(72,138,20,0); stroke: rgb(57 180 178);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(72,138,20,0); stroke: rgb(57 180 178); }
	80%  {fill: rgba(72,138,20,0); stroke: rgb(57 180 178); stroke-width: 3; }
	100% {
		fill: rgb(57 180 178); stroke: rgba(54,95,160,0); 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}



/**************************************
Homepage
***************************************/
a.nav-link{font-size:3.5vw;font-weight:400;color:#fff;letter-spacing:-0.02rem;text-decoration:none !important;padding:10px 0px !important}
.navbar-nav .nav-link.active{font-weight:700;color:#39b4b2}
.menu-list-wrapper .navbar-collapse ul {padding:10% 10%}
.menu-list-wrapper .navbar-collapse li {word-break: break-word;line-height:4.2rem;padding:0;transition:0.3s}
.menu-list-wrapper .navbar-collapse li:hover {padding:0 10px}

/*Sub menu
***********************/
.menu-list-wrapper .navbar-collapse .navbar-nav { position: absolute; z-index:9999;right: 0px; top: 0px;height: 100vh; transform:translateX(100%); -webkit-transform:translateX(100%) }

.menu-list-wrapper .navbar-collapse {position: absolute;right: 0px;top: 0px;height: 100vh;overflow: hidden;background: rgba(255,255,255,0.0);}
.menu-list-wrapper .navbar-collapse.collapsing { height: 100vh !important; width: 100vw }
.menu-list-wrapper .navbar-nav { flex-direction: column }

.navbar-collapse.collapse .dropdown-menu { position: relative; top: 0; transition: all 0.5s; display: block; height: 0; overflow: hidden; padding: 0; margin: 0; opacity: 0 }
.navbar-collapse.collapse .dropdown-menu.show {height: auto; opacity: 1;border:none;margin:2rem 0;padding:2rem}


/*Tjenester
******************************/
#main-section-27093{background:#f1f5ff}
#main-section-27089 h2{font-size:8rem;margin:0 0 30px 0;padding:0;letter-spacing:-5px;font-weight:600}
#article-109641 h3{font-size:3rem;font-weight:300}
#section-section-27090 h2{font-size:2rem;}
#section-27090 img{filter: grayscale(100%);opacity:0.7;transition:0.3s;}
#section-27090 img:hover{filter: grayscale(0%);opacity:1;scale:1.2;}

/**************************************
Homepage***
***************************************/
/*Velkommen
******************************/
#article-109637 p{margin:0}
#article-109637 a.btn {background:#111;border:none;padding:20px 40px;margin:20px 0;border-radius:80px}
#article-109637 a.btn:hover{background:#39b4b2;border:none;margin:20px 0;border-radius:0px;scale:1.05}

/*Slide new
******************************/
#main-section-27095 .carousel-caption {position: absolute;bottom:10%;width:fit-content;margin:auto;left:0;right:0}
#main-section-27095 .carousel-caption h2{font-size:6vw;font-weight:800;color:#fff;letter-spacing:-0.2rem;text-shadow:2px 2px 2px rgba(0,0,0,0.75);margin:0 0 20px}
#main-section-27095 .carousel-caption h3{font-size:1.8rem;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.75)}
#main-section-27095 .carousel-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: .7;background: linear-gradient(180deg,#000000,rgba(0,0,0,0.6)0%)}
#main-section-27095 .carousel-control-prev, #main-section-27095 .carousel-control-next{display:none}

.navbar-toggler{border:none !important}
.navbar-expand-lg .navbar-toggler {margin:10px auto 0;display: block;width:50px;height:40px;padding:2px 5px;border: none;position: absolute;top:0;right:0;z-index:9999}
.menu-list-wrapper .navbar-toggler span i { 
	margin: auto;
	width:70%; 
	height: 2px;	
	background: #39b4b2;
	display: block;	
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	transition: all 0.2s;
	top: 0; 
	bottom: 0;
	right: 0;
	left: 0
}


.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(1) { -webkit-transform: rotate(0deg); transform: rotate(0deg); top: 8px; bottom: auto; left: auto }
.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(2) { opacity: 1; width: 100%; }
.menu-list-wrapper .navbar-toggler.collapsed span i:nth-child(3) {-webkit-transform: rotate(0deg);transform: rotate(0deg); top: auto;bottom: 8px; right: auto}
.menu-list-wrapper .navbar-toggler span i:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.menu-list-wrapper .navbar-toggler span i:nth-child(2) { opacity: 0;}
.menu-list-wrapper .navbar-toggler span i:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(-45deg)}


.menu-list-wrapper .navbar-collapse.show ul {animation-name: MenuActive;animation-duration: 0.4s;animation-timing-function: ease-in-out;-webkit-animation-name: MenuActive;-webkit-animation-duration: 0.4s;-webkit-animation-timing-function: ease-in-out;transform:translateX(0%);-webkit-transform:translateX(0%);width:100%;z-index:999}
.menu-list-wrapper .navbar-collapse.show {width:70vw;right: calc(0px - 50px);}
.navbar-nav{
	z-index: 4000;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #19193ee6;
    width: 100%;
    height: 100%;
    padding: 8rem 2.5rem 2.5rem;
    inset: 0%;
    overflow: auto;
}



/**************************************
Menu
***************************************/


/**************************************
Homepage Banner
***************************************/
#article-109664 {text-align:center}
#article-109664 h2{font-size:8vw}
#article-109664 h3{font-size:2vw;}


/**************************************
Webdesign Page
***************************************/
#main-section-27099 .section-header h2{color:#fff;z-index:99;position:relative;margin:0;width:fit-content;}
#main-section-27099 .section-header{background-image: url(/Content/Archive/814/meeting-room-804480.jpg);background-repeat: no-repeat;background-position:top 20% center;background-size:cover;padding:25% 0 5%;position:relative;overflow:hidden;text-align:center}
#main-section-27099 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}
.step{padding:50px 0 0;}
.step h1{color:#eee;font-size:7rem;font-weight:700;margin:0;line-height:1em;float:left;padding:0 20px 0 0}
.step p{padding:10px 0 0 160px;line-height:1.4em}


/**************************************
KI Resepsjonist Page
***************************************/
#main-section-27102 .section-header h2{color:#fff;z-index:99;position:relative;margin:0;width:fit-content;}
#main-section-27102 .section-header{background-image: url(/Content/Archive/814/aipowered-chatbot-enhancing-customer-service-modern-office-environment-806043.jpg);background-repeat: no-repeat;background-position:top 0% center;background-size:cover;padding:25% 0 5%;position:relative;overflow:hidden;text-align:center}
#main-section-27102 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}

/**************************************
Digital Identitet Page
***************************************/
#main-section-27100 .section-header h2{color:#fff;z-index:99;position:relative;margin:0;width:fit-content;}
#main-section-27100 .section-header{background-image: url(/Content/Archive/814/Digital-Identitet-806066.jpg);background-repeat: no-repeat;background-position:top 25% center;background-size:cover;padding:25% 0 5%;position:relative;overflow:hidden;}
#main-section-27100 .section-header:before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #0e0e0e, rgba(4, 9, 40, 0.6) 0%);
}


/**************************************
Text animation
***************************************/
#animation {text-transform: uppercase;font-size:72px;padding-top:20px;width:100%;display:block;font-weight:bold;line-height:1.3em}
#flip {height:100px;overflow:hidden;}
#flip > div > div {font-size:10x;color:#fff;padding:10px 30px;height:100px;margin-bottom:90px;display:inline-block}
#flip div:first-child {animation: show 5s linear infinite;}

#flip div div {background:#42c58a}
#flip div:first-child div {background:#4ec7f3}
#flip div:last-child div {background:#DC143C}

@keyframes show {
  0% {margin-top:-540px;}
  5% {margin-top:-360px;}
  33% {margin-top:-360px;}
  38% {margin-top:-180px;}
  66% {margin-top:-180px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-540px;}
}

/**************************************
Text animation typing
***************************************/

.line-1{
    position: relative;
    top: 50%;  
    margin: 0 auto;
    border-right: 2px solid rgba(25,55,25,.75);
    font-size:5rem !important;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%); 
	font-weight:600;
	letter-spacing:-0.02em
}

/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width:fit-content;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(25,25,25,.75);}
  to{border-right-color: transparent;}
}



/* DEMO-SPECIFIC STYLES */
#main-section-27095 .carousel-caption h2 {
 font-size:7rem;
 letter-spacing:-0.02em;
 color: #fff;
 font-weight:600;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #39b4b2; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin:0 auto 30px; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 3.0s steps(30, end),
    blink-caret 1.0s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color:#39b4b2 }
}


@media screen and (min-width:1200px) {
	#section-section-26053:hover .menu-list-wrapper .navbar-collapse.collapsing,
	#section-section-26053:hover .navbar-collapse.collapse:not(.show) { width: 500px; right: calc(94px - 12px) }
	#section-section-26053:hover .navbar-collapse:not(.show) ul {animation-name: MenuActive;animation-duration: 0.4s;animation-timing-function: ease-in-out;-webkit-animation-name: MenuActive;-webkit-animation-duration: 0.4s;-webkit-animation-timing-function: ease-in-out;transform:translateX(0%);-webkit-transform:translateX(0%);width:100%;z-index:99999}		 
}
	
@keyframes MenuBGActive {
	0%   { background-color:rgba(255,255,255,0.0); } 
	100% { background-color:rgba(255,255,255,0.8); }
}
@-webkit-keyframes MenuBGActive {
	0%   { background-color: rgba(255,255,255,0.0); } 
	100% { background-color: rgba(255,255,255,0.8); }
}

@keyframes MenuActive {
	0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
	50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
	100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
}
@-webkit-keyframes MenuActive {
	0%   { transform:translateX(100%); -webkit-transform:translateX(100%) } 
	50% { transform:translateX(100%); -webkit-transform:translateX(100%) }
	100% { transform:translateX(0%); -webkit-transform:translateX(0%)  }
}

/*navbar-toggler
***********************/
.menu-list-wrapper .navbar-toggler span { 
	width: 100%; 
	height: 100%; 
	padding: 0px
}




/**************************************
header
***************************************/
.home-page header{box-shadow:0 10px 20px rgba(0,0,0,0);z-index:999; position:fixed;top:0;width:100%;background:transparent}



/*Menu
***************************/
#section-section-26535{padding:0}
.navbar{background:transparent;margin:5px 0 0;}


.dropdown-menu{background:#fff;padding:10px 10px;}
a.dropdown-item{font-size:2vw;color:#0e1625 !important;padding:0 10px;text-decoration:none !important;}
a.dropdown-item:hover{color:#0e1625 !important;background:#f5f5ff;text-decoration:none;border-radius:0px}
.dropdown-item.active, .dropdown-item:active {background-color:#dee2e6;}



/**************************************
Homepage
***************************************/
#section-section-26541{text-align:center}
#section-section-26541 p{color:#fff}
#section-section-26541 .PreHeading{color:#fff;margin:0}
#section-section-26541 h2{font-size:36px;color:#fff;text-transform:uppercase}
#article-109145{background:#163d93;padding:50px 30px}
#article-109146{background:#03b6d9;padding:50px 30px 40px}
#section-section-26541 .btn-primary{background:transparent;border:solid 1px #fff;border-radius:40px}
#section-section-26541 .btn-primary:hover{background:#172233;border:solid 1px #172233;}




/**************************************
About us page
***************************************/
#article-108829 h1{font-size:6vw;font-weight:500;line-height:1em}




/*Informasjon
******************************/
#article-109190 ul{list-style:none;margin:0;padding:0}
#article-109190 li{transition:0.2s;line-height:1.8em;}
#article-109190 li:hover{padding:0 5px;}

/*****************************************
Homepage V3
******************************************/
/*Welcome
******************************/
#article-109157 .btn-primary{padding:10px 25px;background:transparent;border:solid 1px #163d93;border-radius:40px;color:#172233}
#article-109157 .btn-primary:hover{background:#163d93;border:solid 1px #163d93;color:#fff}

/*Why
******************************/
#section-section-26544{text-align:center}
#section-section-26544 h1{font-size:56px;color:#53b8d3;margin:0 0 10px}
#section-section-26544 p{margin:0}


/*Our Testimonials
*****************************/
#footer-section-26550{background: rgb(22,61,147);background: linear-gradient(100deg, rgba(22,61,147,1) 50%, rgba(19,39,99,1) 100%);color:#fff}
#footer-section-26550 h2{color:#fff}
#section-section-26551 .section-header .pre-header {background:transparent;margin: 20px 0 0}
#section-26552 img {max-height:110px;border-radius:50%;border:solid 8px rgba(255,255,255,0.2);margin:10px 0 10px}
#section-26552{text-align:center}
#section-26552 h3.Title{color:#fff;font-size:15px;background-image: url(/Content/Archive/691/star-685064.png); background-repeat:no-repeat;background-position:top center;padding:30px 0 0 0;margin:0}
#section-26552 .Ingress{min-height:260px;text-align:}


/*****************************************
Footer Section
******************************************/





/**************************************
Homepage V3 New Design
***************************************/



/*Why Choose
******************************/
#main-section-26588 p{margin:0}

/*Client Logo
******************************/
#footer-section-26577 p{margin:0;vertical-align:middle}
#footer-section-26577 img{filter: grayscale(80%);transition:0.2s;opacity:0.6;max-width:70%;max-height:65px}
#footer-section-26577 img:hover{filter: grayscale(0%);scale:1.1;opacity:1}

/*Client Say
******************************/
#footer-section-26585{background:#f4f5ff}
#footer-section-26585 p.pre-header {background: #f4f5ff}
#footer-section-26585 h2.Title{font-size:16px;font-weight:700;background-image: url(/Content/Archive/691/star-685064.png); background-repeat:no-repeat;background-position:top center;padding:30px 0 0}
#footer-section-26585 img{max-height:110px;border-radius:50%;border:solid 8px #fff;margin:0 0 10px;box-shadow:0 10px 10px rgba(0,0,0,0.15)}
#footer-section-26585 h3.PreHeading{margin:0}
#section-section-26589 .Ingress{text-align:center;background-image: url(/Content/Archive/47/quote-694078.png); background-repeat:no-repeat;background-position:top 20px left 0;}
#section-section-26589 .article-item{border-radius:15px;padding:40px}
#article-109184{background: rgb(56,187,208);background: linear-gradient(158deg, rgba(56,187,208,1) 50%, rgba(105,83,163,1) 100%);}
#article-109184 p, #article-109184 h2.Title, #article-109184 h3.PreHeading{color:#fff}





/*Kundehistorier
******************************/
#main-section-27091 h2{font-size:8rem;margin:0 0 30px 0;padding:0;letter-spacing:-5px;font-weight:600}
#article-109662 h3{font-size:3rem;font-weight:300}
#main-section-27092 .ImageCover .Image > span, #main-section-27092 .ImageCover span[style="background: url(/Content/no-image.jpg)"] {padding-top:70% !important}

#section-27092 .PreHeading{background:#111;color:#fff;width:50px;height:50px;line-height:50px;text-align:center}

/*****************************************
Footer V3
******************************************/
footer{background:#111;color:#fff;}
footer h3{font-size:22px;color:#fff;margin:20px 0}
footer strong{color:#fff}

/*Logo on bottom
******************************/
#article-109638 h2{color:#fff;font-size:10vh;font-weight:800;margin:0}
#article-109638 h3{color:#fff;font-size:1.8rem;font-weight:400;margin:5px 0 40px}

/*Follow us
*************************/
.follow li { font-size:0px;margin:0; padding:0;display:inline-block;text-align:center}
.follow i{font-size:17px;color:#fff;margin:0 5px 0 0;display:inline-block;transition:0.1s;width:46px;height:46px;line-height:46px;border:solid 1px #555;padding:0px;border-radius:50px}
#article-109656 i:hover{transform: scale(1.1);transition:0.2s}
ul.follow{margin:0;padding:0}
.fa-line:before{color:#49c30a}
.fa-youtube:before{color:#ff0000}
.fa-square-instagram:before{color:#333}
.fa-square-facebook:hover:before{color:#0d51d6}
.fa-linkedin:hover:before{color:#007bb5}

/*Copyright
****************************/
.Copyright{border-top:solid 1px #222;padding:40px 0 0}
.Copyright p{font-size:14px;margin:0;color:#ccc}


/*****************************************
Mobile Site
******************************************/
@media screen and (max-width: 991px) {
.section-body h1 {font-size:28px;margin: 0 0 20px}
.section-header h2 {font-size: 28px;}

/*Newletter
*************************/
#btnNewsletterSubmit{border-radius:50px;padding:17px 20px;}
#section-section-26595 .col-9{width:65%}