/*!
 * Norsk Porsche
 */
  
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PorscheNext';
  src: url('/library/norskporsche/fonts/PorscheNext/PorscheNext-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Kepler';
  src: url('/library/norskporsche/fonts/Kepler/KeplerStd-ScnDisp.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/*!
 * Fade in/out
 */

#innhold {
    animation: fadeSiteIn 0.5s ease forwards; /* [1] */
}

#innhold.fadeSiteOut {
  animation:  fadeSiteOut 0.5s ease forwards; /* [2] */
}


@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}


/*!
 * General
 */
 

html,
body {
  height: 100%;
 scroll-behavior: smooth;
}



body {
  
  	font-family: PorscheNext, sans-serif;
	background-color: #eaeaea;
    font-size: 1rem;
    font-weight: 100;
	font-size: 1.2rem;
    line-height: 1.5;
    color:#333132;    
	}


a:link, a:visited {
color: #333132;
text-decoration:none;
}

a, a:hover {
color: #447882;
text-decoration:none;
}

footer a {
    color:#333132;
    opacity:0.5;
}
.container-fluid {
    max-width: 1600px;
    
}

::-moz-selection {
 color: white;
 background-color: #6296a4;
}
::selection {
 color: white;
 background-color: #6296a4;
}

.bg-dark {
    background-color: #333132 !important;
}


.red {
color: #f26f61 !important;
}

.fjord-green {
color: #447882 !important;
}
.fjord-green-3 {
color: #6296a4 !important;
}

#innhold {
min-height:500px;
}
.text-light {
color: #eaeaea !important;
}

.strong {
font-weight:800;
}

.fa {
 color:#ccc;
}
.fa:hover {
 color:#447882;
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.btn {
        border-radius: 2rem;
        transition: 0.5s;
          background-size: 200% auto;
    }
    
.btn:hover {
  background-position: right center; 
}

.btn-fjord-green {
background-color: #447882;
background-image: linear-gradient(to right, #447882 0%, #6296a4 100%);
}

.btn-branded {
border-radius: 0rem;
background-color: #D5001C;
}

.form-control, .input-group {
        border-radius: 2rem;
}    
.navbar {
	text-transform:uppercase;
	font-weight:600;
	
}

.navbar .container-fluid {
    margin: 1rem auto;   
}

.navbar-brand {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.navbar-light .navbar-nav .nav-link {
    color:#333132;
}


.navbar-light .navbar-nav  a:hover.nav-link {
  color: #447882;
}

.nav-item.current a {
border-bottom:3px solid #6296a4;
}



footer.container-fluid {
    
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.big-glow {
box-shadow: 0 4px 24px rgba(0,0,0,.05), 0 14px 48px rgba(0,0,0,.06);
}


.card, .card-img  {
  border-radius: 0;
  border:0;
  }

.card-img-overlay {
    position: absolute;
    top:auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.card-text {
font-size:1rem;
line-height:1.2rem;
}

.backgroundimage {
  height: 100%; 
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  background-repeat: no-repeat;
  
}

.backgroundimagetext a, .backgroundimagetext a:visited {
position:absolute;
padding:2rem;
bottom:2rem;
right:2rem;
color:#fff;
text-shadow: 1px 1px #000;
}

.blockquote {
font-size:1.8em;
font-weight:700;
font-style:italic;
}


h1 {
    font-family: Kepler, serif;
    font-size: 4rem;
    letter-spacing:-0.1rem;
    line-height:4rem;
}

@media screen and (max-width:768px){
  h1{
     font-size:2em;
      letter-spacing:-0.05rem;

  }    
}

h2, h3  {
	font-weight:100;
}

h2.card-title {
    font-family: Kepler, serif;
   
}

h3.card-title {
    font-family: Kepler, serif;
   
}

h4 {
	font-weight:800;
}



.ingress {
font-weight:700;
font-style:italic;
}

.vertical-border-right {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.vertical-border-left {
border-left: 1px solid rgba(0, 0, 0, 0.1);
}

p a:link {
color:#333132;
  background-image: linear-gradient(to right, #447882, #447882);
  background-position: 0 1.6rem;
  background-repeat: repeat-x;
  background-size: 2px 2px;
}
p a:hover {
text-decoration:none;
}

.hover-effect:hover {
 opacity:0.8;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}
 
.kart-markor-inner-wrapper {
width:250px;
}

.kart-markor-inner-wrapper h5 {
font-family: PorscheNext, sans-serif;
}

.form-control {
background-color:#f8f9fa;
border:#f8f9fa;
}

.bg-gradient-dark {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.bg-gradient-white-top {

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
}



.navbar .navbar-toggler-icon {
background-image: url('/library/norskporsche/grafikk/navigasjon/hamburger1.svg?color=447882');
border-color:#fff;
}
.navbar-toggler {
  border: none;
  outline: none;
}

/*!
 * Branded Opplevelser
 */
 
 .seksjon-opplevelser {
 	background-color: #fff;	
 	}
 

/*!
 * Modal
 */
 
.modal-dialog {
      max-width: 90%;
      margin: 30px auto;
  }


.modal-body {
  position:relative;
  padding:0px;
  min-height:400px;
  background:#ccc;
}


.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:9999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

#image {
  min-height:200px;
}


#skrolltopp {
  position: fixed;
  bottom: 3rem; /* Place the button at the bottom of the page */
  left: 3rem; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
}


/* COOKIEBAR */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em;hyphens:manual}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
#gdpr-acceptance, #gdpr-acceptance a {
    background-color: rgb(51, 49, 50);
    color: #fff;
}
#gdpr-acceptance a#consent-button {
    background: white;
    background-color: rgb(68, 120, 130);
    border: none;
}
#gdpr-acceptance a#consent-button:hover {
    background-color: rgb(106, 158, 168);
}