body {font-family: 'Poppins', sans-serif; color: #222; padding-top: 62px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-size: .8rem;}
header {font-family: 'Barlow Semi Condensed', sans-serif;}
header .navbar {min-height: 62px;}

a.nav-link {color: #111 !important; border-bottom: 2px solid transparent; margin-top: 2px; padding-left: 0 !important; padding-right: 0 !important; margin: 0 .54rem;}
header a.nav-link:hover {border-bottom: 2px solid #111;}
a.nav-link.active {border-bottom: 2px solid #111;}

h1,h2 {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 500; color: #000;}
h3 {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 500; font-size: 1rem;}
h3 em {color: #666;}
p {opacity: .9;}
label.form-label {font-weight: 500; font-size: .8rem;}
hr {width: 30px; height: 3px; background-color: #F0E01A; border: none; opacity: 1; margin: 1rem auto;}
a {color: #111; font-weight: 500;}

.bgw a:hover {background: #fff; color: #111 !important;}
.bge a:hover {transform: scale(.98);}



#plopeo-holder.plopeo-closed::before {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -5px;
    right: 70px;
    font-size: 11px;
    font-weight: 600;
    background: #37a7ec;
    padding: 10px;
    border-radius: 10px 10px 0 10px;
    min-width: 115px;
    line-height: 10px;
    color: #fff;
    opacity: 1;
}

#plopeo-holder.plopeo-closed.dn::before {opacity: 0; transition: opacity 1s;}


#navigering {width: 300px; font-family: 'Barlow Semi Condensed', sans-serif;}
#navigering .nav-link {font-size: .875rem;}

.iti { display:flex; width:100%; }

#lhv {width: 100%;
  height: 60vh;
  object-fit: cover;
  z-index: -1;
  position: absolute;
  display: flex;
  align-items: center; opacity: .88;}

#lhvbtn {
  padding: 1.5rem;
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

#lhvbtn:hover {opacity: 1;}

.listed-by-logo {width: 55px; height: 55px; display: flex; align-items: center; padding: 8px; border-radius: 50%; transition: all .2s;}
.listed-by-logo:hover {transform: scale(.97);}
.lhvc {position: absolute; bottom: 0; right: 0;}
.lsvh {width: 100%; height: 60vh;}
.card {min-height: 314px;}
.bs {height: 60vh;background-repeat: no-repeat;background-size: cover; background-position: center;}
.background-overlay {height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000; opacity: 0.5;}

.navbar-brand img {width: 70px; height: auto; transition: all .2s;}
footer .navbar-brand img {width: 140px;}
.navbar-brand img:hover {transform: scale(.97);}
.lead {font-family: 'Barlow Semi Condensed'}
.h4 {font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing: 0; font-weight: 400; color: #000;}
.h4 em {color: #ccc;}
.bg-listed, .btn-listed {background-color: #F0E01A !important;}
.bg-white {background-color: #FFFFFF;}
.bg-dark, .btn-dark {background-color: #111 !important;}
.bg-formStartRight {background: url(/media/d-02.jpg)no-repeat; background-size: cover; background-position: center center; min-height: 140px;}
.bg-formStartRight::after {content:""; position: absolute; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); width: 100%; height: 60px;}
.sbs a {text-decoration: none;}

.btn {font-family: 'Barlow Semi Condensed', sans-serif; text-transform: uppercase; transition: all .2s; font-weight: 500;}
.btn:hover {transform: scale(.97);}

.card h3 {font-weight: 600; font-size: .875rem;}
.card small {font-size: .75em;}

.headroom {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  top: 0;
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

:not(.btn-check) + .btn:active {border-color: transparent;}


#plopeo-holder {width: 100px; height: 100px;}
@media (max-width: 767px) {
#plopeo-holder {width: 90px; height: 90px;}
}

footer img {width: 150px; height: auto;}
footer a {color: #222;}
footer .list-end img {width: 100px; height: auto;}
footer .list-end {background-color: transparent; background-image: radial-gradient(at bottom center, #fff 5%, #F0E01A 30%);}
.fsb {min-width: 230px;}

.sokbostad .btn-sbm {display: none;}
.btn-lm {font-size: 12px;}

#lss {width: 100%; max-width: 180px; margin-top: -10px;}



@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1439px;
    stroke-dasharray: 1439px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1439px;
  }
}


@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 1439px;
    stroke-dasharray: 1439px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1439px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}



@media (min-width: 768px) {
  #lss {max-width: 300px; margin-top: -10px;}
  h3 {font-size: 1.5rem;}
  .btn-lm {font-size: 14px;}
  .card h3 {font-size: 1rem;}
  .card small {font-size: .875em;}
  .navbar-brand img {width: 120px;}
  body {padding-top: 98px; font-size: 1rem;}
  hr {width: 40px; margin: 2rem auto;}
  #lhv {height: 75vh;}
  .lsvh {height: 75vh;}
  .lsvh h1 {font-size: 50px; line-height: 56px; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0,0,0, .2);}
  .listed-by-logo {width: 90px; height: 90px; padding: 10px;}
  .bs {height: 75vh;}
  .bs h1 {font-size: 50px; line-height: 56px; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0,0,0, .2);}
}