/* ==========================================================================
   larvikbilpleie.no — stilark gjenoppbygd fra eSite-originalen (#27778).
   Rekkefølgen speiler originalens <link>-rekkefølge (kaskaden avgjør hvem som vinner når samme
   id styles i flere filer). Bootstrap 3.4.1 (+ theme), Font Awesome 4.5.0, Roboto 900 og
   animate.css 3.5.2 lastes først som egne filer fra /vendor (originalen hentet dem fra CDN).
   Layout-filene var egne pr sidetype i eSite (1227 forsiden, 42022 undersidene); her er de
   scopet med body-klasse (pt-forside, pt-underside). Generert av %TEMP%/esite/larvikbilpleie/gencss.mjs
   fra originalens filer — seksjon «Malens inline-stiler» nederst er skrevet for hånd.
   ========================================================================== */

/* ---- css_styles 15166 (felles for alle sider, uendret) ---- */
a  { Color:#0070BB; }
a:hover  { Color:#0070BB;Text-decoration:underline; }
.a  { Color:#0070BB; }
.itemheader, h1  {  }
.itemintroduction {  }
.itembody {  }
.itemdate {  }
.htmlformlabel, .EditorLabel {}
body { Font-family:Arial;Font-size:16px; }
.itemimagestyle {  }
.FolderItemCell {  }
.imagepreviewstyle {  }
.itempreviewheader, h2  {  }
.itempreviewintro {  }
.itempricelabel {  }
.itemprice {  }
.itemopenlink, .EsiteActionLink, .ESiteActionLink {  }
.itemopenlink:hover, .EsiteActionLink:hover, .ESiteActionLink:hover {  }
.itemopenlink {  }
.PageSelectorCell {  }
.PageSelectorCell a, .PageSelectorCell span {  }
.PageSelectorCell table { width:100%; }
.PageSelectorCell table td.PagesCell { width:100%; }
.ColorBoxImage {}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}


body
{
text-align:left;
padding:0px;
Color: #444444;
background:none;
background-color:none;
}


.EditorLabelSpace
{
color:#999 !important;
}

.placeholder
{color:#999 !important;}

.ESiteTextBox
{ 

color:#0070bb !important;
font-size:1em;
background-color:transparent !important;
padding: 10px 0px 10px 10px !important;
font-style: normal !important;
text-shadow:none !important;
border: #ffffff 1px solid;
width:100% !important;
clear:both; !important!
}


.ESiteGroupBox
{
width:90%;
color:#000;
padding:0px !important;
margin-bottom:10px;
margin-top:10px;
  background:none !important;
  background-color:none !important;
  border:0px;
}


.ESiteGroupBox legend
{
color:#000 !important;
padding: 10px !important;
    font-weight: 400 !important;
 text-shadow:none !important;
  font-size:1.5em;
text-align:left !important;
clear:both !important;
float:none !important;
}

.CustomFormSendButton
{ 
	
      
  font-weight:400;
  background-color:#0070bb;
  font-size:1.3em;
	color:#ffffff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px;
	border-color:#0070bb;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


.CustomFormSendButton:hover
{ 

	text-decoration:none;
	background-color:#075e9e;
}


#DF1206__ctl1_MessagePanel
{
 position: absolute;
  left: 50%;
  top:10%;
      width: 100%;
  margin: auto;
text-align: center;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border:none;
display: inline-block;
background-color: #000;
color: #fff;
padding: 200px 15px 100px 15px;

}

.ESiteCustomFormGoBack
{
  display:none;
}

.ErrorLabel
{
border:none; width: 100%; display: inline-block; background-color: #da3c3c; color: #ffffff; text-align: center; padding: 15px 15px 15px 15px;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.btn-mappe a
{
	
	  font-weight:600;
  font-size:1.2em;
	min-width:300px;
  width:90%;
	color:#ffffff;
  background:#0070bb;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	border:1px;
	border-color:#0070bb;
	border-style:solid;
  border-radius:2px;
	text-decoration: none;
transition: transform .1s; /* Animation */
	
}


.btn-mappe a:hover
{
	  color:#ffffff;
	text-decoration:none;
	background-color:#0070bb;
transform: scale(1.1);
	
}

.pluginCountTextConnected
{
  font-family:'Arial', !important;
font-size:3em !important;
  
}

.mappeintroduction
{
	  font-size:1.3em;
	  line-height:1.5em;
	font-weight:600;
	
}

._5n6k _5n6l
{
  font-family:'Arial', !important;
font-size:3em !important;
  
}

.scroll-link
{
transition-duration:0.2s;
-webkit-transition-duration:0.2s;  
}

.pil {
  position:absolute;  
  margin-top:-125px;
  z-index:999;
  left:0;
  right:0;
    }






#PreProduktHolder
{
padding:7px;
}

.lesmer
{
color:#fff !important;
}

#Infoboks
{
clear:both;
bakcground-color:#fff;
border:1px solid #ccc;
padding:0px 15px 25px 15px;
margin-top:-1px;  
width:100%;
margin-left:auto;
margin-right:auto;
  z-index:10;
}


#Knapp
{
text-align:center;
width:100%;
margin-top:-70px;
}


#Tekstholder
{
text-align:center;
position:absolute;
width:90%;
}


#Tekst
{
position:absolute;
padding:20px 15px 20px 15px;
bottom:50px;  
min-width:35%;
  max-width:100%;
background-color: rgba(0, 0, 0, 0.85);
}


#Tekstbilde
{
transition: all 0.25s ease-in-out;
bakcground-color:#fff;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
transform: scale(1);
-webkit-transform:scale(1);
}


#Tekstbilde:hover
{
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
transform: scale(1.02);
-webkit-transform:scale(1.02);
}




#Bilderamme img
{
width:100%;
opacity:0.9;
transition: all 0.4s ease-in-out;  
text-decoration:none !important;
border:none !important;
overflow:hidden;
}

.dato
{
font-size:0.8em;
color:#999;
font-style:italic;
margin-top:-4px;
margin-bottom:5px;  
}


.h1liten
  {
  color:#0070bb;
font-family: 'Roboto', sans-serif;
font-size:2em;
text-decoration:none;
line-height:1em;
  }

#Sponsorlogofooter img
{
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#Sponsorlogofooter img:hover
{
-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}


.stevneheading a
{
color:#1C1C1C;
font-family:'Arial', serif;
font-size:1.25em;
text-decoration:none;
line-height:1.15em;
 
}

.stevneheading a:hover
{
color:#0070bb;
text-decoration:none;
}

h2
{
  color:#0070bb !important;
}

h3
{
  color:#0070bb !important;
  font-size:150%;
  font-weight:bold;
}


h2 a
{
color:#0070bb;
font-family:'Arial', serif;
text-decoration:none;
}

h2 a:hover
{
color:#0070bb;
text-decoration:none;
}



#Flagg img
{
width:40px;
height:auto;
margin-top:-2px;
}

.menylink
{
color:#0070bb;
font-size:1.15em;
  text-transform:uppercase;
}


.main {
     position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 18%;
        background: rgba(43,44,28,0.8);
height:1400px;
}


.tall
{
color:#fff;
font-family:'Arial', serif;
font-size:3em;
line-height:1.2em;
}


.forsidetekst
{
color:#444;
font-family:'Arial', serif;
font-size:1.65em;
  line-height:1.2em;
text-align:center;
font-style:italic;  
}


#TextInfo
{
border-top:0px solid #0070bb;
border-bottom:0px solid #0070bb;  
padding:40px 20px 50px 20px;
}



.videoeffects
{
filter:grayscale(100%) contrast(120%);
-webkit-filter:grayscale(100%) contrast(120%);
}


.videoeffects img
{
filter:grayscale(100%) contrast(120%);
-webkit-filter:grayscale(100%) contrast(120%);
}



#VideoDiv
{
max-height:800px;
  min-height:300px;
overflow:hidden;
z-index: -10;  
}




.loop-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 0px;
}



#HandlekurvStatusXs
{
position:fixed;
top:100px;
right:0;
width:100px;
  height:80px;
}


#FooterKontaktInfo a
{
color:#fff;
text-decoration:none;  
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

#FooterKontaktInfo a:hover
{
color:#fff;
text-decoration:underline;  
}

.pris
{
color:#1C1C1C;
font-family:'Arial', serif;
font-size:2.15em;
}

.litenpris
{
color:#1C1C1C;
font-family:'Arial', serif;
font-size:1.5em;
}



a.produktpreheading
{
text-transform: uppercase;
text-decoration:none;
letter-spacing: 2px;
border-bottom:none;  
}

a.produktpreheading:hover
{
text-decoration:none;
border-bottom:1px solid #000; 
}

.iconfooter
{
color:#0070bb !important;
}

.iconfooterenvelope
{
font-size:120%;
}

a.sociallinks
{
color:#0070bb;
text-decoration:none;
font-size:2.35em;
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


a.sociallinks:hover
{
color:#ffffff;
text-decoration:none;
}


a.sociallinkspositive
{
color:#666;
text-decoration:none;
font-size:4.35em;
  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}


a.sociallinkspositive:hover
{
color:#0070bb;
text-decoration:none;
}

.linkhand
{
cursor:pointer;
}


.single-photo__gradient-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
    background: transparent;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
}




.prevtekstholder
{
margin-left:auto;
  margin-right:auto;
  float:none;
  Padding:10px;

  width:100%;
}

.clearfix:before,
.clearfix:after
{
content: " ";
display: block;
}

.clearfix:after
{
clear:both;
}





.fargestrek
{
width:100px;
height:1px;
background:#000;
}

.graastrek
{
width:20px;
height:1px;
background:#0070bb;  
}





.iframe-container
{
    position: relative;
  padding-bottom: 58%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.slidetekstholder
{
	color:#ffffff !important;
	position: absolute;
	top: 52%;
	left: 50%;
	width: 50%;
	margin: auto;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
}


.flexbox-container
{
  padding: 15px 15px 15px 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.ingress
{
	  font-size:1.3em;
	  line-height:1.5em;
	font-weight:300;
	
}
#SkjemaDiv iframe
{
	width:100%;
	  height:500px;
	float:none;
	overflow: visible !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	margin-left:auto;
	margin-right:auto;
	-webkit-overflow-scrolling: none;
	
}


#BildeDiv img
{
	height: auto;
	 width:100%;
	
}




.kontaktheading
{
	font-family:'Montserrat', sans-serif;
	  font-size:2.2em;
	  line-height:1.2em;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
	  
}
.bildetekst
{
	color:#ffffff;
	font-family:'Montserrat', sans-serif;
	font-size:4vw;
	text-decoration:none;
	
}


.btn-handlekurv a
{
	font-weight:400;
  font-size:0.95em;
	color:#fff;
	position:relative;
	margin-top:10px;
  letter-spacing: 2px;
	display:inline-block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:2px solid #fff !important;
		background-color:rgba(0,0,0,0.3);
  text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	}
 

.btn-handlekurv a:hover
{
	text-decoration:none;
	background-color:rgba(0,0,0,0.7);
}



.handlekurv-btn
{
  font-weight:400;
  font-size:1em;
	color:#fff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:2px;
  	background-color:#000;
	border-color:#000;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	}
 

.handlekurv-btn:hover
{
	  color:#000;
	text-decoration:none;
	background-color:#fff;
}





.variantknapp
{
	font-weight:400;
  font-size:1em;
	color:#fff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:2px;
  	background-color:#999;
	border-color:#999;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


.news-btn a
{
	font-family:'Arial', serif;
  font-weight:400;
  font-size:1em;
 	color:#fff;
  background-color:#0070bb;
	position:relative;
	margin-top:15px;
	display:inline-block;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	border:1px solid #0070bb;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


.news-btn a:hover
{
	  color:#0070bb;
	text-decoration:none;
	background-color:#fff;
border:1px solid #0070bb;
}





a.download-btn
{
	font-family:'Arial', serif;
  font-weight:400;
  font-size:1.65em;
 	color:#fff;
  background-color:#0070bb;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #0070bb;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


a.download-btn:hover
{
	  color:#0070bb;
	text-decoration:none;
	background-color:#fff;
border:1px solid #0070bb;
}

a.stor-btn
{
	font-family:'Arial', serif;
  font-weight:400;
  font-size:1.25em;
 	color:#ffffff;
  background-color:none;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px solid #ffffff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


a.stor-btn:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#0070bb;
border:1px solid #0070bb;
}



a.tilbake-btn
{
	font-weight:400;
  font-size:1em;
	color:#0070bb;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border:1px;
	border-color:#0070bb;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


a.tilbake-btn:hover
{
	  color:#fff;
	text-decoration:none;
	background-color:#0070bb;
}








.btn-bilde a
{
	font-family: 'Montserrat', sans-serif;
	  font-weight:400;
  font-size:0.7em;
	  text-transform: uppercase;
	color:#ffffff;
	position:relative;
	margin-top:10px;
	display:inline-block;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px;
	border-color:#ffffff;
	border-style:solid;
  border-radius:2px;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}


.btn-bilde a:hover
{
	  color:#5FB0B8;
	text-decoration:none;
	background-color:#fff;
	
}



.slideramme
{
height:60vh;
min-height:200px;
max-height:700px;
} 





.seksti
{
 height:48vh; 
content-align:center;
  text-align:center;
z-index:999;
}

#Page
{
padding-top:15px;
margin-top:-7px;
}


#FooterHolder
{
padding: 20px 15px 30px 15px;
}


.artikkelpreheading
{
font-family: 'Arial', serif;
	  font-size:1.3em;
	  line-height:1.2em;
	color:#fff;

 }



 
  
.bildeheading
{
	  font-size:1.2em;
} 


h1
  {
  color:#ffffff;
font-family: 'Roboto', sans-serif;
    font-weight:900;
font-size:1.50em;
text-decoration:none;
line-height:1em;
  }

h4
  {
  color:#0070bb;
font-family:'Arial', serif;
font-size:2.25em;
text-decoration:none;
line-height:1em;

  }


#Hvitmeny, #Top {
	
  left: 0;
  top: 0;
  width: 100%;
	height: 120px;
	position: relative;
	z-index:999;
box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);  
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);
background-color: rgba(0,0,0,0.92);
}


#Hvitmeny:hover {
opacity: 1.0;
}


.scrolltop {
 display:none;
 
}


 #HeaderHolder
{
	
position:fixed;
top:0px;
z-index:9999;
background-color:rgb(6,24,33);
  height:110px;

}

.boxshadowtop
{
box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);  
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.1);
}


#DisplayUnderside
{
padding:0px 15px 0px 15px;
}
  h5
  {
  color:#0070bb;
font-family:'Arial', serif;
font-size:2.40em;
text-decoration:none;
line-height:1em;
  }


@media  (min-width: 768px){

#DisplayUnderside
{
padding:0px 35px 0px 35px;
}  
  
  
#Hvitmeny, #Top {
	
  left: 0;
  top: 0;
  width: 100%;
	height: 120px;
	position: fixed;
	z-index:999;
background-color: rgba(0,0,0,0.92);
}
  
 #HeaderHolder
{
	
position:fixed;
top:0px;
z-index:9999;
background-color:rgb(6,24,33);
} 
  
  h5
  {
  color:#ffffff;
font-family:'Arial', serif;
font-size:3.65em;
text-decoration:none;
line-height:1em;
  }

h1
  {
  color:#ffffff;
font-size:2em;
text-decoration:none;
line-height:1em;
  }
  
  
.bildeheading
{
	  font-size:1.85em;
		color:#fff;
letter-spacing: 2px;
text-transform:uppercase;  
}   
  
  
  
  
.artikkelpreheading
{
font-family: 'Arial', serif;
	  font-size:1.75em;
	  line-height:1.2em;
	color:#fff;

 }  
  
  
#FooterHolder
{
padding: 20px 45px 50px 45px;
}
  
  
  
#Page
{
		padding-top:84px;
margin-top:10px;
  
}

  
  
.iframe-container
{
    position: relative;
  padding-bottom: 30%;
    padding-top: 0px; height: 0; overflow: hidden;
}
  
  
  

  


  
 
  
.btn-bilde a
{
	font-family: 'Montserrat', sans-serif;
	  font-weight:400;
  font-size:1em;
	  text-transform: uppercase;
	color:#ffffff ;
	position:relative;
	margin-top:20px;
	display:inline-block;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	border:1px;
  border-radius:5px;
	border-color:#ffffff;
	border-style:solid;
	text-decoration:none;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	
}
  
.btn-bilde a:hover
{
	  color:#5FB0B8;
	text-decoration:none;
	background-color:#fff;
	
}
  
  
  
  
 
  
  

.bildeintroduction
{
	font-size:1.3em;
	  line-height:1.5em;
	font-weight:400;
	color:#ffffff !important;
	margin-bottom:30px;
	  
}


  
 
  

  
}


/* ---- <style> i <head> pr sidetype (var inline i eSite) ---- */
body.pt-forside { Width:100%;Background-image:url('img/bkg_front_02.jpg');background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0;Margin-right:0;Margin-bottom:0px; }
body.pt-underside { Min-Height:100%;Background-image:url('img/bkg_03.jpg');background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px; }

/* ---- styles_xhtml_menu 1249 ---- */
.xm1249 .xi a
{ 
Color:#FFFFFF;Font-family:'Roboto', sans-serif;Font-size:16px;Text-decoration:none;Display:block;Padding-top:12px;Padding-bottom:3px;Margin-left:15px;
}
.xm1249 .xi a:hover, .xm1249 .xi:hover a
{ 
Display:block;Border-bottom-width:2px;Border-bottom-style:Solid;Border-bottom-color:#0070BB;
}
.xm1249 .sub a
{ 

}
.xm1249 .sel a
{ 
Display:block;Border-bottom-width:0px;Border-bottom-style:Solid;Border-bottom-color:#000000;
}
.xm1249 .subsel a
{ 
Display:block;Border-bottom-width:1px;Border-bottom-style:Solid;Border-bottom-color:#000000;
}
.xm1249 .xi
{ 
Float:Left;
}
.xm1249 .sub
{ 

}
.xm1249 .sel
{ 

}
.xm1249 .subsel
{ 

}
.xm1249 .sep
{ 
Display:none;
}
.xm1249
{ 
Padding-top:0px;Padding-left:0px;Padding-right:0px;Padding-bottom:0px;Margin-top:0px;Margin-left:0px;Margin-right:0px;Margin-bottom:0px;
}
.xmindent1249
{ 
Float:Left;Width:16px;
}



/* ---- Css_layout_styles 1227 (forsiden) — scopet med body-klasse ---- */
body.pt-forside #Hvitmeny {Text-align:Center; Padding-bottom:10px;}
body.pt-forside #HeaderHolder {Clear:Both; Width:100%; Height:120px; Background-color:#000000; opacity:0.9; Padding-top:10px; Margin-top:0px; Margin-bottom:0px;}
body.pt-forside #Header {Clear:Both; Max-Width:980px; Padding-left:15px; Padding-right:15px; Padding-bottom:16px; Margin-left:auto; Margin-right:auto; Margin-bottom:0px;}
body.pt-forside #Div8 {Float:Left; Width:30px; Height:20px; Display:none;}
body.pt-forside #LogoDiv {Width:60%; Max-Width:250px; Padding-top:5px; Padding-right:10px; Margin-top:0px;}
body.pt-forside #Mainmenu {Margin-top:0px;}
body.pt-forside #DropBtnRight {Float:Right; Clear:None; Margin-top:26px;}
body.pt-forside #DivHeaderClear {Clear:Both;}
body.pt-forside #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#0070bb; Padding-right:0px; Padding-bottom:-20px;}
body.pt-forside #Xs-menu {Display:none; Padding-top:30px; Padding-bottom:30px; Margin-bottom:0px;}
body.pt-forside #DropMenu {Clear:Both; Margin-left:-40px; Margin-right:0px;}
body.pt-forside #Forside {Clear:Both; Z-index:10; Margin-left:auto; Margin-right:auto; Border-top-width:1px; Border-top-style:Solid; Border-top-color:#0070BB;}
body.pt-forside #InnholdForsiden {Clear:Both; Padding-top:30px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-top:100px;}
body.pt-forside #FilmPreviewHolder {Display:block; Text-align:Center; Max-Width:980px; Padding-top:30px; Padding-bottom:50px; Margin-left:auto; Margin-right:auto; Margin-bottom:5px; Border-bottom-width:0px;}
body.pt-forside #introholder {Text-align:Center; Padding-top:0px;}
body.pt-forside #Introheading {Padding-top:0px; Padding-bottom:40px;}
body.pt-forside #velkommen_heading {Display:inline-block; Padding-top:0px; Margin-bottom:10px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#0070BB;}
body.pt-forside #Forside-velkommen {Clear:Both; Max-Width:800px; Margin-left:auto; Margin-right:auto; Color:#FFFFFF; Font-size:120%; Border-top-color:#B59662;}
body.pt-forside #Div5 {Clear:Both;}
body.pt-forside #prosjekterPreviewHolder {Text-align:Center; Max-Width:980px; Padding-top:30px; Padding-bottom:50px; Margin-left:auto; Margin-right:auto; Margin-bottom:5px; Border-top-width:1px; Border-top-style:Solid; Border-top-color:#0070bb; Border-bottom-width:0px;}
body.pt-forside #prosjektheading {Padding-top:0px; Padding-bottom:40px;}
body.pt-forside #prosjekt_heading2 {Display:inline-block; Padding-top:0px; Margin-bottom:10px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#0070bb;}
body.pt-forside #prosjekterHolder {Text-align:Center; Padding-top:0px; Margin-left:auto; Margin-right:auto;}
body.pt-forside #prosjekterForsideholder {Clear:Both; Text-align:Center; Padding-left:0px; Padding-right:0px; Margin-left:auto; Margin-right:auto; Color:#FFFFFF; Border-top-color:#B59662;}
body.pt-forside #tjenster_btns_holder {Clear:Both; Text-align:Center; Padding-left:0px; Padding-right:0px; Margin-left:auto; Margin-right:auto; Color:#FFFFFF; Border-top-color:#B59662;}
body.pt-forside #prosjekter-knapp-forside {Clear:Both; Padding-left:15px; Padding-right:15px;}
body.pt-forside #SeTjenester {Float:None; Clear:Both; Margin-top:35px; Margin-left:auto; Margin-right:auto; Margin-bottom:50px;}
body.pt-forside #Div52 {Clear:Both;}
body.pt-forside #Film {Clear:Both; Display:none;}
body.pt-forside #FooterHolder {Text-align:Center; Background-color:#000000; opacity:0.8; Margin-left:auto; Margin-right:auto; Color:#FFFFFF;}
body.pt-forside #Footer {Max-Width:980px; Margin-left:auto; Margin-right:auto;}
body.pt-forside #LogoFooter {Width:90%; Max-Width:250px; Padding-top:5px; Padding-right:10px;}
body.pt-forside #FooterContent {Color:#000000;}
body.pt-forside #SocialIcons {Padding-top:25px;}
body.pt-forside #InstagramLink {Margin-left:15px;}
body.pt-forside #Youtubelink {Margin-left:15px;}
body.pt-forside #FooterClear {Clear:Both; Height:25px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#666666;}
body.pt-forside #FooterKontaktInfo {Clear:Both; Text-align:Right; Padding-top:30px; Color:#FFFFFF;}
body.pt-forside #Cartec_footer {Text-align:Left; Padding-top:30px; Color:#FFFFFF;}
body.pt-forside #cartec_logo {Width:150px;}
body.pt-forside #Div9 {Clear:Both;}
body.pt-forside #Div822 {Float:Right; Width:24px; Height:20px;}
body.pt-forside #Byline {Clear:Both; Text-align:Center; Background-color:#000000; Padding-top:24px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:auto; Margin-right:auto; Color:#FFFFFF; Font-size:0.9em; Border-top-color:#B2B2B2;}


/* ---- Css_layout_styles 42022 (undersider) — scopet med body-klasse ---- */
body.pt-underside #Hvitmeny {Text-align:Center; Padding-bottom:10px;}
body.pt-underside #HeaderHolders {Clear:Both; Width:100%; Padding-top:10px; Margin-top:0px; Margin-bottom:0px;}
body.pt-underside #HeaderHolder {Clear:Both; Width:100%; Height:120px; Background-color:#000000; opacity:0.9; Padding-top:10px; Margin-top:0px; Margin-bottom:0px;}
body.pt-underside #Header {Clear:Both; Max-Width:980px; Padding-left:15px; Padding-right:15px; Padding-bottom:16px; Margin-left:auto; Margin-right:auto; Margin-bottom:0px;}
body.pt-underside #Div8 {Float:Left; Width:30px; Height:20px; Display:none;}
body.pt-underside #LogoDiv {Width:60%; Max-Width:250px; Padding-top:5px; Padding-right:10px; Margin-top:0px;}
body.pt-underside #Mainmenu {Margin-top:0px;}
body.pt-underside #DropBtnRight {Float:Right; Clear:None; Margin-top:26px;}
body.pt-underside #DivHeaderClear {Clear:Both;}
body.pt-underside #Xs-menu-holder {Clear:Both; Width:100%; Position:Absolute; Z-index:999; Background-color:#0070bb; Padding-right:0px; Padding-bottom:-20px;}
body.pt-underside #Xs-menu {Display:none; Padding-top:30px; Padding-bottom:30px; Margin-bottom:0px;}
body.pt-underside #DropMenu {Clear:Both; Margin-left:-40px; Margin-right:0px;}
body.pt-underside #PageUnderside {Clear:Both; Position:Relative; Z-index:10; Padding-top:10px; Margin-left:auto; Margin-right:auto;}
body.pt-underside #DivUndersideSpace {Clear:Both; Width:100%; Height:74px;}
body.pt-underside #InnholdUnderside {Float:None; Clear:Both; Width:100%; Max-Width:1500px; Padding-top:0px; Padding-left:0px; Padding-right:0px; Padding-bottom:0px; Margin-top:20px; Margin-left:auto; Margin-right:auto;}
body.pt-underside #UndersidetekstHolder {Padding-top:20px; Padding-left:0px; Padding-right:0px; Padding-bottom:80px; Margin-bottom:30px;}
body.pt-underside #DisplayUnderside {Max-Width:1050px; Margin-top:50px; Margin-left:auto; Margin-right:auto; Color:#FFFFFF;}
body.pt-underside #Div2 {Clear:Both;}
body.pt-underside #DivSlutt {Clear:Both;}
body.pt-underside #FooterHolderUnderside {Background-color:#061821; Color:#FFFFFF;}
body.pt-underside #FooterUnderside {Clear:Both; Color:#FFFFFF;}
body.pt-underside #FooterHolder {Text-align:Center; Background-color:#000000; opacity:0.8; Margin-left:auto; Margin-right:auto; Color:#FFFFFF;}
body.pt-underside #Footer {Max-Width:980px; Margin-left:auto; Margin-right:auto;}
body.pt-underside #LogoFooter {Width:90%; Max-Width:250px; Padding-top:5px; Padding-right:10px;}
body.pt-underside #FooterContent {Color:#000000;}
body.pt-underside #SocialIcons {Padding-top:25px;}
body.pt-underside #InstagramLink {Margin-left:15px;}
body.pt-underside #Youtubelink {Margin-left:15px;}
body.pt-underside #FooterClear {Clear:Both; Height:25px; Border-bottom-width:1px; Border-bottom-style:Solid; Border-bottom-color:#666666;}
body.pt-underside #FooterKontaktInfo {Clear:Both; Text-align:Right; Padding-top:30px; Color:#FFFFFF;}
body.pt-underside #Cartec_footer {Text-align:Left; Padding-top:30px; Color:#FFFFFF;}
body.pt-underside #cartec_logo {Width:150px;}
body.pt-underside #Div9 {Clear:Both;}
body.pt-underside #Div822 {Float:Right; Width:24px; Height:20px;}
body.pt-underside #Div822 {Float:Right; Width:24px; Height:20px;}
body.pt-underside #Byline {Clear:Left; Width:100%; Display:block; Text-align:Center; Background-color:#000000; Padding-top:24px; Padding-left:0px; Padding-right:0px; Padding-bottom:24px; Margin-left:0px; Margin-right:0px; Color:#ffffff; Font-size:0.9em; Border-top-color:#B2B2B2;}
body.pt-underside #ScrollStickyToppScript {Clear:Both; Display:none;}


/* ---- Style_set 15778 ---- */
#DropBtnLeft
{
role:navigation;
tabindex:1;
}



.icon-bar
{
  display: block;
	  width: 45px;
	  height: 3px;
  margin-bottom:7px;
	  background-color: #0070bb;
	  border-radius: 1px;
-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease; 
}


.DropBtn.active .icon-bar:first-child
{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform-origin:center center;
margin-top:8px;
opacity:1;
}



.DropBtn.active .icon-bar:last-child
{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform-origin:center center;
margin-top:-20px;
opacity:1;
margin-bottom:19px;
}

.DropBtn.active .icon-bar
{
opacity:0;
}


.droppmeny li
{
	text-align:center;
  padding:0px;
  margin-left:auto;
  margin-right:auto;
	
}

.droppmeny li a
{
	font-size:1.15em;
  text-tranzform:uppercase;
  padding:12px 0px 12px 0px;
	  color:#fff;
	text-decoration:none !important;
	  display:block;
}

.droppmeny li:last-child
{
	margin-bottom:-12px;
}

.droppmeny li a:hover
{
	 background-color:#035887;
	  color:#fff;
	
}

.underliggendevalgt
{
	background-color:#035887;
	  
}

ul.droppmeny
{
	 padding-left: 0;
  margin-right:auto;
 margin-left:auto;
	 
}
ul.droppmeny, .droppmeny li
{
	display:block;
	padding:0px;
	text-decoration:none;
	
}


/* ---- Style_set 41379 (forsiden) / 42614 (undersidene) — like bortsett fra den tomme frame-regelen ---- */
.frame_style41379
{ 

}
.sekstito
{
content-align:center;
  text-align:center;
z-index:999;
border:1px solid #ffffff;
height:25vh;
min-height:250px;
max-height:300px;  
}




.zoom {
    background-size:200%; 
background-repeat:no-repeat; background-position:center center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.zoom:hover
{
 background-size:210%;
}


.greyfade {
    background-color: rgba(21,31,51,0.3); 
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
padding:0px;
}

.greyfade:hover {
    background-color: rgba(21,31,51,0.15);
}

/* ---- Malens inline-stiler (style="…" i eSite-malene) som klasser — CSP tillater ikke inline stiler ---- */
.skjult-iframe:not(#_):not(#_):not(#_) { display:none; visibility:hidden }
.clear-both:not(#_):not(#_):not(#_) { clear:both }
.tj-sentrert:not(#_):not(#_):not(#_) { text-align:center; margin:auto }
.tj-h1:not(#_):not(#_):not(#_) { text-align:center; margin-bottom:25px }
.tj-prisholder:not(#_):not(#_):not(#_) { clear:both; margin-top:100px }
.side-sentrert:not(#_):not(#_):not(#_) { text-align:center }
.side-strek:not(#_):not(#_):not(#_) { margin:25px auto 25px auto }
.side-intro:not(#_):not(#_):not(#_) { margin:0px auto 10px auto; float:none }
.side-skille:not(#_):not(#_):not(#_) { margin:25px auto 45px auto; clear:both }
.side-knapp:not(#_):not(#_):not(#_) { clear:both; text-align:center; margin:auto; max-width:250px }
.ts-tittel:not(#_):not(#_):not(#_) { margin-bottom:10px }
.ts-bilde:not(#_):not(#_):not(#_) { margin-bottom:30px }
.ts-kol:not(#_):not(#_):not(#_) { margin-bottom:50px }
.ts-ingress:not(#_):not(#_):not(#_) { margin-bottom:16px; margin-top:20px }
.ts-skille:not(#_):not(#_):not(#_) { margin:30px 0px 40px 0px }
.ts-innhold:not(#_):not(#_):not(#_) { margin-top:20px }
.ts-kontakt:not(#_):not(#_):not(#_) { margin-top:50px }
.ts-tilbake:not(#_):not(#_):not(#_) { clear:both; margin-top:30px }
.sentrert-tekst:not(#_):not(#_):not(#_) { text-align:center }
.footer-stor:not(#_):not(#_):not(#_) { font-size:160% }
.ks-felt:not(#_):not(#_):not(#_) { width:300px }
.ks-melding:not(#_):not(#_):not(#_) { height:100px; width:99% }
.graa:not(#_):not(#_):not(#_) { color:#999 }
.graa-mt:not(#_):not(#_):not(#_) { color:#999; margin-top:-10px }
.skjema-m0p0:not(#_):not(#_):not(#_) { margin:0; padding:0 }
/* <style>.CustomFormSendButtonDiv { text-align: center; }</style> i kontaktskjemaet */
.CustomFormSendButtonDiv { text-align: center; }
/* Mobilmenyen: site.js gjør slideToggle (jQuery i originalen) med disse klassene */
html body #Xs-menu.is-open { display: block; }
html body #Xs-menu.is-sliding { overflow: hidden; }
/* Turnstile-widgeten vises bare når nøkkelen finnes */
.cf-turnstile { margin-top: 10px; }
.cf-turnstile:empty { margin-top: 0; }
/* Konverteringsrapporten (/_conversion) — ikke en del av eSite-designet */
.rapport { max-width: 1100px; margin: 20px auto; padding: 16px; font-size: 13px; background: #fff; color: #000; }
.rapport h1 { font-size: 20px; }
.rapport h2 { font-size: 16px; margin-top: 25px; }
.rapport table { border-collapse: collapse; width: 100%; margin-bottom: 20px; font-size: 12px; }
.rapport th, .rapport td { border: 1px solid #ccc; padding: 4px 6px; text-align: left; vertical-align: top; }