/* MAIN SECTIONS */
body { background-color:#FFF; } 
#page-width { width:100%; } 
header { width:100%; background-color:#9e2a2f; margin:0 auto; color:#000; padding:2.8rem 0 3.6rem 0; height: 3.8rem !important; position: fixed; z-index: 995; } 

#header-padding { max-width: 1300px; margin: 0 auto; position: relative; width: auto; padding: 0 30px; } 
a>img#logo-header { height: 60px; width: 315px; margin: 0 0 0 0; z-index: 9999999999; position: fixed; } 
a>img#logo-header:hover { border: 1px solid #fff !important; border-radius: 9px; padding: 10px; margin: -10px; } 
#logo-link:focus { border: 1px solid #fff !important; border-radius: 9px; padding: 10px; margin: -10px; } 

#logo-link-vertical { display: none; } 

/* a:hover #logo-header, a:focus #logo-header { border: 1px solid #fff !important; border-radius: 9px; padding: 17px; margin: -15px -18px -18px -18px; } */

#content-wrapper { max-width: 1300px; margin: 12rem auto 0px auto; padding: 0px 20px 0px 20px; } 
article>p { margin-bottom:20px !important; } 
article li a { line-height:25px; display:inline-block; color:#c0373e; text-decoration: underline; font-weight:600; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
article li a:hover, article li a:focus { color:#FFF; text-decoration: none; background-color:#c0373e; padding:0px 5px; border-radius:3px; } 
article ul ul { display:block; } 

.visually-hidden { position: absolute !important; overflow: hidden; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; word-wrap: normal; } 
.hidden { display:none } 

.showhide { display: none; } 

em { font-style: italic; } 
em { background-color: #e1e1e1; display: block; padding: 15px; margin: -7px 0 0 0; } 

/* Forsidebanner left/right */
.right { float:right }
.left { float:left }

#SearchSnarveier { padding: 0px 30px; font-size: 1rem; display: none; } 
#SearchSnarveierWrapper { max-width: 1255px; margin: 0 auto; } 
#SearchSnarveier ul { margin: 0; padding: 0; list-style: none; } 
#SearchSnarveier ul li { float: left; } 
#SearchSnarveier ul li a { background-color: transparent; border: 1px solid #fff; padding: 0 20px; margin: 0 20px 20px 0; border-radius: 5rem; line-height: 2.5rem; } 
#SearchSnarveier ul li a:hover, #SearchSnarveier ul li a:focus { background-color: white; box-shadow: 3px 3px 10px #0005; } 
.flex { display: flex; } 
.flex-col { flex-direction: column; }
.justify-between { justify-content: space-between; } 
.align-center { align-items: center; } 
.align-end { align-items: flex-end; }
.gap1 { gap: 1rem; }
.gap3 { gap: 3rem; }
.pricebox { background-color: #9e2a2f; color: #fff; padding: 2rem 4rem; display: flex; flex-direction: column; align-items: center; flex-basis: 100%; } 
.spotprice-wrapper {
  margin: 4rem 0;
  width: fit-content;
  align-items: flex-start;
}
.spotprice-wrapper select {
  min-width: 25%;
  height: 4rem;
  margin: 0.5rem 0 3rem 0;
  font-size: 1.2rem;
  border: 2px solid #ccc;
}
.velg {
  font-size: 1.2rem;
  font-weight: 700;
}
.flex-1 {
  flex: 1;
}
.asidekart {
  background-image: url('../../spotpriskart.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: 700;
  max-height: 100rem;
}

.unit {
  font-size: 0.5rem;
}

#NO1, #NO2, #NO3, #NO4, #NO5 {
  padding: 0.5rem 1rem;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  width: fit-content;
  color: #000;
  min-width: 7rem;
}
#spotpriceTotal table {
  text-align: center;
}

#NO4 {
  margin: 9rem 0 10rem 19rem;
}
#NO3 {
  margin: 0rem 0 2.5rem 12rem;
}
#NO2 {
  margin: 3.5rem 0 0 7rem;
}
#NO51 {
  margin: 2.4rem 0 0 1rem;
  gap: 3.5rem;
}
.spotprice-wrapper strong {
  font-size: 2rem;
  margin: 1rem 0;
  text-align: center;
}
.spotprice-wrapper p {
  font-size: 1.2rem;
  margin: 0;
  text-align: center;
}
.lowest, .highest {
  gap: 0.5rem;
}
.lowest svg, .highest svg {
  width: 1rem;
  height: 1rem;
}
.lowest svg path {
  fill: #5ac37d;
}
.lowest p, .highest p {
  font-size: 0.95rem;
  margin: 0;
  text-align: center;
}
.highest svg path {
  fill: #9e2a2f;
}

#currentPrice, #avgPrice {
  font-size: 3rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  margin-right: 0.5rem;
  margin-top: -0.5rem;
}
.left div, .right div {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  cursor: pointer;
}
.rightactive {
  background-color: #9e2a2f;
  color: #fff;
}
.toggles {
  margin: 0 0 2rem 0;
}
#allDayValues, #priceChart {
  margin-bottom: 6rem;
}
/* Forside profilsaker farger fra designmanual */
.oransje { background-color: #f39d89 } 
.pudderblaa { background-color: #bac3d5 } 
.gul { background-color: #f9b233 } 
.lysgul { background-color: #fed9a0 } 
.fersken { background-color: #f7b398 } 
.lyslilla { background-color: #d4c0dd } 
.lysmintgronn { background-color: #aed6c5 } 
.lysgronn { background-color: #b9d299 } 
.lysgraa1 { background-color: #f5f3f1 } 
.lysgraa2 { background-color: #dfded9 } 

/* Denne er global for hele nettsiden */
* a { display: inline-block; } 
* a:active, a:hover { outline: 0 !important } 
* { word-wrap: break-word; word-wrap: anywhere; font-family: 'Open Sans', sans-serif; } 
* :focus, #foldoutbutton-search:focus, #foldoutbutton-menu:focus, #pagesearch:focus, .exec-search:focus { z-index: 999; outline: 5px solid #C42A46 !important; outline-offset: 2px !important; transition: none !important; text-decoration: none !important; } 

 a:not([href]) { color: inherit; text-decoration: none; } 

/* Produktopplisting i kolonner (2-4 kolonner) */
.ProdWrapper { margin: 0 -12px; display: flex; flex-wrap: wrap; justify-content: center; } 

.prodCol { position: relative; width: 18rem; overflow: auto; flex: auto; background-color: transparent; box-sizing: border-box; text-align: center; border: 1px solid #3335; margin: 15px; padding:0; border-radius: 20px; box-shadow: 0px 0px 35px #0002; } 

.prodHeader { background-color: #f5f5f5; padding: 25px; color: #000; } 
.prodHeader h2 { line-height: 1.3; } 
.prodHeader p { font-weight: 500; } 

.prodArtWrapper { margin: 20px 20px 6rem 20px; } 
.prodArtWrapper ul { margin: 0 15px 1rem 0px; padding: 0 0 0 1rem; } 
.prodArtWrapper li { text-align: left; font-size: 1rem; padding: 10px 0 0 0; } 
.prodArtWrapper p { font-size: 1rem; text-align: left; } 
.prodArtWrapper a:hover,.prodArtWrapper a:focus { color: #FFF; text-decoration: none; background-color: #9e2a2f; padding: 2px 5px; margin: -2px -5px; border-radius: 3px; } 

.btn-prod-wrapper { gap: 1.3rem; position: absolute; bottom: 0; overflow: auto; width: 100%; padding: 1.5rem; display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; } 
.btn-prod-read, .btn-prod-order { display:none; } 
.btn-prod-readja { flex: auto; color: #000; font-weight: 500; padding: 0.5rem 1.2rem; border-radius: 30px; border: 1px solid #000; } 
.btn-prod-orderja { flex: auto; background-color: #9e2a2f; color: #fff; font-weight: 600; padding: 0.5rem 1.2rem; border-radius: 30px; border: 1px solid #9e2a2f; } 

.btn-prod-orderja:hover,.btn-prod-orderja:focus { color: #000 !important; background-color: #fff; box-shadow: 5px 5px 30px #0005; border: 1px solid #fff; } 
.btn-prod-readja:hover,.btn-prod-readja:focus { color: #fff !important; background-color: #000; box-shadow: 5px 5px 30px #0005; border: 1px solid #000; } 

/* UU Byline */
a#uub { font-weight: 500; color:#000; border-bottom: none !important; text-decoration: none; padding: 0 1rem; border-radius: 9px; line-height: 2.5rem; transition: .3s ease-in-out all !important; -webkit-transition: .3s ease-in-out all !important; -moz-transition: .3s ease-in-out all !important } 
a#uub:hover,a#uub:focus { background-color:#000 !important; color:#fff !important; margin: 0 0 1px 0; } 
a#uub .fab.fa-accessible-icon { padding: .5rem !important; font-size: 1.3rem; } 
a#uub span { font-size:1rem; } 

/* Tittel og ingress størrelse og justering */
.title-adjustcenter { text-align: center; } 
.title-size1, .size1 { font-size: 2rem !important; } 
.title-size2, .size2 { font-size: 2.5rem !important; } 
.title-size3, .size3 { font-size: 3rem !important; } 
.title-size4, .size4 { font-size: 4rem !important; } 
.title-size5, .size5 { font-size: 5rem !important; } 
.title-size6, .size6 { font-size: 6rem !important; } 

.buttontxtsize1 { font-size: 1.2rem !important; } 
.buttontxtsize2 { font-size: 1.4rem !important; } 
.buttontxtsize3 { font-size: 1.83rem !important; } 
.buttontxtsize4 { font-size: 2.2rem !important; } 
.buttontxtsize5 { font-size: 2.6rem !important; } 
.buttontxtsize6 { font-size: 3rem !important; } 

.ingress-adjustcenter { text-align: center; } 
.ingress-size2 { font-size: 2rem !important; } 
.ingress-size3 { font-size: 3rem !important; } 

.accordionmobile .ui-icon, .ui-widget-content .ui-icon { background-image: url("/assets_v3/images/ui-icons_ffffff_256x240.png") !important; } 

/* Profile Articles (foto og tekst bytter på annenhver side) */
#profilecontainer { margin: -100px 0 80px 0; } 
.profile-wrapper { padding:90px 0; overflow: auto; } 
.profile-art { max-width: 1300px; margin:0 auto; } 
.profile-txt { width: 600px; min-height: 600px; display: flex; flex-direction: column; justify-content: center; } 
.profile-txt h2 { font-size: 3.3rem; line-height: 1.2; padding: 0 0 10px 0; font-weight: 700; letter-spacing: -0.02em; } 
.profile-txt p { padding-bottom:35px; } 
.profile-txt ul { padding: 0; margin: 0; overflow: visible; } 
.profile-txt ul li { list-style: none; float: left; } 
.profile-txt ul li a { border-radius: 5rem; padding:1.1rem 2.9rem; font-weight: 600; text-decoration: none; color: #fff; background-color: #9e2a2f; display: inline-block; margin: 0 20px 10px 0; } 
.profile-txt ul li a:hover, .profile-txt ul li a:focus { color: #000 !important; background-color: #fff; border-radius: 5rem; padding: 1.1rem 2.9rem; text-decoration: none; display: inline-block; margin: 0 20px 10px 0; box-shadow: 5px 5px 30px #0005; } 
.profile-img { border-radius:20px; } 
.profile-wrapper:nth-of-type(even) { } 
.profile-wrapper:nth-of-type(odd) { } 
.profile-wrapper:nth-of-type(even) .profile-txt { float:left; } 
.profile-wrapper:nth-of-type(odd) .profile-txt { float:right; } 
.profile-wrapper:nth-of-type(even) .profile-art img { float:right; opacity: 1; } 
.profile-wrapper:nth-of-type(odd) .profile-art img { float:left; opacity: 1; } 

/* Forsidebanner bakgrunnsfoto 2023 */
#banner-background-whitebox { background-color: #0002; background-image: url("/glimt-bakgrunn.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } 
.banner-txtbox-whitebox { background-color: #fff; padding: 1.5rem 2.2rem; max-width: 50%; box-sizing: border-box; border-radius:20px; box-shadow: 5px 5px 70px #0004; } 
.banner-txtbox-whitebox h2 { font-size: 3.7rem; line-height: 1.2; } 
.banner-txtbox-whitebox p { padding: 0 0 1.4rem 0; font-size: 1.25rem; font-weight: 500; } 
.banner-txtbox-whitebox .button-red { background-color: #9e2a2f; border: 0; padding: 1rem 2rem 1.2rem 2rem; margin: 0 0 0.8rem 0; font-size: 2rem; font-weight: 400; color: #fff; border-radius: 4rem; cursor: pointer; } 

.banner-background-gradient { min-height: 50rem; position: relative; background-color: #0002; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 12rem 0 0 0; max-width: 2560px; margin: 0 auto; background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important, url('?a=view&m=art&t=thumb&c=5867&ref=1920x1100'); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) !important, rgba(0, 0, 0, 0)), url('?a=view&m=art&t=thumb&c=5867&ref=1920x1100'); background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important, url('?a=view&m=art&t=thumb&c=5867&ref=1920x1100'); } 

.banner-txtbox-gradient { max-width: 83rem; box-sizing: border-box; } 
.banner-txtbox-gradient h2 { font-size: 4.8rem; line-height: 1.2; color: #fff; text-shadow: 1px 1px 35px #0005; } 
.banner-txtbox-gradient p { padding: 0 0 1.4rem 0; color: #fff; font-size: 1.4rem; font-weight: 500; text-shadow: 1px 1px 35px #0005; } 
.banner-txtbox-gradient p a, .banner-txtbox-gradient ul a { color: #fff; text-decoration: underline; } 
.banner-txtbox-gradient p a:hover, .banner-txtbox-gradient ul a:hover, .banner-txtbox-gradient p a:focus, .banner-txtbox-gradient ul a:focus { color: #FFF; text-decoration: none; background-color: #9e2a2f; padding: 0px 9px; margin: -9px; border-radius: 8px; } 


/* Forsidebanner knapper i nummerert liste */
.banner-txtbox-gradient ol { list-style: none; margin: 0; padding: 0; } 
.banner-txtbox-gradient ol li { margin: 0 1rem 1.1rem 0; } 

.banner-txtbox-gradient ol li:nth-child(1) { float:left; } 

.banner-txtbox-gradient ol li a { font-size: 1.3rem; font-weight: 600; color: #fff; border-radius: 5rem; padding: 1.1rem 2.9rem; background-color: #9e2a2f; } 
.banner-txtbox-gradient ol li a:hover,.banner-txtbox-gradient ol li a:focus { color: #000; box-shadow: 5px 5px 30px #0005; border-radius: 5rem; padding: 1.1rem 2.9rem; background-color: #fff; } 
 
.banner-txtbox-gradient ul { color: #fff; margin: 0 0 2.3rem 0; font-size: 1.4rem; font-weight: 500; text-shadow: 1px 1px 35px #0005; } 
.banner-txtbox-gradient .button-red { background-color: #9e2a2f; box-shadow: 5px 5px 30px #0005; border: 0; padding: 1rem 2rem 1.2rem 2rem; margin: 0 0 0.8rem 0; font-size: 2rem; font-weight: 600; color: #fff; border-radius: 4rem; cursor: pointer; display: inline-block; text-align: center; width: auto; box-sizing: border-box; } 
.banner-txtbox-gradient .button-red:hover, .banner-txtbox-gradient .button-red:focus { background-color: #fff; box-shadow: 5px 5px 30px #0005; border: 0; padding: 1rem 2rem 1.2rem 2rem; margin: 0 0 0.8rem 0; font-weight: 600; color: #000; border-radius: 4rem; cursor: pointer; } 
.banner-content { max-width: 1300px; margin: 0 auto 80px auto; padding: 8rem 0; position: relative; overflow: auto; } 
.photocred { position: relative; bottom: 70px; font-size: 0.7rem; color: #fff; font-weight: 600; border-radius: 30px; padding: .19rem 1rem; text-shadow: 1px 0px 5px #000; max-width: 1300px; margin: 0 auto; text-align: right; } 

/* Diverse 2023 */
.ui-widget.ui-widget-content { border: none !important; } 
.exec-search { flex: 1 1 auto; } 
.fold-out-menu-padding h3 { font-weight: 700; font-size: 1.6rem; font-family: raleway; } 
.exec-search { font-family: 'Raleway', sans-serif !important; font-size: 1.6rem !important; font-weight: 600; border: 2px solid #fff; background-color: #9e2a2f; color: #fff; cursor: pointer; border-radius: 9px; } 
.exec-search:hover,.exec-search:focus { background-color: #fff; color: #9e2a2f; border: 2px solid #fff; } 

/* Forside snarveier 2023 */
#snarveierWrapper { position: relative; max-width: 1320px; box-sizing: border-box; margin: -130px auto 130px auto; } 
ul.sc-ct { padding: 0; overflow: visible; display: flex; flex-wrap: wrap; justify-content: center } 
.sc-ct li { list-style: none; flex: 1 auto; float: left; margin: 0 4px 20px -6px; padding: 0; width: 25%; text-align: center; border: 15px solid transparent } 
.sc-ct li a { background-color: #fff; display: grid; align-items: center; justify-content: center; border-radius: 12px; text-align: center; color: #000; height: 80%; font-size: 1.4rem; padding: 35px 5px; width: 100%; overflow: visible; box-shadow: 0px 0px 70px #0002 !important; transition: .3s ease-in-out all !important; -webkit-transition: .3s ease-in-out all !important; -moz-transition: .3s ease-in-out all !important } 
.sc-ct li a:hover { color: #fff; background-color: #9e2a2f; transform: scale(1.09); box-shadow: 0px 0px 50px #0005 !important; } 
.sc-ct li a:focus { color: #fff; background-color: #9e2a2f; } 
.sc-ct li h2 { width: 100%; display: block; font-size: 1.4rem; font-weight:600; margin: 0; overflow: auto } 
.sc-ct li p { width: 100%; display: block; font-size:1.1rem } 
.sc-ct .fa, .sc-ct .far, .sc-ct .fas { font-size: 3rem; margin: 0 0 -5px 0; } 
#snarveierWrapper svg { max-width: 125px; height: 90px; margin: 0 auto; } 
.sc-ct li a:hover svg path,.sc-ct li a:focus svg path { fill: #fff; } 

/* Bodø 2024 banner med animasjon */
#Bodo2024 { background-color: #ece9ec; max-width: 1300px; margin: 0 auto 60px auto; padding: 10px 0 15px 0; text-align: center; overflow: auto; box-sizing: border-box; } 
.banner2024 { width: 50%; height: auto; float: left; border: none !important; } 
.b2024txt { width: 50%; height: auto; float: right; text-align: left; padding: 80px 0 0 50px; box-sizing: border-box; } 
.b2024txt h2 { font-size: 2.5rem; } 
.b2024txt p { font-weight: 500; font-size: 1.4rem; padding:0 0 25px 0; width: 80%; } 
a.b2024button { font-weight: 600; font-size: 1.3rem; color: black; padding: 5px 15px; border: 1px solid black; border-radius: 50px; margin: 0 0 50px 0; display: inline-block; } 
a.b2024button:hover,a.b2024button:focus { background-color: black; color: white; } 

/* YELLOW NOTE - Header */
.yellow-note { background-color: #fbb900; padding: 10px; text-align: center; height: 109px !important; overflow: auto; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } 
.yellow-note h3 { font-size: 1.2rem !important; line-height: 1.4 !important; margin: 0 !important; } 
.yellow-note p { font-size: 1rem; line-height: 1.4; margin: 0; } 
.yellow-note strong { font-weight:600 } 
.yellow-note a { color:#000 } 
.yellow-note a:hover { color:#FFF; text-decoration: none; background-color:#000; padding:0px 5px; border-radius:3px } 
.yellow-note a:focus { color:#FFF; text-decoration: none; background-color:#000; padding:0px 5px; border-radius:3px } 

/* Funksjon: Sticky Call */
#sticky-call { box-sizing: border-box; font-family: 'Arial', sans-serif; z-index: 99999; overflow: hidden; position: fixed; right: -100px; bottom: 50px; color: #f9f9f9; padding: 25px; } 
a.call-btn { box-sizing: border-box; color: white; font-size: 1rem; font-weight: 600; line-height: 2rem; display: block; background-color: #9e2a2f; padding: 15px 90px 15px 25px; margin: 0 0 15px 0; border-radius: 50px; box-shadow: 10px 10px 15px #0005; transition: .3s ease-in-out all !important; -webkit-transition: .3s ease-in-out all !important; -moz-transition: .3s ease-in-out all !important } 
a.call-btn:hover, a.call-btn:focus { background-color: #88171C; transform: scale(1.15); } 
a.call-btn.c1::before { box-sizing: border-box; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5rem; padding: 0 10px 0 0; float: left; content: "\f095"; } 
a.call-btn.c2::before { box-sizing: border-box; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5rem; padding: 0 10px 0 0; float: left; content: "\f095"; } 

#callme { } 
#callme label { display: block; font-weight: 600; font-size: 1.2rem; } 
.wcallme { display: block; float: left; width: 10rem; background-color: #FFF; padding: 15px; font-size: 1.25rem; border: 1px solid #999; color: #000; margin: 0 0 10px 0; transition: .4s ease-in-out all; -webkit-transition: .4s ease-in-out all; -moz-transition: .4s ease-in-out all; } 
.button-callme { float: left; width: 5rem; cursor: pointer; display: block; font-size: 1.25rem; font-weight: 500; color: #FFF; border: none; background-color: #c83f46; margin: 0 0 0 3px; padding: 16px 0; transition: .4s ease-in-out all; -webkit-transition: .4s ease-in-out all; -moz-transition: .4s ease-in-out all; } 

.button-callme:hover, .button-callme:focus { background-color: #922329; } 
.callme-alert { background-color: #d61e15; padding: 40px; color: white; text-align: center; } 

a.lukk-melding { color: white; font-weight: 500; border: 2px solid white; padding: 20px 30px; border-radius: 50px; margin: 20px 0 20px 0; display: inline-block; } 
a.lukk-melding:hover, 
a.lukk-melding:focus { color: #d61e15 !important; background-color:#fff !important; } 

a.lukk-melding::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5rem; padding: 0 10px 0 0; content: "\f057"; } 

/* Editor bildejusterng marnger */
.left_50, .left_40, .left_30 { padding:0 45px 45px 0; } 
.right_50, .right_40, .right_30 { padding:0 0 45px 45px; } 

.lazyload, .lazyloading { opacity: 0; transition-timing-function: ease-in-out } 
.lazyloaded { opacity: 1; transition: opacity .9s; transition-delay: 250ms; } 

/* =============== PRIVACY-BOX =============== */
/* #pb-box { box-sizing: border-box; padding: 60px; z-index: 9999; width: calc(100% - 0px); background: #fff; box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, .1); position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); } */
#pb-box { box-shadow: 0px 0px 60px #0006; box-sizing: border-box; background-color: #edeff3; padding: 30px 50px 30px 50px; position: fixed; z-index: 995; bottom: 0; width: 100%; } 
#pb-box-triggered { box-shadow: 0px 0px 60px #0006; box-sizing: border-box; background-color: #edeff3; padding: 30px 50px 30px 50px; position: fixed; z-index: 995; bottom: 0; width: 100%; } 

.pb-wrapper { max-width:1300px; margin:0 auto; box-sizing: border-box; } 
.pb-wrapper>h2 { font-size: 1.2rem !important; } 
.pb-wrapper p { padding: 0; font-size: 1rem; } 
.pb-wrapper>a { display: initial !important; color: #FFF; padding: 10px 15px; margin:0 10px 0 0; border-radius: 6px; } 
.pb-wrapper>p>a { display: initial !important; color: #034584 !important; } 
.pb-wrapper>p>a:hover { color: #FFF !important; } 
.pb-wrapper p a { color:#3C4267; } 
.py-4 {padding: .7rem 0 1.4rem 0; color: #1e2e5f; font-weight: 600; font-size: 1rem; text-decoration: underline }
.button-read { color: #FFF; font-size: 1rem; background-color: #9e2a2f; cursor: pointer; border-radius: 6px; padding: 10px 15px; margin: 0 15px 0 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; border: none; font-weight: 600; } 
.button-read:hover,.button-read:focus { background-color: #2a2a2a; } 

button.button-ok { color: #FFF; font-size: 1rem; background-color: #9e2a2f; cursor: pointer; border-radius: 6px; padding: 10px 15px; margin: 0 15px 0 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; border: none; font-weight: 600; } 
button.button-ok:hover, button.button-ok:focus { background-color: #2a2a2a; } 


.lesmer { display:none; } 
.lesmerja { background-color: #c0383f; padding: 10px 20px; color: white; font-weight: 600; border-radius: 30px; margin: 15px 0 0 0; display: inline-block; } 
.lesmerja:hover,
.lesmerja:focus { background-color: black; } 


/* Bildegalleri med fancybox3 */
 .fb3-gallery { } 
 .fb3-thumb { width: 100%; height: 145px !important; object-fit: cover; } 
 .fb3-thumb-wrapper { color:transparent !important; width:150px; height:150px; padding: 4px 0 0 0; display: inline-block; box-sizing: border-box; border: none !important; border-right: 5px solid transparent !important; border-left: 5px solid transparent !important } 
 .fb3-thumb:hover { background-color: #FFF; } 

 a.fb3-thumb-wrapper:hover, 
 a.fb3-thumb-wrapper:focus { padding: 0 !important; margin: 0 !important; background-color: #fff !important; transform: scale(1.12); box-shadow: 0px 0px 30px #0008; } 
 
 .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: black !important; background-color: white !important } 
 .fancybox-button:hover, .fancybox-button:focus { background-color: #C42A46 !important; color:white !important } 
 .fancybox-caption__body { font-size: 1.2rem; background-color: black; display: inline-block; padding: 10px 25px; border-radius: 60px; border: 2px solid #999 } 
 .fancybox-container { z-index:99999; } 


/* =============== SplitBanner v1 =============== */
 #sb1 { overflow: auto; background-color:#e5e5e5; } 
 #sb1 h2 { font-size: 3.2rem; line-height: 1.2; padding:0 0 15px 0; } 
 #sb1 p { font-size:1.6rem; padding:0 0 40px 0; font-weight:500; } 
 #sb1 > .wrapper { width:100%; max-width:1355px; margin:0 auto; } 
 #sb1 .Col-text { width:34.8%; box-sizing:border-box; padding:0 30px 0 30px; display:table-cell; vertical-align:middle; } 
 #sb1 .Col-photo { box-sizing:border-box; display:table-cell; vertical-align:bottom; } 
 #sb1 .sb1-responsive-image img { width: 100%; padding: 0 30px 0 0; box-sizing: border-box; height: auto; display: block; } 

 a.btn-green { opacity:1.0; box-sizing: border-box; background-color: darkgreen; color: #FFF; padding: 15px; padding-right: 5% !important; padding-left: 4% !important; font-size: 2rem; font-weight: 700; border-radius: 6px; text-align: center; display: block; margin: 0 0 15px 0; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
 a:hover.btn-green,
 a:focus.btn-green { opacity:0.85; text-decoration: none; } 


.fp-banner figure { text-align: center; border-top: 7px solid #b42c33; } 
 
.fp-responsive-image img { width: 100%; } 

#jubileum { height: 95px; max-width: 1290px; padding:0px 15px; margin: -50px auto 36px auto; background-image: url("/assets_v3/gfx/112aar.png"); background-position: center center; background-repeat: no-repeat; } 
.jubileum-line { height: 95px; width: 38%; background-image: url("/assets_v3/gfx/jubileum_line.png"); background-position: center 18px; background-repeat: repeat-x; } 
.aleft { float:left; } 
.aright { float:right; } 

.callmobile a { background-color:green; color:#FFF !important; padding: 12px 14px; display: inline-block; margin: 10px 0 30px 0; font-weight: 600 !important; font-size: 25px; border-radius: 5px; } 
.callmobile a:hover { background-color:green; border:none !important; } 

#foldoutbutton-login, #foldoutbutton-search, #foldoutbutton-menu, #foldoutsearch-close { font-family: 'Raleway', sans-serif; font-weight: 600 !important; } 

.forbehold { width:90%; text-align:center; margin:0 auto; font-size:14px; padding: 30px 0 0 0; } 



/* Relaterte artikler - Høyrestilt boks med opplisting av artikler som har samme emne */
.rel-box { background-color: #FFF; box-shadow: 0px 0px 20px #e5e5e5; overflow: auto; margin:10px 0 0 0; } 
.rel-box h2 { font-size:2rem; margin: 0px 0px 15px 0px; } 
.rel-box h3 { font-size:1.3rem; margin: 0px auto 15px auto; text-align: center; width:80%; } 
.rel-box img { max-width:100%; width:450px; height:auto; } 
.rel-box label { font-size:1.1rem; font-weight: 300; } 
.rel-box fieldset { padding:0 0 30px 0; } 
.rel-box legend { font-size:1.1rem; font-weight: 400; } 
.rel-box input[type="radio"]:checked + label { font-weight: 400 !important; color: #000 !important; } 
.rel-padding { padding: 30px; margin: 0px; } 
a.rel-art { background-color: #FFF; color:#000; display: inline-block; margin: 0px 0 15px 0; } 
a.rel-art:hover { background-color:#e5e5e5; text-decoration:underline; } 

/* SPOTPRISER presentasjon */
#spottable { margin-top:44px; width:250px; font-family: Arial, sans-serif; } 
.spotbullet { width: 16px; height: 16px; display: inline-block; margin: 0px 6px -1px 0px; border-radius: 50%; } 
.spotpris-kart { float:left; padding: 10px 50px 20px 50px; } 
a.link-dagens { margin:5px 0px 5px 0px; display:block; color: #000; text-decoration: underline; font-weight: 400; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
a:hover.link-dagens, a:focus.link-dagens { color: #c0373e; } 
.nord-norge { background-color: #4ebad3; } 
.midt-norge { background-color: #3b4c7e; } 
.vest-norge { background-color: #597377; } 
.sorost-norge { background-color: #a0a7b1; } 
.sorvest-norge { background-color: #d6e6ee; } 

/* ARTIKKELOPPLISTING I RUTENETT */
.lwt3 { max-width:1325px; margin: 0px auto 30px auto; display: flex; flex-wrap: wrap; justify-content: left; } 
.lwt3-wrapper-width { width: 33.33%; float:left; position: relative; } 
.lwt3-wrapper-width a { width: 100%; } 
.lwt3-article-wrapper img { width:100% !important; height:auto; border-radius: 20px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.lwt3-article-wrapper-txt { float:none; } 
.lwt3-article-wrapper h3 { line-height: 1.5; background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position: absolute; top: 157px; } 
.lwt3-article-wrapper h2 { line-height: 1.5; font-size:24px; font-weight:700; padding: 10px 0 5px 0; margin: 0; word-wrap:break-word; } 
.lwt3-article-wrapper p { font-size:18px; line-height: 1.8; font-weight:400; padding: 0 0 15px 0; } 

a .lwt3-article-wrapper { position: relative; color:#000; text-align: left; background-color: white; margin: 15px; width:auto; min-height:auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .lwt3-article-wrapper, a:focus .lwt3-article-wrapper { } 
a:hover .lwt3-article-wrapper h2, a:focus .lwt3-article-wrapper h2 { text-decoration:none; color:#c0373e; } 
a:hover .lwt3-article-wrapper img, a:focus .lwt3-article-wrapper img { opacity:0.8; transform: scale(1.05); } 


/* ARTIKKELOPPLISTING I RUTENETT - LAVERE BOKS */
.lwt4 { max-width:1325px; margin: 0px auto 30px auto; display: flex; flex-wrap: wrap; justify-content: left; } 
.lwt4-wrapper-width { width: 33.33%; float:left; position: relative; } 
.lwt4-article-wrapper img { width:100% !important; height:auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.lwt4-article-wrapper-txt { float:none; } 
.lwt4-article-wrapper h3 { line-height: 1.5; background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position: absolute; top: 157px; } 
.lwt4-article-wrapper h2 { line-height: 1.5; font-size:24px; font-weight:700; padding: 10px 0 5px 0; margin: 0; word-wrap:break-word; } 
.lwt4-article-wrapper p { font-size:18px; font-weight:300; padding: 0 0 15px 0; } 
a .lwt4-article-wrapper { position: relative; color:#000; text-align: left; background-color: #FFF; margin: 15px; width:auto; min-height:auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .lwt4-article-wrapper, a:focus .lwt4-article-wrapper { } 
a:hover .lwt4-article-wrapper h2, a:focus .lwt4-article-wrapper h2 { text-decoration:none; color:#c0373e; } 
a:hover .lwt4-article-wrapper img, a:focus .lwt4-article-wrapper img { opacity:0.8; transform: scale(1.1); } 

/* ARTIKKELOPPLISTING I RUTENETT - KVADRATISK THUMBNAIL */
.lwt5 { max-width:1325px; margin: 0px auto 30px auto; display: flex; flex-wrap: wrap; justify-content: left; } 
.lwt5-wrapper-width { width: 33.33%; float:left; position: relative; } 
.lwt5-article-wrapper img { width:100% !important; height:auto; max-height: 450px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.lwt5-article-wrapper-txt { float:none; } 
.lwt5-article-wrapper h3 { line-height: 1.5; background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position: absolute; top: 157px; } 
.lwt5-article-wrapper h2 { line-height: 1.5; text-align:center; font-weight:700; padding: 10px 0 5px 0; margin: 0; word-wrap:break-word; } 
.lwt5-article-wrapper p { font-size:18px; font-weight:300; padding: 0 0 15px 0; } 
a .lwt5-article-wrapper { position: relative; color:#000; text-align: left; background-color: #FFF; margin: 15px; width:auto; min-height:auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .lwt5-article-wrapper, a:focus .lwt5-article-wrapper { } 
a:hover .lwt5-article-wrapper h2, a:focus .lwt5-article-wrapper h2 { text-decoration:none; color:#c0373e; } 
a:hover .lwt5-article-wrapper img, a:focus .lwt5-article-wrapper img { opacity:0.8; transform: scale(1.05); } 

/* ARTIKKELOPPLISTING I RUTENETT - Høyere bildeproporsjoner. Lignende Normalt foto. */
.lwt6 { max-width:1325px; margin: 0px auto 30px auto; display: flex; flex-wrap: wrap; justify-content: left; } 
.lwt6-wrapper-width { width: 33.33%; float:left; position: relative; } 
.lwt6-article-wrapper img { width:100% !important; height:auto; border-radius: 20px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.lwt6-article-wrapper-txt { float:none; } 
.lwt6-article-wrapper h3 { line-height: 1.5; background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position: absolute; top: 157px; } 
.lwt6-article-wrapper h2 { line-height: 1.5; font-size:24px; font-weight:700; padding: 10px 0 5px 0; margin: 0; word-wrap:break-word; } 
.lwt6-article-wrapper p { font-size:18px; font-weight:300; padding: 0 0 15px 0; } 
a .lwt6-article-wrapper { position: relative; color:#000; text-align: left; background-color: #FFF; margin: 15px; width:auto; min-height:auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .lwt6-article-wrapper, a:focus .lwt6-article-wrapper { } 
a:hover .lwt6-article-wrapper h2, a:focus .lwt6-article-wrapper h2 { text-decoration:none; color:#c0373e; } 
a:hover .lwt6-article-wrapper img, a:focus .lwt6-article-wrapper img { opacity:0.8; transform: scale(1.05); } 

.aktuelt-arkiv { text-align: center; padding: 0 0 1rem 0; } 
.aktuelt-arkiv a { border-radius: 5rem; padding: 1.1rem 2.9rem; font-weight: 600; text-decoration: none; color: #fff; background-color: #9e2a2f; display: inline-block; margin: 0 20px 10px 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.aktuelt-arkiv a:hover, .aktuelt-arkiv a:focus { color: #000 !important; background-color: #fff; border-radius: 5rem; padding: 1.1rem 2.9rem; text-decoration: none; display: inline-block; margin: 0 20px 10px 0; box-shadow: 5px 5px 30px #0005; } 





/* MEDARBEIDER OPPLISTING I RUTENETT (variant som ikke er klikkbar til underside) */
.ansatte1 { margin: 0px auto 30px auto; display: flex; flex-wrap: wrap; justify-content: left; } 
.ansatte1-wrapper-width { width: 33.33%; min-height: 380px; float:left; position: relative; } 
.ansatte1-article-wrapper { margin: 15px; } 
.ansatte1-article-wrapper img { width:100% !important; height:auto; border-radius: 50%; } 
.ansatte1-article-wrapper-txt { float:none; text-align: center; } 
.ansatte1-article-wrapper h2 { word-wrap:break-word; } 
.ansatte1-article-wrapper h3 { font-size:20px; margin:0; word-wrap:break-word; } 
.ansatte1-article-wrapper p { font-size:16px; padding: 0px; word-wrap:break-word; } 
.ansatte1-article-wrapper p a { font-size:13px; padding: 0px; word-wrap:break-all; display:; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
.ansatte1-article-wrapper p a:hover, .ansatte1-article-wrapper p a:focus { color: #FFF; text-decoration: none; background-color: #c0373e; padding: 5px; margin: -5px; border-radius: 8px; } 

/* ARTICLE AND CATEGORY LIST */
#list-wrapper { position:relative; padding:0; margin:20px 0px 0px 0px; } 
#list-wrapper>ul { padding:0; margin:0; list-style: none; } 
#list-wrapper>ul>li>a { color:#000; margin:0px 0px 0px 0px; display:block; overflow: auto; padding: 15px 0px; border-top: 1px dashed #333; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
#list-wrapper>ul>li>a:hover, #list-wrapper>ul>li>a:focus { border-top: 1px dashed #999; background-color:#f9f9f9; text-indent:15px; } 
#list-wrapper img { width:450px; height:auto; float:left; padding:6px 20px 8px 0px; } 
#list-wrapper .text { } 
#list-wrapper strong { font-size:22px; font-weight:400; } 
#list-wrapper p { margin-bottom:3px; } 

/* ARTICLE AND CATEGORY LIST - RUTENETT / KOLONNER MED FOTO */
section#gallery-list { max-width:1300px; margin: 30px auto 30px auto; } 
a .article-wrapper2 { color:#000; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .article-wrapper2 { color:#000; background-color:#F3F3F3; } 
a:focus .article-wrapper2 { background-color:#F3F3F3; } 
.article-wrapper2 { width:33.33%; min-height:400px; overflow:hidden; float:left; position: relative; } 
.thumbfrm2 { position: relative; margin:0; padding:0; } 
.article-wrapper2 img { width: 100% !important; height:auto; max-width:400px; max-height:178px; } 
.article-padding2 { padding:15px; } 
.article-wrapper2 h3 { background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position:absolute; bottom:5px; left:0px; } 
.article-wrapper2 h2 { font-size:30px; font-weight:400; padding:0px 0px 0px 0px; margin: 0; } 
.article-wrapper2 p { font-size:16px; font-weight:300; padding:3px 0px; } 

/* RUTEOPPLISTING MED CUSTOM LENKE */
a .article-wrapper3 { color:#000; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .article-wrapper3 { color:#000; background-color:#F3F3F3; } 
a:focus .article-wrapper3 { background-color:#F3F3F3; } 
.article-wrapper3 { width:33.33%; min-height:275px; overflow:hidden; float:left; position: relative; } 
.thumbfrm3 { position: relative; margin:0; padding:0; } 
.article-wrapper3 img { width: 100% !important; height:auto; max-width:400px; max-height:178px; } 
.article-padding3 { padding:15px; } 
.article-wrapper3 h3 { background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position:absolute; bottom:5px; left:0px; } 
.article-wrapper3 h2 { font-size:30px; font-weight:400; padding:0px 0px 0px 0px; margin: 0; } 
.article-wrapper3 p { font-size:16px; font-weight:300; padding:3px 0px; } 

/* ACCORDION */
.accordion-articles.ui-accordion.ui-widget.ui-helper-reset h3 { font-size: 22px !important; font-weight:600 !important; } 
.ui-accordion .ui-accordion-content p { padding-bottom: 15px; line-height: 1.8; } 
#content-wrapper .ui-widget-content a { line-height:25px; display:inline-block; color:#c0373e; text-decoration: underline; font-weight:600; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
#content-wrapper .ui-widget-content a:hover, #content-wrapper .ui-widget-content a:focus { color:#FFF; text-decoration: none; background-color:#c0373e; padding:0px 5px; border-radius:3px; } 

.accordion-articles { width: 58%; float: right; } 

.faq { width: 100%; float: none; } 

/* FORSIDE-BANNER MED GRUPPEFOTO */
#front-banner-people { position:relative; height:25vw; text-align:center; margin-bottom: 15px; border-top: 7px solid #b42c33; background-image: url("/assets_v3/gfx/background_people.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; } 
#front-banner-people h1 { position: absolute; bottom: 0px; font-size: 5vw !important; line-height: 1.5 !important; font-weight:600; text-align:center; color:#FFF; width: 100%; margin:0 auto; padding:0px 0px 10px 0px; text-shadow: 5px 5px 10px #000; } 
#front-banner-people p { color:#FFF; Font-size:30px !important; font-weight:300; max-width: 43%; padding:0px 0px 40px 0px; } 
#front-banner-people span a { font-size:30px; font-weight:400; border:3px solid #FFF; color:#FFF; padding:10px 20px; margin:1vw 0px 0px 0px; border-radius: 30vw; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
#front-banner-people span a:hover, #front-banner span a:focus { background-color:#FFF; color:#b42c33; } 

/* FORSIDE-BANNER TIL BESTILL STRØM / VEILEDER */
#front-banner { padding: 3.5vw 0 9.5vw 0; text-align:center; margin-bottom: 15px; border-top: 7px solid #b42c33; background-image: url("/assets_v3/gfx/background.jpg"); background-position: center top; background-repeat: no-repeat; background-size: cover; } 
#front-banner-content { max-width: 1280px; text-align: left; margin: 0px auto; padding: 30px; } 
#front-banner h1 { font-size: 70px !important; line-height: 75px !important; font-weight:300; color:#FFF; max-width: 50%; padding:0px 0px 5px 0px; } 
#front-banner h1 strong { font-weight:600; } 
#front-banner p { color:#FFF; Font-size:30px !important; font-weight:300; max-width: 43%; padding:0px 0px 40px 0px; } 
#front-banner span a { font-size:30px; font-weight:400; border:3px solid #FFF; color:#FFF; padding:10px 20px; margin:1vw 0px 0px 0px; border-radius: 30vw; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
#front-banner span a:hover, #front-banner span a:focus { background-color:#FFF; color:#b42c33; } 

/* PRODUKTSIDE BESTILLINGSBOKS (HØYREJUSTERT) */
#side-by-side { padding-bottom:30px; } 
.product-right-wrapper { font-size: 17.5px; } 
.product-padding { padding: 30px; margin: 0; background-color: #FFF; overflow: auto; border: 1px solid #3335; border-radius: 20px; box-shadow: 0px 0px 35px #0002; } 
.product-padding h2 { overflow: auto; position: relative !important; clip: auto; width: auto; height: auto; font-size: 1.8rem; background-color: #f4f4f5; padding: 35px 0px 30px 38px; margin: -30px; } 
#price1,#price2 { margin: 50px 0 0 0; } 
.button-bestill { opacity:1.0; width: 100%; box-sizing: border-box; cursor:pointer; display:block; font-family: 'Raleway', sans-serif; font-size: 40px; font-weight: 700; color:#FFF; border:none; background-color: #56a63f; margin: 20px 0px 20px 0px; padding: 1rem 3.5rem; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
.button-bestill:hover,.button-bestill:focus { opacity:0.85; } 
.tablerow { display: table; width: 100%; font-family: Arial, sans-serif; font-size: 1.4rem; } 
.tr-prod-background { display: table-cell; width: 50%; padding: 5px 10px; background-color: #FFF; } 
.tr-prod-nobackground { display: table-cell; width: 50%; padding: 5px 10px; background-color: #FFF; } 
#price { overflow:auto; margin: 25px 0px 0px 0px; } 
#price>label { float:left; } 
#price>input { float:left; } 
#price1>span { } 
#price2>span { } 
.check-icon { background-image: url("/assets_v3/gfx/check.png"); background-repeat: no-repeat; background-position: top left; padding: 0px 10px 10px 30px; display: block; } 
.check-icon p { } 
.label-padding { margin-bottom:10px; font-size: 1.4rem; font-weight: 500; } 

/* ALIGNMENT OF SECTIONS */
.align-left-30 { float:left !important; width:28% !important; } 
.align-right-30 { float:right !important; width:28% !important; } 
.align-left-40 { float:left !important; width:38% !important; } 
.align-right-40 { float:right !important; width:38% !important; } 
.align-left-50 { float:left !important; width:48% !important; } 
.align-right-50 { float:right !important; width:48% !important; } 
.align-left-60 { float:left !important; width:58% !important; } 
.align-right-60 { float:right !important; width:58% !important; } 
.align-left-70 { float:left !important; width:68% !important; } 
.align-right-70 { float:right !important; width:68% !important; } 

/* SØKERESULTAT */
.mpithumb { float: left; width: 33.33%; height: auto; margin: 25px; } 
div.list .list-content { padding: 0px 20px 0px 20px !important; } 

/* PADDING CLASSES for general use */
.p10 { padding:10px !important; } 
.p15 { padding:15px !important; } 
.p20 { padding:20px !important; } 
.p25 { padding:25px !important; } 
.p30 { padding:30px !important; } 
.p35 { padding:35px !important; } 
.p40 { padding:40px !important; } 
.p45 { padding:45px !important; } 
.p50 { padding:50px !important; } 
/* WIDTH CLASSES for general use */
.w10 { width: 10% !important; } 
.w15 { width: 15% !important; } 
.w20 { width: 20% !important; } 
.w25 { width: 25% !important; } 
.w30 { width: 30% !important; } 
.w35 { width: 35% !important; } 
.w40 { width: 40% !important; } 
.w45 { width: 45% !important; } 
.w50 { width: 50% !important; } 
.w55 { width: 55% !important; } 
.w60 { width: 60% !important; } 
.w65 { width: 65% !important; } 
.w70 { width: 70% !important; } 
.w75 { width: 75% !important; } 
.w80 { width: 80% !important; } 
.w85 { width: 85% !important; } 
.w90 { width: 90% !important; } 
.w95 { width: 95% !important; } 
.w100 { width: 100% !important; } 
/* FRA MOBILPLUSS.css */
.mpembed-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.mpembed-container iframe, .mpembed-container object, .mpembed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } 
.tc_white { color:#ffffff; } 
.tc_silver { color:#c0c0c0; } 
.tc_gray { color:#808080; } 
.tc_black { color:#000000; } 
.tc_red { color:#ff0000; } 
.tc_maroon { color:#800000; } 
.tc_yellow { color:#ffff00; } 
.tc_olive { color:#808000; } 
.tc_lime { color:#00ff00; } 
.tc_green { color:#008000; } 
.tc_aqua { color:#00ffff; } 
.tc_teal { color:#008080; } 
.tc_blue { color:#0000ff; } 
.tc_navy { color:#000080; } 
.tc_fuchsia { color:#ff00ff; } 
.tc_purple { color:#800080; } 
.hl_white { background-color:#ffffff; } 
.hl_silver { background-color:#c0c0c0; } 
.hl_gray { background-color:#808080; } 
.hl_black { background-color:#000000; } 
.hl_red { background-color:#ff0000; } 
.hl_maroon { background-color:#800000; } 
.hl_yellow { background-color:#ffff00; } 
.hl_olive { background-color:#808000; } 
.hl_lime { background-color:#00ff00; } 
.hl_green { background-color:#008000; } 
.hl_aqua { background-color:#00ffff; } 
.hl_teal { background-color:#008080; } 
.hl_blue { background-color:#0000ff; } 
.hl_navy { background-color:#000080; } 
.hl_fuchsia { background-color:#ff00ff; } 
.hl_purple { background-color:#800080; } 
.al_left { text-align:left; } 
.al_center { text-align:center; } 
.al_right { text-align:right; } 
.al_full { text-align:justify; } 
.tc_brown { color:#993300; } 
.hl_brown { background-color:#993300; } 
.tc_karaka { color:#333300; } 
.hl_karaka { background-color:#333300; } 
.tc_myrtle { color:#003300; } 
.hl_myrtle { background-color:#003300; } 
.tc_darkmidnightblue { color:#003366; } 
.hl_darkmidnightblue { background-color:#003366; } 
.tc_darkslateblue { color:#333399; } 
.hl_darkslateblue { background-color:#333399; } 
.tc_gray20 { color:#333333; } 
.hl_gray20 { background-color:#333333; } 
.tc_safety_orange { color:#FF6600; } 
.hl_safety_orange { background-color:#FF6600; } 
.tc_dark_blue_gray { color:#666699; } 
.hl_dark_blue_gray { background-color:#666699; } 
.tc_orange_peel { color:#FF9900; } 
.hl_orange_peel { background-color:#FF9900; } 
.tc_citrus { color:#99CC00; } 
.hl_citrus { background-color:#99CC00; } 
.tc_eucalyptus { color:#339966; } 
.hl_eucalyptus { background-color:#339966; } 
.tc_medium_turquoise { color:#33CCCC; } 
.hl_medium_turquoise { background-color:#33CCCC; } 
.tc_royal_blue { color:#3366FF; } 
.hl_royal_blue { background-color:#3366FF; } 
.tc_gray60 { color:#999999; } 
.hl_gray60 { background-color:#999999; } 
.tc_tangerine { color:#FFCC00; } 
.hl_tangerine { background-color:#FFCC00; } 
.tc_deepsky { color:#00CCFF; } 
.hl_deepsky { background-color:#00CCFF; } 
.tc_lipstick { color:#993366; } 
.hl_lipstick { background-color:#993366; } 
.tc_carnation { color:#FF99CC; } 
.hl_carnation { background-color:#FF99CC; } 
.tc_peach { color:#FFCC99; } 
.hl_peach { background-color:#FFCC99; } 
.tc_canary { color:#FFFF99; } 
.hl_canary { background-color:#FFFF99; } 
.tc_romance { color:#CCFFCC; } 
.hl_romance { background-color:#CCFFCC; } 
.tc_lightcyan { color:#CCFFFF; } 
.hl_lightcyan { background-color:#CCFFFF; } 
.tc_lightsky { color:#99CCFF; } 
.hl_lightsky { background-color:#99CCFF; } 
.tc_mauve { color:#CC99FF; } 
.hl_mauve { background-color:#CC99FF; } 
.img_100 { width:100%; height:auto; float:none; } 
.img_50 { width:50%; height:auto; float:none; } 
.img_40 { width:40%; height:auto; float:none; } 
.img_30 { width:30%; height:auto; float:none; } 
.left_50 { width:50%; height:auto; float:left; padding-right:15px; } 
.left_40 { width:40%; height:auto; float:left; padding-right:15px; } 
.left_30 { width:30%; height:auto; float:left; padding-right:15px; } 
.right_50 { width:50%; height:auto; float:right; padding-left:15px; } 
.right_40 { width:40%; height:auto; float:right; padding-left:15px; } 
.right_30 { width:30%; height:auto; float:right; padding-left:15px; } 
.gry_frm { border:#CCCCCC solid 1px } 
.blk_frm { border:#000000 solid 1px } 
/* KONTAKTSKJEMA OG SKJEMAFELTER */
#contact-form-wrapper { min-height: 300px; padding: 0px; border-left:1px dashed #666; } 
#contact-form-padding { padding: 20px 0px 0px 30px } 
.input-text { font-family: 'Raleway', sans-serif; font-weight:300; background-color:#FFF; padding: 15px; font-size:20px; border:1px solid #999; color:#000; margin:0px 0px 10px 0px; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
.input-text:focus { background-color:#FBF3D1; border:1px solid #333; } 
textarea .input-text { font-family: 'Raleway', sans-serif; } 
#antispam-img { float:left; height: 54px; border: 1px solid #999; margin: 0px -1px 0px 0px; } 
#captcha-wrapper { background-color: #f5f5f5; width: 88%; padding: 20px; margin: 10px 0px 15px 0px; text-align: center; } 
.button-reset { cursor:pointer; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 400; color:#FFF; border:none; background-color: #666; margin: 20px 0px 20px 0px; padding: 10px 20px; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
.button-send { cursor:pointer; display:block; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight: 700; color:#FFF; border:none; background-color: #666; margin: 20px 0px 20px 0px; padding: 10px 20px; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
.button-send:hover, .button-send:focus { background-color: #000; } 
.personvern a { color:#c0373e; text-decoration: underline; font-weight:600; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
.personvern a:hover, .personvern a:focus { color:#FFF; text-decoration: none; background-color:#c0373e; padding:5px; margin:-5px; border-radius:8px; } 
#contact-form-wrapper label { font-size: 18px; font-weight:600; display: block; } 
.required { color:#c0373e; font-size:18px; font-weight:600; } 

/* FOOTER 2023 (1 kolonne midtjustert info) */
#footer-center { background-color: #f4f4f5; text-align: center; } 

#social-icons { display: block; overflow: visible; padding: 1rem 0 0 0; text-align: center; } 
#social-icons a { color: #000 !important; border-bottom: none !important; } 
#social-icons a:hover, #social-icons a:focus { color: #FFF !important; background-color:#000 !important; } 
#social-icons a .fab, .far { font-size: 2.2rem !important; margin: 10px; } 

.links-side { margin: 0 .7rem; } 


/* FOOTER (3 kolonner) */
footer { color: #000; font-size: 17px; line-height: 20px; margin: 30px 0px 0px 0px; padding: 0px 0px 70px 0px; background-color: whitesmoke; } 
footer strong { font-weight:700; } 
div#footer-padding>address { float:left; width:70%; } 
#footer-padding { max-width:1300px; margin: 0 auto; padding: 70px 20px 0px 25px; line-height: 1.8; } 
#footer-padding h2 { font-size: 25px; line-height: 28px; font-weight: 600; padding-bottom: 15px; } 
#footer-padding a { color:#000; text-decoration:none; border-bottom: 0.0625rem solid #999; font-weight: 500 !important; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
#footer-padding a:hover, #footer-padding a:focus { text-decoration: none; color:#c0373e; border-bottom: 0.0625rem solid #c0373e; font-weight:400; } 
#footer-padding p { padding-bottom:1.2rem; } 
#footer-col-1 { width: 32.5%; margin-right:2%; float:left; margin-bottom:30px; } 
#footer-col-2 { width:32%; margin-right:2%; float:left; margin-bottom:30px; margin-top: 82px; } 
#footer-col-3 { width:30%; float:left; margin-bottom:30px; margin-top: 82px; } 
#footer-bottom-center { display:block; clear: both; margin: 20px 0px 20px 0px; text-align: center; padding: 20px; } 
footer ul { margin: 0px !important; padding: 0 !important; } 
footer ul li { list-style-type: none; margin-top: 0.5rem; display:block; } 
.footer-textblock { padding-bottom: 10px; } 
#footer-under { max-width: 1300px; position: relative; margin: 40px auto 70px auto; display: block; overflow: auto; } 
.bottom-byline { text-align: center; padding: 20px 0px 9rem 0px; margin: 0 auto; font-size: 12px; background-color: whitesmoke; } 
.bottom-byline a { color: #000; border-bottom:1px solid #d4d4d4 } 
.bottom-byline a:hover, .bottom-byline a:focus { font-weight:400; color: #000; border-bottom:1px solid #000; } 
#footer-logo { padding-bottom: 20px; border-bottom: none !important; display: inline-block; height: auto; width: 70%; max-width: 317px; } 
#footer-logo:hover, #footer-logo:focus { opacity:0.7; } 
.social-link { padding: 8px 30px; margin: 0; text-align: left; } 
.linkedin { background-image: url("/assets_v3/gfx/linkedin.png"); background-position: left center; background-repeat: no-repeat; } 
.facebook { background-image: url("/assets_v3/gfx/facebook.png"); background-position: left center; background-repeat: no-repeat; } 
.instagram { background-image: url("/assets_v3/gfx/instagram.png"); background-position: left center; background-repeat: no-repeat; } 
.youtube { background-image: url("/assets_v3/gfx/youtube.png"); background-position: left center; background-repeat: no-repeat; } 
#footer-logos { margin: 4rem 0 .8rem 0; } 
#footer-logos a { border-bottom:none !important; margin: 0 20px 0 0; mix-blend-mode: darken; } 
#footer-logos a:hover,#footer-logos a:focus { opacity: 0.7; } 
#footer-logos img { height:100px; width:auto; } 

/* SEARCH-RESULTS */
.searchres { margin-top: 20px; } 
div.list { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } 
div.list:first-of-type { border-top: 1px solid #ccc; } 
div.list:hover { color: white; background: #999 !important; } 
div.list a { display: block; color: #000; } 
div.list:hover a { color: #fff; } 
div.list:focus { background-color: #E1C842; } 
div.list:nth-of-type(even) { background: #eee; } 
div.list:nth-of-type(odd) { background: #FFF; } 
div.list .list-content { padding: 0px 20px 20px 20px; } 
div.list h2 { margin: 0px; padding: 20px 20px 10px 20px; font-weight: 400; } 
div.list:after, div.list .list-content:after { content: ''; display: block; clear: both; } 

/* ARTIKKEL: Når høyrenavigasjon er aktiv settes denne til bredde 70%. Ellers 100% */
#content-article { width:100%; float:left; } 
article { } 
article p { line-height:1.8; } 
article p>a { color:#c0373e; text-decoration: underline; font-weight:600; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
article p>a:hover, article p>a:focus { color:#FFF; text-decoration: none; background-color:#c0373e; padding:5px; margin:-5px; border-radius:8px; } 
article p > a:hover > img { color: #FFF; text-decoration: none; background-color: #c0373e; padding: 5px; margin: -5px; border-radius: 8px; } 
article img { max-width:100%; height:auto; } 
#article-header-photo img { width:100%; height:auto; } 
.article-ingress { font-size: 25px; line-height: 1.8; font-weight: 500; margin: 0px 0px 10px 0px; } 

/* BREADCRUMB */
#breadcrumb-wrapper { position: relative; top: 11rem; margin: 0 auto; background-color: #fff; } 
#breadcrumb-padding { max-width:1300px; padding: 10px; margin: 0 auto; } 
ul.breadcrumbs { padding: 0px 0px 0px 3px; margin-top: 0; list-style: none; } 
ul.breadcrumbs li { display: inline-block; font-size: 18px; font-weight:400; float: inline-start; } 
ul.breadcrumbs li+li:before { padding: 8px; color: #000; content: "\00BB\00a0"; } 
ul.breadcrumbs li a { color: #000; font-weight:400; text-decoration: underline; } 
ul.breadcrumbs li a:hover, ul.breadcrumbs li a:focus { border-bottom:transparent; color: #000; background-color: #E3E3E3; padding: 5px; margin: -5px; display: inline-block; border-radius: 8px; text-decoration: none; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
ul.breadcrumbs li a.bcactive { color:#000; font-weight:600; } 
ul.breadcrumbs li a.bcactive:hover, ul.breadcrumbs li a.bcactive:focus { color:#000; } 

/* ACCESSIBILITY SKIP-LINK MENU */
.skip-links { margin:0; padding:0; list-style-type: none; } 
.skip-links a { position:absolute; top:-8em; z-index:99999999; } 
.skip-links a:focus { top:-10px; background-color:#000; color:#FFF; padding:20px 50px 20px 30px; font-size:40px; font-weight:600; } 
.skip-links p { font-size:18px !important; line-height:auto; font-weight:400; margin:0; padding:0; } 

/* SEARCH - HEADER BUTTON/ICON */
#foldoutbutton-search { border: none; color:#fff; background-color:transparent; cursor:pointer; margin:0; padding:5px 10px 10px 10px; font-size:18px; } 
#foldoutbutton-search:hover, #foldoutbutton-search:focus { border: 1px solid #fff !important; border-radius: 9px; } 
.search-button { position:absolute; top:-5px; right:5rem; float:right; text-align:center; cursor:pointer; display: block; z-index: 9999999; } 
#search-icon-foldout { margin: 0 auto; width: 48px; height:auto; z-index:99999 !important; display: block; } 

/* MINSIDE LOGIN - HEADER BUTTON/ICON */
#login-button > a { position:absolute; top:-5px; right:9.3rem; float:right; z-index: 9999; text-align:center; cursor:pointer; display: block; } 
#login-button > a:focus { border:1px solid #000 !important; } 
#foldoutbutton-login { border:none; color:#fff !important; background-color:transparent; margin:0; padding: 5px 5px 11px 5px; line-height: 21px; color:#000; font-weight:400; } 
#foldoutbutton-login:hover { border: 1px solid #fff !important; border-radius: 9px; } 
#login-button a:focus { border: 1px solid #fff !important; border-radius: 9px; } 
#login-icon-foldout { margin: 0 auto; width: 48px; height:auto; z-index:99999 !important; display: block; } 

/* SEARCH - FOLD-OUT */
.fold-out-search-padding p { margin:0px 0px 5px 0px; display:none; } 
.fold-out-search-padding h2 { margin:0px 0px 20px 0px; } 
.search-field-standard { background-color:#FFF; border:1px solid #CFCFCF; width:73%; height:62px; padding: 0px !important; margin: 0px !important; text-indent:15px; font-family: 'Raleway', sans-serif !important; font-size: 1.6rem !important;font-weight: 600; } 
.search-field-standard:focus { background-color:#FFF; } 
.fold-out-search-padding button { cursor: pointer; color:#FFF; background-color:#000; border:none; font-family: 'Raleway', sans-serif; font-size:25px; font-weight:700; width:26.3%; margin:0; padding:0; height:62px; text-align:center; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
.fold-out-search-padding button:hover, .fold-out-search-padding button:focus { background-color:#b42c33; } 
div.fold-out-search { max-width:1300px; margin:25px auto 0px auto; padding:80px 25px 150px 25px; display:none; z-index:888; color:#000; overflow:auto; } 
div.fold-out-search-padding { max-width:1300px; margin:0 auto; } 
div.fold-out-search label { font-size: 45px; font-weight:700; display: block; padding: 0px 0px 20px 0px; } 



/* dialog */

.ui-dialog { z-index:1000000000; top: 0; left: 0; margin: auto; position: fixed; max-width: 100%; min-width: 100%; min-height: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: stretch; } 
.ui-dialog .ui-dialog-content { flex: 1; /* overflow-y: auto; */ } 

.ui-dialog-content { margin-top: 10rem !important; overflow: auto; } 
.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { } 
/*.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable { background:#9e2a2f !important; color: #fff !important; } */

header .ui-dialog, header #foldoutmenu, header #foldoutsearch { background-color: #9e2a2f !important; color: white !important; } 
header .ui-dialog a:link, header .ui-dialog a { color: #fff !important; line-height: 1.4; } 
header .ui-dialog a:hover, header .ui-dialog a:focus { color: #9e2a2f !important; background-color: #fff; border-radius: 6px; padding: 2px 7px; margin: -5px; } 

header .ui-state-default, header .ui-widget-content .ui-state-default, header .ui-widget-header { border-top: 1px dashed #ff9090 !important; font-weight: 600 !important; color: #fff !important; } 

.yellow-note-visible { margin-top: -109px !important } 
.yellow-note-search { margin-top: -3px !important; } 
.yellow-note-scrollvisible { margin-top: -0px !important; } 

#logo-link { width: 315px; height: 60px; position: relative; top: 7px; } 
#sticky-call { z-index: 200; } 


.accordionmobile h3:hover { background-color: transparent; color: #fff !important; border: none; } 

.accordionmobile .ui-accordion-content { background-color: transparent; } 

.accordionmobile ul { margin: 0; padding: 0 0 25px 0; } 
.accordionmobile li { list-style: none; margin: 0 0 20px 0; } 

.accordionmobile .iu-state-active { background: transparent !important; border:none !important; text-decoration:underline !important; } 







.ui-dialog-titlebar { display: none; } 
.sticky_header { padding: 1rem 0 2.2rem 0 !important; box-shadow: 0px 50px 50px #0003; } 
.sticky_header #login-icon-foldout, .sticky_header #search-icon-foldout, .sticky_header #menu-icon-foldout, .sticky_header #menu-icon-close, .sticky_header #menu-search-close, .sticky_header #search-icon-close { } 
.sticky_header #foldoutbutton-menu, .sticky_header #foldoutbutton-search, .sticky_header #foldoutbutton-login, .sticky-header #search-icon-close { padding: 0.5rem; margin: 0; } 
.header-wrap { width: 100%; max-width: 1300px; margin: 0 auto; } 
.header-wrapper { padding: 0 15px; display: flex; justify-content: end; } 
.header-wrapper #foldoutbutton-close { float: right; margin-top: -120px; margin-right: -28px; position: absolute; font-family: 'Raleway', sans-serif; font-weight: 600 !important; } 
.sticky_header .header-wrapper #foldoutbutton-close { float: right; margin-top: -145px; position: absolute; } 
.sticky_header .header-wrapper #foldoutsearch-close { float: right; margin-top: -145px; position: absolute; } 
.header-wrapper #foldoutsearch-close { float: right; margin-top: -119px; margin-right: 35px; position: absolute; } 
#foldoutsearch-close { border: none; color:#fff; background-color:transparent; cursor:pointer; margin:0; padding:5px 10px 10px 10px; font-size:18px; } 
#search-icon-close { margin: 0 auto; width: 48px; height:auto; z-index:99999 !important; display: block; } 
.foldoutsearchpadding { display: flex; align-items: center; justify-content: center; } 
.foldoutsearchpadding form { display: flex; flex-direction: unset; gap: 1rem; width: 1255px; padding: 50px 30px; } 
.foldoutsearchpadding form input { width: 100% !important: flex: 1 1 auto; } 
.sticky_header .foldoutsearchpadding { margin: 0 auto !important; padding: 0 !important; } 



/* NEWS-LIST FRONTPAGE with thumbnails */
section#news-list { max-width:1300px; margin: 0 auto 30px auto; } 
a .article-wrapper { color:#000; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a:hover .article-wrapper { color:#000; background-color:#F3F3F3; } 
a:focus .article-wrapper { background-color:#F3F3F3; } 
.article-wrapper { width:33.33%; min-height:350px; overflow:hidden; float:left; position: relative; } 
.thumbfrm { position: relative; margin:0; padding:0; } 
.article-wrapper img { width:100%; height:auto; max-width:403px; max-height:178px; } 
.article-padding { padding:15px; } 
.article-wrapper h3 { background-color:#000; color:#FFF; font-size:16px; font-weight:400; padding:3px 9px; position:absolute; bottom:5px; left:0px; } 
.article-wrapper h2 { font-size:30px; font-weight:400; padding:0px 0px 0px 0px; margin: 0; } 
.article-wrapper p { font-size:16px; font-weight:300; padding:3px 0px; } 

/* TOOLTIP STYLES (jQuery Tooltip) */
.ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; background-color: black !important; border:none !important; border-radius: 3px !important; box-shadow: 5px 5px 10px 1px #333 !important; } 
.ui-tooltip-content { color:white; padding:10px !important; font-size:16px; line-height:20px; font-weight:400; } 

/* MAIN NAVIGATION - FOLD-OUT-MENU */
#foldoutbutton-menu { border: none; color:#fff; background-color:transparent; cursor:pointer; margin:0; padding:5px 10px 10px 10px; font-size:18px; } 
#foldoutbutton-close { border: none; color:#fff; background-color:transparent; cursor:pointer; margin: 32px 59px; padding: 6px; font-size:18px; } 
#foldoutbutton-menu:hover, #foldoutbutton-menu:focus { border: 1px solid #fff !important; border-radius: 9px; } 
.menu-button { position:absolute; top:-5px; right:0.6rem; float:right; text-align:center; cursor:pointer; display: block; z-index: 9999999; } 
#menu-icon-foldout, #menu-icon-close { margin: 0 auto; width: 48px; height:auto; display:block; } 
#menu-icon-text { color:#000; font-size:18px; margin-top:-5px; font-family: 'Raleway', sans-serif; font-weight:600; } 

#foldoutmenu { padding: 0px 25px; display:none } 

.menu-section { float:left; width:20%; margin:0px 0px 0px 0px; } 
.menu-section ul { list-style: none; margin: 1rem 0 0 0; padding: 0; } 

div.fold-out-menu { max-width:1300px; margin:25px auto 0px auto; padding: 80px 25px 150px 25px; display:none; z-index:888; color:#000; overflow:auto; } 
div.fold-out-menu-padding { max-width:1300px; margin:0 auto; } 
div.fold-out-menu ul > li > a > strong { font-weight:500; background-image: url("/assets_v3/gfx/new_window.png"); background-position:right; padding:4px 26px 2px 0px; background-repeat: no-repeat; } 

/* BUTTONS */
a span.small-button-black { background-color:#e3e3e3; color:#666; display:inline-block; font-size:14px !important; font-weight:600; padding:1px 9px 1px 9px; margin:0px 5px 0px 0px; border-radius:5px; transition: 0.1s ease-in-out all; -webkit-transition: 0.1s ease-in-out all; -moz-transition: 0.1s ease-in-out all; } 
a:hover span.small-button-black { background-color:#000; color:#FFF; } 
.fancybox-content { width:50%; } 
.fancybox-container * { text-decoration: none !important; } 
.fancybox-slide--iframe .fancybox-content { width : 800px; height : 600px; max-width : 80%; max-height : 80%; margin: 0; } 

/* SHORTCUTS with thumbnails frontpage */
#sc-wrapper { overflow: visible; max-width:1325px; margin: 30px auto 50px auto; } 
#sc-padding { margin:0px 0px 0px 0px; } 
.sc-box { float:left; width:33.33%; text-align:center; border-top: } 
.sc-padding { padding:0px 15px 20px 15px; } 
a .sc-content { opacity:1.0; background-color:#b42c33; color:#FFF; padding:15px 0px 15px 25px; text-align: left; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; background-image: url("/assets_v3/gfx/sc-arrow.png"); background-position: right top; background-repeat: no-repeat; background-size: contain; } 
a:hover .sc-content, a:focus .sc-content { opacity:1.0; background-color:#980F16; } 
a:hover .sc-content p, a:focus .sc-content p { text-decoration:none; } 
.sc-box img { max-width:80px; height:auto; } 
.sc-box p { font-size: 34px; font-weight: 700; word-wrap: break-word; } 

@media screen and (max-width: 1600px) { 
 .box-case { width:33.33%; } 
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 }@media screen and (max-width: 1350px){
 .box-case { width:50%; } 
.tab-col {
  flex-direction: column;
}
.asidekart { background-position: left 2rem center; }
#sc-padding { margin: 0px 10px 0px 10px; } 
.ansatte1-wrapper-width { width: 100%; min-height: auto; } 
.ansatte1-article-wrapper-txt { float: right; text-align: left; width: 65%; padding-left: 5%; padding-top: 3vw; } 
.ansatte1-article-wrapper img { width: 30% !important; height: auto; border-radius: 50%; float: left; } 
.ansatte1-article-wrapper h3 { font-size:20px; margin:0; } 
.ansatte1-article-wrapper p { font-size: 18px; font-weight: 300; padding: 0px; } 
.ansatte1-article-wrapper p a { font-size:18px; } 

 #sb1 h2 { font-size: 40px !important; } 
 #sb1 p { font-size:1.3rem !important; } 
 #sb1 .Col-text { padding:0 30px 0 30px; } 
 a.btn-green { font-size: 1.3rem !important; } 
 
.fb3-thumb { height:14vw !important; } 
.fb3-thumb-wrapper { height:14vw; width:25%; } 
.banner-txtbox-gradient { margin: 0 0 0 20px; } 
.banner-txtbox-gradient h2 { font-size: 3.9rem; line-height: 1.2; } 
 
.header-wrapper #foldoutsearch-close { position: absolute;right: 2.8rem;float: right;z-index: 9999;text-align: center;cursor: pointer;display: block; } 
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 }@media screen and (max-width: 1200px){
 #front-banner h1 { font-size: 5.5vw !important; line-height: 6vw !important; max-width: 50%; padding:0px 0px 5px 0px; } 
#front-banner p { Font-size: 2vw !important; line-height: 2.5vw !important; max-width: 43%; padding:0px 0px 40px 0px; } 
.sc-box p { font-size: 30px; } 
.jubileum-line { width: 36%; } 
.profile-wrapper:nth-of-type(2n+1) .profile-txt { width:42%; min-height: 47vw; padding: 0 40px 0 0; } 
.profile-wrapper:nth-of-type(2n) .profile-txt { width:42%; min-height: 47vw; padding: 0 0 0 40px; } 
.profile-txt h2 { font-size: 2.5rem; line-height: 1.3; } 
.profile-wrapper:nth-of-type(2n) .profile-art img { width: 46%; height: auto; padding: 0 40px 0 0; } 
.profile-wrapper:nth-of-type(2n+1) .profile-art img { width: 46%; height: auto; padding: 0 0 0 40px; } 
 
 
 }@media screen and (max-width: 1050px){
 .sc-box { width:33.33%; } 
.fold-out-search-padding button { width:25.3%; } 
.jubileum-line { width: 34%; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
 }@media screen and (max-width: 969px) { body { margin:0px 0px 0px 0px; background-image: url("/assets_v3/gfx/mob-header-background.png"); background-position: -4px 0px; background-repeat:repeat-x; } 
div.fold-out-menu { width:auto; padding:0 !important; margin:0; } 
div.fold-out-menu ul { margin: 0; padding: 0px 0px 0px 14px; } 
div.fold-out-menu ul>li { margin: 0; list-style-type: none !important; } 
div.fold-out-menu ul li a { padding: 10px 0px 10px 9px; font-size: 22px !important; font-weight: 300; display: block; } 
div.fold-out-menu ul li a:hover { } 
div.fold-out-menu ul > li > a > strong { font-weight:300; background-position: -3px 2px; padding: 1px 40px 2px 24px; } 
div.fold-out-search { margin:0 !important; } 
.fold-out-search-padding button { width:25.1%; } 
.mob-col { flex-direction: column; }
header { position:fixed !important; top: unset; } 
.yellow-note-visible { margin-top: 0px !important; top: 0; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
.scrolled-header { height: auto !important; } 
ul.breadcrumbs { padding: 0px 0px 0px 3px; margin:20px 0px 0px 0px; list-style: none; } 
ul.breadcrumbs li { display: inline-block; font-weight:400; float: inline-start; padding: 0px 0px 0px 3px; margin: 0px 0px 20px 0px; } 
ul.breadcrumbs li+li:before { padding: 4px; color: black; content: "\00BB\00a0"; } 
ul.breadcrumbs li a { color: #FFF; text-decoration: none !important; text-decoration: underline; text-decoration-style: none; background-color: #323232; padding: 4px 7px; border-radius: 5px; } 
ul.breadcrumbs li a:hover { color: #FFF; text-decoration: underline; font-weight:400; background-color: #000; } 
ul.breadcrumbs li a:focus { color: #FFF; text-decoration: underline; font-weight:400; background-color: #000; } 
#contact-form-wrapper { border-left:none; } 
#contact-form-padding { padding: 20px 0px 0px 0px } 
.align-left-30 { float:none !important; width:100% !important; } 
.align-right-30 { float:none !important; width:100% !important; margin-top:20px !important; } 
.align-left-40 { float:none !important; width:100% !important; } 
.align-right-40 { float:none !important; width:100% !important; margin-top:20px !important; } 
.align-left-50 { float:none !important; width:100% !important; } 
.align-right-50 { float:none !important; width:100% !important; margin-top:20px !important; } 
.align-left-60 { float:none !important; width:100% !important; } 
.align-right-60 { float:none !important; width:100% !important; margin-top:20px !important; } 
.align-left-70 { float:none !important; width:100% !important; } 
.align-right-70 { float:none !important; width:100% !important; margin-top:20px !important; } 
#front-banner p { Font-size: 18px !important; line-height: 23px !important; max-width: 43%; padding:0px 0px 40px 0px; } 
.jubileum-line { width: 33%; } 
.lwt3-wrapper-width { width: 50%; } 
.lwt4-wrapper-width { width: 50%; } 
.lwt5-wrapper-width { width: 50%; } 
.lwt6-wrapper-width { width: 50%; } 
#list-wrapper img { width:50%; } 
#list-wrapper strong { font-size:25px; font-weight:400; } 
.sc-box p { font-size: 25px; } 
a.rel-art { widtH:100%; text-align: center; } 
 
 #sb1 h2 { font-size: 30px !important; } 
 #sb1 p { font-size:1.25rem; } 
 #sb1 > .wrapper { width:100%; } 
 #sb1 .Col-text { padding:40px; vertical-align:middle; } 
 #sb1 .Col-photo { } 
 
 #sb1 .sb1-responsive-image img { width: 100%; padding: 0; } 

.fb3-thumb { height:20vw !important; } 
.fb3-thumb-wrapper { height:20vw; width:20%; } 
 
.accordion-articles { width: 100%; float:none } 
 
#kontaktskjema-varsling input { width: 100% !important; } 
 
 
.banner-txtbox-gradient { max-width:100%; } 
.banner-txtbox-gradient { margin: 0 20px 0 20px; } 
.banner-txtbox-gradient h2 { font-size: 7vw !important; max-width:90%; color: #000; text-shadow: none; } 
.banner-txtbox-gradient p { font-size: 1.2rem; color: #000; text-shadow: none; } 
.banner-txtbox-gradient ul { font-size: 1.2rem; } 
.banner-content { margin: 0; padding: 40vw 0 40px 0; } 
.banner-background-gradient { min-height: unset; top: 7rem; background-color: transparent; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.0)), url('?a=view&m=art&t=thumb&c= { a_id } &ref=1920x1100'); background-position: top; background-repeat: no-repeat; background-size: contain; } 
 
#snarveierWrapper { position: initial; max-width: 1320px; box-sizing: border-box; margin: 140px auto 100px 0; } 
.photocred { bottom: 5px; color: #000; text-shadow: none; } 
 
 
 
.sc-ct li { width: 40%; } 
#content-wrapper { margin: 0 auto; padding: 180px 20px 0px 20px; } 
 
.yellow-note h3 { font-size: 1rem !important; } 
.yellow-note p { font-size: .85rem !important; } 
.profile-txt h2 { max-width: 100% !important; } 
 
 .lwt6-wrapper-width a { width: 100%; } 
 .banner-txtbox-gradient ul { color: #000; } 

}@media screen and (max-width: 850px){
 .box-case { width:100%; } 
.article-wrapper { width:50%; } 
.fold-out-search-padding button { width:25%; } 
#sc-wrapper { margin: 20px auto 50px auto; } 
.sc-box { width:50%; } 
div#footer-padding>address { float:none; width:100%; } 
#footer-col-1 { width:100%; margin-right:0; margin-bottom:50px; float:none; } 
#footer-col-2 { width:100%; margin-right:0; margin-bottom:50px; margin-top: 0px; float:none; } 
#footer-col-3 { width:100%; float:left; margin-top: 0px; min-height:0; } 
#footer-padding h2 { padding-bottom: 0px; } 
#footer-padding { padding: 60px 10px 0px 10px; text-align: center; } 
.social-link { padding: 8px 30px; margin: 0 auto; width: auto; text-align: left; display: inline-block; } 
.jubileum-line { width: 28%; } 
.box-case { width:100%; } 
#list-wrapper img { width:45%; } 
.article-wrapper2 { width:50%; } 
.article-wrapper3 { width:50%; } 
#sb1 .Col-text { Width:100% !important; display: block; padding:20px; } 
#sb1 .Col-photo { width:100% !important; display: block; } 
.fb3-thumb { height:18vw !important; } 
.fb3-thumb-wrapper { height:18vw; width:20%; } 
 a#phone-call { padding: 12px; border-radius: 9px; float: right; display:inherit; text-align: center; background-color: white; color:black; } 
 #call-button { width: 4rem; height: 4.3rem; font-weight: 500; font-size: 1.2rem; line-height: 20px; display:table-cell; vertical-align: bottom; background-image: url("/gfx/icon_phone_call.png"); background-repeat: no-repeat; background-size: 3rem; background-position-x: center; } 
.article-ingress { font-size: 25px !important; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
.profile-txt h2 { font-size: 2rem; line-height: 1.3; width: 100% !important; } 
.profile-wrapper:nth-of-type(2n+1) .profile-txt { width: 40%; } 
.profile-wrapper:nth-of-type(2n) .profile-txt { width: 40%; } 

 }@media screen and (max-width: 740px){
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 .profile-wrapper { padding: 0; } 
.profile-wrapper:nth-of-type(2n+1) .profile-art img { width: 100%; padding: 20px; box-sizing: border-box; float: none; } 
.profile-wrapper:nth-of-type(2n+1) .profile-txt { width: auto; padding: 20px 20px 70px 20px; min-height: inherit; float: none; } 
.profile-wrapper:nth-of-type(2n) .profile-art img { width: 100%; padding: 20px; box-sizing: border-box; } 
.profile-wrapper:nth-of-type(2n) .profile-txt { width: auto; padding: 20px 20px 70px 20px; min-height: inherit; } 
#profilecontainer { margin: -50px 0 80px 0; } 
 }@media screen and (max-width: 700px){
 .jubileum-line { width: 25%; } 
 .banner-content { padding: 33vw 0 27px 0; } 
.banner2024 { width: 90%; float: none; } 
.b2024txt { width: 100%; float: none; padding: 0 20px; text-align: center; margin: 0 0 0 0; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 

 }@media screen and (max-width: 600px) {
.fancybox-content { width:80%; } 
box-case-content { margin: 5px 0px 5px 0px; } 
.menu-section { float: none; width: 100%; margin: 0px 0px 0px 0px; } 
div.fold-out-menu { width: auto !important; position: relative; z-index:99; top: 0; height: 100%; } 
div.fold-out-search label { font-size: 35px; } 
div.fold-out-search { padding:40px 25px 50px 25px; } 
.fold-out-search-padding button { width:24%; } 
.article-wrapper { width:100%; min-height:auto; } 
.article-wrapper img { width:100%; height:auto; max-width:none; max-height:none; } 
section#news-list { margin:10px auto 30px auto; } 
.sc-box { margin: 0px; width:100%; border-top: 1px solid #d35959; border-bottom: 1px solid #882323; } 
a>img#logo-header { height:36px !important; } 
.sc-padding { padding: 0px 0px 0px 0px; } 
#sc-wrapper { margin: 0px auto 50px auto; } 
#front-banner { margin-bottom: 0px; } 
#sc-padding { margin: 0px 0px 0px 0px; } 
.sc-padding { padding: 0; } 
#jubileum { margin: -20px auto 23px auto; } 
.jubileum-line { display:none; } 
.lwt3-wrapper-width { width: 100%; } 

a .lwt3-article-wrapper { min-height: auto; } 
.lwt3-article-wrapper img { max-height: none; } 
.lwt4-wrapper-width { width: 100%; } 
a .lwt4-article-wrapper { min-height: auto; } 
.lwt4-article-wrapper p { padding: 0px 15px 25px 15px; } 
.lwt5-wrapper-width { width: 100%; } 
.lwt5-article-wrapper img { width:100% !important; height:auto; max-height:none; } 
a .lwt5-article-wrapper { min-height: auto; } 
.lwt5-article-wrapper p { padding: 0; } 
.lwt6-wrapper-width { width: 100%; } 
.lwt6-wrapper-width a { width: 100%; } 
a .lwt6-article-wrapper { min-height: auto; } 
.lwt6-article-wrapper p { padding: 0px 15px 25px 15px; } 
.ansatte1-article-wrapper-txt { width: 75%; padding-left: 5%; padding-top: 3vw; padding-bottom: 30px; } 
.ansatte1-article-wrapper img { width: 20% !important; } 
.ansatte1-article-wrapper p { font-size: 16px; } 
.ansatte1-article-wrapper p a { font-size:16px; } 
.article-wrapper2 { width:100%; min-height:auto; } 
.article-wrapper2 img { width:100%; height:auto; max-width:none; max-height:none; } 
.article-padding2 { padding:0px; margin:0px 0px 20px 0px; } 
.article-wrapper3 { width:100%; min-height:auto; } 
.article-wrapper3 img { width:100%; height:auto; max-width:none; max-height:none; } 
.article-padding3 { padding:0px; margin:0px 0px 20px 0px; } 
section#gallery-list { margin:10px auto 30px auto; } 
#foldoutbutton-login, #foldoutbutton-search, #foldoutbutton-menu { font-family: 'Raleway', sans-serif; font-weight: 600; } 

#pb-box { padding: 20px; z-index: 9999 } 
.pb-wrapper>h2 { font-size: 1.3rem; font-weight: 600; } 
.pb-wrapper>p { padding: 0 0 20px 0; } 
.pb-wrapper>a { display: initial !important; padding: 10px 15px; margin:0 10px 0 0; } 
.pb-wrapper>p>a { display: initial !important; } 
.pb-wrapper p a { color:#3C4267; } 

a.button-read { display:block !important; text-align: center; background-color: #646464; margin:0 0 9px 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -moz-transition: 0.3s ease-in-out all; } 
a.button-read:hover,.button-read:focus { background-color: #2a2a2a; }
 
.fb3-thumb { height: 29vw !important; } 
.fb3-thumb-wrapper { width:33.33%; height:29vw; } 
 
.b2024txt p { margin: 0 auto; width:90%; font-size:1.2rem; } 
a.b2024button { font-size: 1.2rem; } 
 


 .sc-ct li h2 { font-size: 1.1rem !important; } 
 #logo-link { display:none; } 
 #logo-link-vertical { display: inherit; width: 125px; top: -5px; left: 0; position: relative; z-index: 999; } 

 .banner-content { padding: 28vw 0 22px 0; } 
 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
 
.banner-txtbox-gradient ol li a { font-size: 1rem; padding: 1.1rem 2.9rem; } 
.banner-txtbox-gradient ol li a:hover,.banner-txtbox-gradient ol li a:focus { font-size: 1rem; padding: 1.1rem 2.9rem; } 
 
.accordion-articles.ui-accordion.ui-widget.ui-helper-reset h3 { font-size: 1.2rem !important; } 
.ui-icon { display: none !important; } 

.product-padding { padding: 10px; } 
.product-padding h2 { font-size: 1.4rem; padding: 15px 0px 10px 25px; margin: -15px; } 
.tablerow { font-size: 1rem; } 
.label-padding { font-size: 1.2rem; } 
 
 }@media screen and (max-width: 480px) { div.fold-out-menu { font-size:18px; font-weight:300; width:100%; } 
 
#header h1 { max-width: 85%; font-size:18px; font-weight:600; color:#FFF; font-style:italic; margin:0; padding:0; } 
#header h2 { max-width: 85%; font-size:18px; font-weight:600; color:#AFAFAF; font-style:italic; margin:0; padding:0; } 
#photo-top img { margin:0px 0px 0px 0px; } 
#front-banner-content { padding: 0px 30px 0px 30px; } 
#front-banner h1 { font-size: 30px !important; line-height: 34px !important; max-width: 55%; } 
#front-banner p { max-width: 55%; padding: 0px 0px 30px 0px; } 
#front-banner span a { font-size: 25px; font-weight:400; border:3px solid #FFF; color:#FFF; padding:10px 20px; margin:1vw 0px 0px 0px; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
#list-wrapper img { width:100%; padding:0px; float:none; } 
.fb3-thumb { height: 26vw !important; } 
.fb3-thumb-wrapper { width:33.33%; height:26vw; } 
 #sticky-call { box-sizing: border-box; z-index: 99; overflow: hidden; position: fixed; right: 0; bottom: 0; color: #f9f9f9; background-color: white; padding: 0; width: 100%; box-shadow: 0px -20px 20px #0003; } 
 a.call-btn { font-size: 1rem; text-align: center; line-height: 2rem; padding: 8px 15px; margin: 15px 0; border-radius: 50px; width: 100%; display: inline-block; float: none; box-shadow: none; } 
 a.call-btn.c1::before, a.call-btn.c2::before { font-size: 1rem; } 
 a.call-btn:hover, a.call-btn:focus { transform: none; } 
 span.pl { box-sizing: border-box; padding: 0 9px 0 18px; float: left; width: 50%; } 
 span.pr { box-sizing: border-box; padding: 0 18px 9px 0; float: left; width: 50%; } 
 .wcallme { max-width:none; display: block; } 
 .grecaptcha-badge { bottom: 100px !important; } 
 #footer-logos img { height: 75px; } 
 #snarveierWrapper svg { max-width: 100px; height: 65px; } 
 .sc-ct li { margin: 0 4px 0px -6px; } 
 .sc-ct li a { height: 70%; padding: 30px 5px; } 
 .banner-content { padding: 22vw 0 20px 0; } 
 .banner-txtbox-gradient .button-red { width: 100% !important; margin: 0 0 3rem 0 !important; } 
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 
#NO4 {
  margin: 5rem 0 1rem 9rem;
}
#NO51 {
  margin: 2.4rem 0 1.5rem 1rem;
  gap: 1rem;
}
#NO3 {
  margin: 0rem 0 -0.5rem 5rem;
}
#NO2 {
  margin: 0.5rem 0 0 3rem;
}

.asidekart { background-position: center; }
#NO1, #NO2, #NO3, #NO4, #NO5 {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  min-width: 5rem;
}


span.pl,span.pr { padding: 0 18px 0 18px; width: 100%; } 
span.pl a.call-btn { margin: 10px 0 0 0; } 
span.pr a.call-btn { margin: 10px 0; }  
a.call-btn.c2::before { float: none; } 
 
 /* UU Byline */
 a#uub .fab.fa-accessible-icon { padding: .5rem !important; font-size: 1.2rem; } 
 a#uub span { font-size: 0.8rem; } 
 body { margin: 0px 0px 160px 0px !important; } 
}@media screen and (max-width: 460px){
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 }@media screen and (max-width: 405px) { a>img#logo-header { height: 25px !important; padding: 16px 0px 0px 15px; } 
 .banner-txtbox-gradient .button-red { font-size: 1.6rem; width: 100%; } 
 #logo-link-vertical { width: 95px; top: 5px; left: -15px; } 
 .banner-content { padding: 15vw 0 18px 0; } 
 .yellow-note-mobilevisible { margin-top: -108px !important; } 
 }@media screen and (max-width: 380px){
 #front-banner { padding: 5vw 0 7vw 0 !important; } 
#front-banner h1 { font-size: 26px !important; line-height: 30px !important; max-width: 60%; } 
#front-banner p { max-width: 60%; padding: 0px 0px 15px 0px; } 
#front-banner span a { font-size: 20px; font-weight:400; border:3px solid #FFF; color:#FFF; padding:10px 20px; margin:1vw 0px 0px 0px; width: 82% !important; display: block; text-align: center; transition: 0.4s ease-in-out all; -webkit-transition: 0.4s ease-in-out all; -moz-transition: 0.4s ease-in-out all; } 
a>img#logo-header { height: 20px !important; padding: 22px 0px 0px 15px; } 
.banner-txtbox-gradient .button-red { font-size: 1.4rem; width: 100%; } 
.search-field-standard { width: 65%; font-size: 1.2rem !important; } 
.exec-search { font-size: 1.2rem !important; } 
.banner-content { padding: 12vw 0 16px 0; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 

}@media screen and ( max-width: 360px) { a>img#logo-header { } 

.sc-ct li h2 { font-size: 1rem !important; } 
.banner-content { padding: 10vw 0 16px 0; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
.tablerow { font-size: .9rem; } 
}@media screen and ( max-width: 345px) { a>img#logo-header { } 
#logo-link-vertical { width: 65px; top: 5px; left: -15px; } 
.banner-content { padding: 8vw 0 16px 0; } 
.yellow-note-mobilevisible { margin-top: -108px !important; } 
 
 /* UU Byline */
 a#uub .fab.fa-accessible-icon { padding: .5rem !important; font-size: 1.2rem; } 
 a#uub span { display:block; line-height: 1rem; } 
 a#uub:hover, a#uub:focus { margin: 0 0 1px 0; padding: 0px 15px 15px 15px; } 
 
}@media screen and ( max-width: 320px) { } 

