body {

  font-family: Sofiaproregular, sans-serif;

  color: #262626;

  font-size: 15px;

  line-height: 23px;

  font-weight: 400;

}



h1 {

  margin-top: 20px;

  margin-bottom: 10px;

  font-family: Sofiaprobold, sans-serif;

  font-size: 85px;

  line-height: 85px;

  font-weight: 700;

}



h2 {

  margin-top: 20px;

  margin-bottom: 10px;

  font-family: Sofiaprobold, sans-serif;

  font-size: 60px;

  line-height: 60px;

  font-weight: 700;

}



h3 {

  margin-top: 20px;

  margin-bottom: 10px;

  font-family: Sofiaprobold, sans-serif;

  font-size: 32px;

  line-height: 32px;

  font-weight: 700;

}



h4 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 18px;

  line-height: 24px;

  font-weight: normal;

}



h5 {

  margin-top: 30px;

  margin-bottom: 10px;

  font-family: Sofiaprobold, sans-serif;

  color: #48A7DD;

  font-size: 18px;

  line-height: 20px;

  font-weight: 700;

  text-align: left;

}



p {

  margin-bottom: 10px;

}



a {

  color: #334588;

  text-decoration: none;

}



a:hover {

  opacity: 0.8;

}



strong {

  font-family: Sofiaprobold, sans-serif;

  font-weight: 700;

}



blockquote {

  margin-top: 100px;

  margin-bottom: 100px;

  padding-top: 100px;

  padding-bottom: 10px;

  border-left: 0px none #000;

  background-image: url('../images/line.png');

  background-position: 50% 0px;

  background-size: 50px;

  background-repeat: no-repeat;

  font-family: Sofiaprobold, sans-serif;

  color: #48A7DD;

  font-size: 36px;

  line-height: 36px;

  font-style: italic;

  text-align: center;

}



.header {

  position: fixed;

  left: 0px;

  top: 0px;

  right: 0px;

  display: block;

  width: 100%;

  height: 66px;

  margin-right: auto;

  margin-left: auto;

  background-color: #fff;

}



.navmenu {

  position: static;

  overflow: visible;

  height: 66px;

  float: right;

}



.navlinks {

  position: static;

  display: block;

  height: 66px;

  padding-top: 20px;

  padding-right: 20px;

  padding-left: 20px;

  float: left;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  color: #334588;

}



.navlinks.w--current {

  font-family: Sofiaprobold, sans-serif;

  color: #262626;

}



.navbar {

  display: block;

  height: 66px;

  margin-right: auto;

  margin-left: auto;

}



.brand {

  position: static;

  display: inline;

  overflow: hidden;

  width: 120px;

  height: 66px;

  padding-top: 13px;

}



.content {

  margin-top: 166px;

}



.content.utleie {

  margin-top: 0;

}



.content.utleie img {

  height: auto;

}



.content.omoss {

  margin-top: 0;

}



.content.byggeprosessen {

  margin-top: 0;

}



.red {

  color: #48A7DD;

}





.frontpage-belowfi {

  max-width: 640px;

    margin: auto;

    text-align: center;

    margin-top: 20px;

    margin-bottom: 100px;

    padding: 0 20px;

}



.frontpage-area1 {

  height: 600px;

}



.frontpage-area1-text {

  position: absolute;

  z-index: 500;

  width: 500px;

  margin-top: 185px;

}



.grey {

  color: #7f807f;

}



.grey.frontpage-teaser {

  padding-top: 25px;

  padding-bottom: 25px;

}



.fullwidth {

  padding-top: 50px;

  padding-bottom: 50px;

  background-color: #f5f5f7;

}



.fullwidth.busesbg {

  background-image: url('../images/Maritime-bg.png');

  background-position: 100% 50%;

  background-size: 45%;

  background-repeat: no-repeat;

}



.fullwidth.busesbg2 {

  margin-bottom: 50px;

  background-image: url('../images/båtexperten-bg-2.png');

  background-position: 0px 50%;

  background-size: 45%;

  background-repeat: no-repeat;

}



._1col {

  width: 460px;

  margin-top: 100px;

}



._1col.right {

  float: right;

}



.btn {

  background-color: #48A7DD;

}



.frontpage-picture-random {

  position: absolute;

  top: 97px;

  right: 161px;

  bottom: 136px;

  z-index: 10;

  border-radius: 2px;

  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .1);

  max-height: 350px;

  width: auto;

}



.aktuelt {

  display: block;

  width: 980px;

  margin-right: auto;

  margin-left: auto;

  padding-top: 50px;

  padding-bottom: 25px;

}



.aktuelt-header {

  display: block;

  width: 600px;

  margin-right: auto;

  margin-left: auto;

  padding-bottom: 25px;

  text-align: center;

}



.aktuelt-left {

  padding-right: 20px;

}



.aktuelt-right {

  padding-left: 20px;

}



.aktuelt-tag {

  width: 100px;

  margin-top: 18px;

  padding-right: 35px;

  font-family: Sofiaproregular, sans-serif;

  color: #b3b3b3;

  font-size: 11px;

  text-align: right;

  text-transform: uppercase;

}



.aktuelt-tag.youtube {

  padding-right: 26px;

  background-image: url('../images/icon_video_grey.svg');

  background-position: 93% 3px;

  background-size: 14px;

  background-repeat: no-repeat;

}



.aktuelt-tag.instagram {

  padding-right: 25px;

  background-image: url('../images/icon_insta_grey.svg');

  background-position: 94% 2px;

  background-size: 15px;

  background-repeat: no-repeat;

}



.aktuelt-tag.facebook {

  background-image: url('../images/logo-facebook.svg');

  background-position: 100% 0px;

  background-size: 10px;

  background-repeat: no-repeat;

}



.aktuelt-tag.ekstern {

  padding-right: 25px;

  background-image: url('../images/icon_eksternlenke_grey.svg');

  background-position: 94% 4px;

  background-size: 12px;

  background-repeat: no-repeat;

}



.aktuelt-tag.prosjekttag {

  padding-right: 23px;

  background-image: url('../images/icon_projects_grey.svg');

  background-position: 94% 4px;

  background-size: 11px;

  background-repeat: no-repeat;

}



.aktuelt-tag.tilsalgs {

  padding-right: 35px;

  background-image: url('../images/icon-cart.svg');

  background-position: 85% 2px;

  background-size: 14px;

  background-repeat: no-repeat;

}



.aktuelt-teaser {

  margin-top: 20px;

  margin-bottom: 0px;

  line-height: 20px;

}



.aktuelt-element {

  margin-bottom: 60px;

}



.aktuelt-element-img {

  width: 440px;

  border-radius: 2px;

}



.frontpage-area2 {

  height: 600px;

}



.footer {

  padding-bottom: 50px;

  text-align: center;

}



.footer-text {

  display: block;

  width: 400px;

  margin-top: 30px;

  margin-right: auto;

  margin-left: auto;

  padding-top: 50px;

  background-image: url('../images/line.png');

  background-position: 50% 0px;

  background-size: 40px;

  background-repeat: no-repeat;

  color: grey;

}



.footer-link {

  margin-right: 10px;

  margin-left: 10px;

}



.footer-link.mobilemenu {

  margin-top: 18px;

}



.hero {

  height: 600px;

  padding-top: 210px;

  padding-right: 80px;

  padding-left: 80px;

  background-image: -webkit-linear-gradient(270deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/Mopro_Husvik_13_4037095a.jpg');

  background-image: linear-gradient(180deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/Mopro_Husvik_13_4037095a.jpg');

  background-position: center;

  background-size: auto, 100%;

  color: #fff;

  text-align: center;

}



.hero.frontpage {

  background-image: -webkit-linear-gradient(270deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/frontpage.jpg');

  background-image: linear-gradient(180deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/frontpage.jpg');

  background-size: auto, cover;

}



.hero.byggeprosessen {

  background-image: -webkit-linear-gradient(270deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/byggeprosessen.jpg');

  background-image: linear-gradient(180deg, rgba(38, 38, 38, .5), rgba(38, 38, 38, .5)), url('../images/byggeprosessen.jpg');

  background-size: auto, cover;

}



.hero.kontakt {

  height: 800px;

  padding-top: 100px;

  background-image: url('../images/kontaktoss.jpg');

  background-position: bottom;

  background-size: cover;

}



.maincontent {

  display: block;

  width: 600px;

  margin: 50px auto 100px;

}



.maincontent.sharebuttons {

  text-align: center;

}



.maincontent.prosjekt {

  margin-top: 75px;

  padding-top: 75px;

  background-image: url('../images/line.png');

  background-position: 50% 0px;

  background-size: 50px;

  background-repeat: no-repeat;

}



.content-title {

  margin: 80px 20px;

  text-align: center;

}



.content-title.prosjekt {

  display: block;

  width: 900px;

  margin-right: auto;

  margin-bottom: 40px;

  margin-left: auto;

}



.content-title.kontakt {

  margin-top: 50px;

}



.maincontent-fullwidth-picture {

  width: 100%;

}



.imageintext {

  margin-top: 40px;

  margin-bottom: 50px;

}



.social {

  display: inline-block;

  text-align: center;

}



.maincontent-halfwidth-picture {

  display: block;

  max-width: 70%;

  margin-right: auto;

  margin-left: auto;

}



.litentekst {

  color: #999;

  font-size: 12px;

  line-height: 18px;

}



.prosjekter {

  margin-top: 130px;

  margin-bottom: 100px;

  text-align: center;

}



.prosjekter-title {

  margin-top: 10px;

  margin-bottom: 60px;

  font-family: Sofiaprolight, sans-serif;

  color: #b3b3b3;

  font-weight: 300;

}



.prosjekt-title {

  font-family: Sofiaprobold, sans-serif;

  color: #262626;

  font-weight: 700;

}



.prosjekter-row {

  display: block;

  width: 980px;

  margin-right: auto;

  margin-left: auto;

  text-align: left;

}



.prosjekt-header {

  display: block;

  width: 600px;

  margin-right: auto;

  margin-left: auto;

  padding-bottom: 60px;

  text-align: center;

}



.prosjekt-element-img {

  border-radius: 2px;

}



.byggeprosess-steg {

  height: 145px;

  margin-top: 50px;

}



.byggeprosess-steg.underpunkt {

  margin-left: 70px;

}



.byggeprosess-steg-tall {

  position: absolute;

  z-index: 10;

  display: inline;

  float: left;

  font-family: Sofiaprobold, sans-serif;

  color: #ffee98;

  font-size: 120px;

  line-height: 120px;

}



.byggeprosess-steg-tittel {

  position: relative;

  top: 51px;

  z-index: 100;

  display: inline;

}



.byggeprosess-steg-tekst {

  position: relative;

  left: 86px;

  top: 61px;

  display: block;

}



.prosjekt-featuredimage {

  width: 100%;

  /*height: 600px;*/

  height: 70vh; /*JOHS TILLEGG*/

  margin-top: -35px; /*JOHS TILLEGG*/

  margin-bottom: -50px; /*JOHS TILLEGG*/

  background-image: url('../images/SAM_0456-1024x768.jpg');

  background-position: 50% 50%;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

}



.prosjekt-featuredtext {

  display: block;

  max-width: 600px;

  margin-right: auto;

  margin-left: auto;

  color: #b3b3b3;

  font-size: 17px;

  text-align: center;

}



.prosjekt {

  padding-top: 10px;

  background-image: none;

}



.footer-kontakt {

  padding-bottom: 100px;

  color: #b3b3b3;

}



.footer-kontakt-content {

  display: block;

  width: 920px;

  margin-right: auto;

  margin-left: auto;

  padding-right: 0px;

  padding-left: 60px;

  color: #969696;

}



.footer-kontakt-tittel {

  font-family: Sofiaprobold, sans-serif;

  color: #262626;

  font-weight: 700;

}



.some-footer {

  padding-left: 20px;

  background-image: url('../images/logo-instagram.svg');

  background-position: 0px 3px;

  background-size: auto 15px;

  background-repeat: no-repeat;

}



.some-footer:hover {

  background-image: url('../images/logo-instagram.svg');

  background-size: auto 15px;

}



.some-footer.face {

  background-image: url('../images/logo-facebook.svg');

  background-position: 4px 2px;

  background-size: auto 15px;

}



.some-footer.face:hover {

  background-image: url('../images/logo-facebook.svg');

  background-size: auto 15px;

}



.footer-kontakt-lenke {

  color: #969696;

}



.footer-kontakt-lenke:hover {

  opacity: 1;

  color: #48A7DD;

}



.seogsa {

  margin-top: 50px;

  margin-bottom: 50px;

}



.seogsa-col {

  width: 45%;

  float: left;

}



.seogsa-bilde {

  width: 45%;

  margin-top: -25px;

  float: right;

  border-radius: 2px;

  box-shadow: 4px 14px 38px 0 rgba(0, 0, 0, .1);

}



.kontaktoss {

  display: block;

  width: 780px;

  margin-right: auto;

  margin-bottom: 100px;

  margin-left: auto;

  padding: 50px;

  background-color: #fff;

  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);

  text-align: center;

}



.kontaktoss.kontakt {

  margin-top: -420px;

  padding: 0px;

}



.form {

  padding-top: 20px;

  padding-bottom: 20px;

}



.form-input {

  width: 48%;

  margin-bottom: 20px;

  border-radius: 0px;

  box-shadow: inset 1px 1px 0 0 #fff;

}



.form-input.float {

  margin-top: 20px;

  margin-right: 12px;

  margin-bottom: 30px;

  float: left;

}



.form-input.float.last {

  margin-top: 20px;

  margin-bottom: 40px;

}



.form-input.full {

  width: 100%;

  background-color: #fff;

  background-image: -webkit-linear-gradient(270deg, #fff, #fff);

  background-image: linear-gradient(180deg, #fff, #fff);

}



.form-input.mini {

  width: 132px;

  margin-top: 20px;

  margin-right: 20px;

  float: left;

}



.form-ok {

  background-color: #ffee98;

}



.bildetekst {

  margin-top: 10px;

  margin-bottom: 100px;

  font-size: 13px;

  text-align: center;

}



.bildetekst.grey {

  line-height: 15px;

}



.tabs {

  padding-right: 20px;

  padding-left: 20px;

  color: #b3b3b3;

  text-align: center;

}



.tab {

  margin-right: 25px;

  margin-left: 25px;

  padding-right: 0px;

  padding-left: 0px;

  border-top: 3px solid #b3b3b3;

  background-color: #fff;

  font-family: Sofiaproregular, sans-serif;

  color: #b3b3b3;

  font-weight: 400;

  font-size: 32px;

}



.tab.w--current {

  border-top-color: #48A7DD;

  background-color: #fff;

  font-family: Sofiaprobold, sans-serif;

  color: #48A7DD;

  font-weight: 700;

}



.tilsalgs-deler {

  margin-top: 60px;

}



.salg-row {

  display: block;

  width: 980px;

  margin-right: auto;

  margin-left: auto;

}



.tilsalgs-element {

  margin-bottom: 60px;

}



.tilsalgs-element-img {

  max-width: 440px;

  height: auto;

  border-radius: 2px;

}



.tilsalgs-teaser {

  margin-top: 20px;

}



.tilsalgs-elementside-img {

  overflow: hidden;

  max-height: 500px;

  text-align: center;

}



.slider-icon {

  width: 33px;

  margin-right: 0px;

  margin-left: 0px;

  color: #48A7DD;

}



.slider {

  display: block;

  width: auto;

  height: 100%;

  margin-right: auto;

  margin-left: auto;

  padding-top: 20px;

  padding-bottom: 20px;

}



.slider-wrap {

  background-color: #fff;

}



.kontaktoss-velg:hover {

  background-color: rgba(255, 238, 152, .5);

}



.kontaktoss-velg._1 {

  border-right: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

}



.kontaktoss-velg._2 {

  border-bottom: 1px solid #e5e5e5;

}



.kontaktoss-velg._3 {

  border-right: 1px solid #e5e5e5;

}



.kontaktoss-linkblock {

  width: 100%;

  height: 240px;

  padding-top: 70px;

}



.kontaktoss-linkblock._4 {

  padding-top: 67px;

}



.kontaktoss-linkblock._3 {

  padding-top: 55px;

}



.kontaktoss-linktekst {

  padding-top: 15px;

  color: #262626;

}



.kontaktoss-h4 {

  clear: both;

}



.kontaktoss-radio {

  position: relative;

  left: 0px;

  top: 0px;

  bottom: 0px;

  display: inline-block;

  width: 100%;

  padding-right: 20px;

  font-family: Sofiaproextralight, sans-serif;

  color: #b3b3b3;

  font-size: 32px;

  line-height: 29px;

  font-weight: 100;

  text-align: left;

}



.radio {

  display: inline-block;

  padding-right: 20px;

}



.kontaktoss-tilbake {

  position: absolute;

  display: block;

  margin-top: -20px;

  float: left;

  color: #b3b3b3;

  font-size: 12px;

  text-align: left;

}



.kontaktoss-tilbake:hover {

  opacity: 1;

  color: #48A7DD;

}



.omoss-title {

  display: block;

  max-width: 1000px;

  margin-right: auto;

  margin-left: auto;

}



.vibygger-wrap {

  width: 100%;

  padding-left: 0px;

  border-style: solid solid none;

  border-width: 1px;

  border-color: #b3b3b3;

}



.vibygger-wrap.last {

  border-bottom-style: solid;

}



.col2 {

  padding-top: 15px;

  padding-bottom: 15px;

  border-left: 1px solid #b3b3b3;

}



.col1 {

  padding-top: 15px;

  padding-bottom: 15px;

}



.vibygger {

  margin-top: 50px;

  margin-bottom: 30px;

}



.kart {

  margin-bottom: 20px;

}



.social-header {

  margin-top: 18px;

  margin-left: 20px;

  padding-right: 20px;

  float: left;

}



@media (max-width: 991px) {

  h1 {

    font-size: 65px;

    line-height: 65px;

  }

  h2 {

    font-size: 50px;

    line-height: 50px;

  }

  blockquote {

    padding-top: 50px;

  }

  .navlinks {

    padding-right: 10px;

    padding-left: 10px;

    font-size: 14px;

  }

  .content {

    margin-top: 100px;

  }

  .frontpage-area1 {

    height: 500px;

  }

  .frontpage-area1-text {

    width: 390px;

  }

  ._1col {

    width: 370px;

    margin-top: 75px;

  }

  ._1col.right {

    margin-top: 50px;

  }

  .frontpage-picture-random {

    top: 126px;

    right: 64px;

	max-height: 250px;

	width: auto;

  }

  .aktuelt {

    width: 100%;

  }

  .frontpage-area2 {

    height: 500px;

  }

  .hero {

    height: 420px;

    padding-top: 150px;

  }

  .hero.kontakt {

    height: 600px;

    padding-top: 150px;

  }

  .content-title.prosjekt {

    width: 90%;

    margin-top: 60px;

  }

  .maincontent-halfwidth-picture {

    width: 80%;

  }

  .prosjekter-row {

    width: 90%;

  }

  .byggeprosess-steg-tekst {

    width: 480px;

  }

  .prosjekt-featuredimage {

    height: 400px;

    background-attachment: scroll;

  }

  .footer-kontakt-content {

    width: 100%;

  }

  .seogsa {

    padding-right: 20px;

    padding-left: 20px;

  }

  .kontaktoss {

    width: 90%;

  }

  .kontaktoss.kontakt {

    margin-top: -310px;

  }

  .form-input.float {

    margin-right: 10px;

  }

  .salg-row {

    width: 100%;

  }

  .social-header {

    margin-left: 10px;

    padding-right: 10px;

  }

}



@media (max-width: 767px) {

  h1 {

    font-size: 65px;

    line-height: 65px;

  }

  h3 {

    font-size: 24px;

    line-height: 24px;

  }

  blockquote {

    padding-right: 0px;

    padding-left: 0px;

    font-size: 28px;

    line-height: 28px;

    text-align: left;

  }

  .header {

    width: 100%;

  }

  .navmenu {

    display: block;

    width: 100%;

    height: auto;

    margin-top: -6px;

    padding-top: 20px;

    padding-right: 0px;

    padding-bottom: 20px;

    float: left;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #f5f5f7;

  }

  .navlinks {

    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 10px;

    float: none;

    text-align: center;

  }

  .brand {

    padding-left: 20px;

  }

  .content {

    display: block;

    width: 100%;

    margin-top: 80px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 20px;

    padding-left: 20px;

  }

  .content.utleie {

    padding-right: 0px;

    padding-left: 0px;

  }

  .frontpage-area1 {

    height: 370px;

  }

  .frontpage-area1-text {

    width: 380px;

    margin-top: 100px;

  }

  .grey.frontpage-teaser {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .fullwidth.busesbg {

    background-image: none;

  }

  .fullwidth.busesbg2 {

    padding-bottom: 25px;

    background-image: none;

  }

  ._1col {

    display: block;

    width: 90%;

    margin-top: 50px;

    margin-right: auto;

    margin-left: auto;

  }

  ._1col.right {

    margin-top: 0px;

    float: none;

  }

  .menu-icon {

    padding-right: 20px;

    color: #48A7DD;

    font-size: 28px;

  }

  .menubutton {

    padding-right: 0px;

    padding-left: 0px;

  }

  .menubutton.w--open {

    clear: right;

    background-color: #fff;

  }

  .frontpage-picture-random {

    top: 83px;

    right: 33px;

    bottom: auto;

    width: auto;

  }

  .aktuelt {

    width: 100%;

    padding-top: 50px;

    padding-bottom: 25px;

  }

  .aktuelt-header {

    width: 90%;

  }

  .aktuelt-left {

    padding-right: 0px;

    padding-left: 0px;

  }

  .aktuelt-right {

    padding-right: 0px;

    padding-left: 0px;

  }

  .aktuelt-tag {

    margin-top: 10px;

    margin-bottom: -28px;

    float: right;

  }

  .aktuelt-teaser {

    width: 440px;

    margin-top: 10px;

  }

  .aktuelt-element {

    display: block;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

  }

  .frontpage-area2 {

    height: 330px;

  }

  .footer-link.mobilemenu {

    padding-top: 20px;

  }

  .hero {

    height: 310px;

    margin-right: -20px;

    margin-left: -20px;

    padding-top: 70px;

    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/Mopro_Husvik_13_4037095a.jpg');

    background-image: linear-gradient(180deg, null, null), url('../images/Mopro_Husvik_13_4037095a.jpg');

    background-position: 0px 0px, 0px 50%;

    background-size: auto, cover;

  }

  .hero.byggeprosessen {

    height: 310px;

	padding-top: 70px;

    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/byggeprosessen.jpg');

    background-image: linear-gradient(180deg, null, null), url('../images/byggeprosessen.jpg');

    background-size: auto, cover;

  }

  .hero.kontakt {

    height: 600px;

    padding-top: 60px;

    margin-right: 0px;

    margin-left: 0px;

  }

  .maincontent {

    width: 90%;

    margin-top: 40px;

    margin-bottom: 50px;

  }

  .maincontent.prosjekt {

    margin-top: 50px;

    padding-top: 50px;

  }

  .content-title {

    margin-top: 50px;

    margin-bottom: 30px;

  }

  .content-title.prosjekt {

    margin-top: 40px;

    font-size: 40px;

    line-height: 40px;

  }

  .content-title.kontakt {

    font-size: 45px;

    line-height: 45px;

  }

  .maincontent-halfwidth-picture {

    width: 100%;

    max-width: 100%;

  }

  .prosjekter {

    margin-top: 100px;

  }

  .prosjekt-header {

    width: 90%;

  }

  .byggeprosess-steg {

    margin-top: 25px;

  }

  .byggeprosess-steg.underpunkt {

    margin-left: 30px;

  }

  .byggeprosess-steg-tekst {

    width: 410px;

  }

  .prosjekt-featuredimage {

    width: auto;

    margin-right: -20px;

    margin-left: -20px;

  }

  .prosjekt {

    margin-top: 50px;

    margin-bottom: 50px;

  }

  .footer-kontakt {

    padding-bottom: 50px;

  }

  .footer-kontakt-content {

    width: 100%;

    padding-left: 20px;

  }

  .seogsa {

    padding-right: 20px;

    padding-left: 20px;

  }

  .seogsa-col {

    width: 100%;

  }

  .seogsa-bilde {

    width: 70%;

    margin-top: 10px;

    float: left;

  }

  .kontaktoss {

    width: 100%;

    padding: 30px 20px;

  }

  .kontaktoss.kontakt {

    width: 90%;

    margin-top: -370px;

    margin-bottom: 50px;

  }

  .form-input.float {

    display: block;

    width: 90%;

    margin: 5px auto;

    float: none;

  }

  .form-input.float.last {

    margin-bottom: 30px;

  }

  .form-input.full {

    display: block;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

  }

  .form-input.mini {

    display: block;

    margin-top: 0px;

    margin-right: auto;

    margin-left: auto;

    float: none;

  }

  .kontaktoss-h4 {

    display: block;

    width: 90%;

    margin-right: auto;

    margin-left: auto;

    text-align: center;

  }

  .kontaktoss-radio {

    width: 90%;

    padding-bottom: 10px;

    font-family: Sofiaprolight, sans-serif;

    font-size: 22px;

    line-height: 30px;

    font-weight: 300;

    text-align: center;

  }

  .col2 {

    padding-top: 5px;

    padding-bottom: 5px;

    border-left-style: none;

  }

  .col1 {

    padding-top: 5px;

    padding-bottom: 5px;

    border-bottom: 1px solid #b3b3b3;

  }

  .kart {

    max-height: 300px;

    margin-bottom: 10px;

  }

  .social-header {

    float: none;

  }

}



@media (max-width: 479px) {

  h1 {

    font-size: 42px;

    line-height: 42px;

  }

  h2 {

    font-size: 36px;

    line-height: 36px;

  }

  h4 {

    font-weight: 400;

  }

  p {

    line-height: 20px;

  }

  blockquote {

    font-size: 24px;

  }

  .header {

    width: 100%;

  }

  .navmenu {

    padding-bottom: 50px;

  }

  .navbar {

    height: 60px;

  }

  .brand {

    padding-top: 13px;

    padding-left: 13px;

  }

  .content {

    padding-right: 15px;

    padding-left: 15px;

  }

  .frontpage-area1 {

    height: 370px;

  }

  .frontpage-area1-text {

    width: 90%;

    margin-top: 160px;

  }

  .fullwidth.busesbg {

    margin-top: 30px;

    padding-top: 0px;

  }

  .fullwidth.busesbg2 {

    margin-bottom: 0px;

  }

  .fullwidth.seogsa {

    padding-top: 10px;

    padding-bottom: 10px;

  }

  .menu-icon {

    padding-right: 15px;

  }

  .menu-icon:active {

    color: #b3b3b3;

  }

  .frontpage-picture-random {

    top: 76px;

    right: 20px;

    width: auto;

	max-height: 150px;

  }

  .aktuelt {

    padding-top: 30px;

    padding-bottom: 0px;

  }

  .aktuelt-header {

    width: 90%;

    text-align: left;

  }

  .aktuelt-right {

    padding-bottom: 20px;

  }

  .aktuelt-tag {

    margin-top: 5px;

    margin-bottom: -23px;

    float: right;

  }

  .aktuelt-tag.prosjekttag {

    background-image: url('../images/icon_projects_grey.svg');

    background-position: 99% 4px;

    background-size: 12px;

    background-repeat: no-repeat;

  }

  .aktuelt-teaser {

    width: 100%;

    margin-top: 10px;

  }

  .aktuelt-element {

    margin-bottom: 30px;

  }

  .footer-text {

    width: 90%;

  }

  .footer-link.mobilemenu {

    padding-top: 10px;

  }

  .hero {

    padding-top: 100px;

    padding-right: 10px;

    padding-left: 10px;

  }

  .hero.byggeprosessen {

    padding-top: 100px;

    padding-right: 20px;

    padding-left: 20px;

    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/byggeprosessen.jpg');

    background-image: linear-gradient(180deg, null, null), url('../images/byggeprosessen.jpg');

    background-position: 0px 0px, 50% 50%;

    background-size: auto, cover;

  }

  .maincontent.prosjekt {

    margin-top: 30px;

    margin-bottom: 30px;

    padding-top: 30px;

  }

  .content-title.prosjekt {

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 30px;

    line-height: 30px;

  }

  .content-title.kontakt {

    margin-top: 30px;

    font-size: 36px;

    line-height: 36px;

  }

  .imageintext {

    margin-top: 10px;

    margin-bottom: 30px;

  }

  .maincontent-halfwidth-picture {

    width: 100%;

  }

  .prosjekter {

    margin-top: 100px;

    margin-bottom: 60px;

  }

  .prosjekter-title {

    margin-top: 5px;

    margin-bottom: 30px;

  }

  .prosjekter-row {

    width: 100%;

  }

  .prosjekt-header {

    width: 95%;

    padding-bottom: 30px;

    text-align: center;

  }

  .byggeprosess-steg {

    height: 125px;

  }

  .byggeprosess-steg.lang {

    margin-bottom: 75px;

  }

  .byggeprosess-steg-tittel {

    font-size: 22px;

    line-height: 24px;

  }

  .byggeprosess-steg-tekst {

    left: 0px;

    top: 70px;

    width: 260px;

    font-size: 13px;

    line-height: 16px;

  }

  .prosjekt-featuredimage {

    height: 210px;

    background-size: cover;

	margin: -47px -20px 0px -20px;

  }

  .prosjekt-featuredtext {

    padding-right: 15px;

    padding-left: 15px;

  }

  .prosjekt {

    margin-top: 30px;

    margin-bottom: 30px;

  }

  .footer-kontakt {

    padding-bottom: 20px;

  }

  .footer-kontakt-content {

    padding-left: 7px;

  }

  .seogsa {

    padding-right: 10px;

    padding-left: 10px;

  }

  .seogsa-bilde {

    width: 100%;

    height: auto;

  }

  .kontaktoss {

    margin-bottom: 50px;

    padding-right: 10px;

    padding-left: 10px;

    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .1);

  }

  .kontaktoss.kontakt {

    margin-top: -405px;

  }

  .bildetekst.grey {

    margin-right: 10px;

    margin-bottom: 30px;

    margin-left: 10px;

    font-size: 12px;

  }

  .tabs {

    padding-right: 0px;

    padding-left: 0px;

  }

  .tab {

    display: inline-block;

    margin-right: 10px;

    margin-left: 10px;

  }

  .kontaktoss-velg._1 {

    border-right-style: none;

  }

  .kontaktoss-velg._3 {

    border-bottom: 1px solid #e5e5e5;

    border-right-style: none;

  }

  .kontaktoss-linkblock {

    height: 150px;

    padding-top: 30px;

  }

  .kontaktoss-linkblock._4 {

    padding-top: 30px;

  }

  .kontaktoss-linkblock._3 {

    padding-top: 17px;

  }

  .kontaktoss-h4 {

    text-align: center;

  }

  .kontaktoss-radio {

    padding-right: 15px;

    font-family: Sofiaprolight, sans-serif;

    text-align: center;

  }

  .vibygger {

    margin-top: 30px;

    margin-bottom: 15px;

  }

}



@font-face {

  font-family: 'Sofiaprobold';

  src: url('../fonts/SofiaProBold-Italic.otf') format('opentype');

  font-weight: 700;

  font-style: italic;

}

@font-face {

  font-family: 'Sofiaprolight';

  src: url('../fonts/SofiaProLight-Italic.otf') format('opentype');

  font-weight: 300;

  font-style: italic;

}

@font-face {

  font-family: 'Sofiaproblack';

  src: url('../fonts/SofiaProBlack.otf') format('opentype');

  font-weight: 900;

  font-style: normal;

}

@font-face {

  font-family: 'Sofiaproregular';

  src: url('../fonts/SofiaProRegular-Italic.otf') format('opentype');

  font-weight: 400;

  font-style: italic;

}

@font-face {

  font-family: 'SofiaProExtraLight';

  src: url('../fonts/SofiaProExtraLight-Italic.otf') format('opentype');

  font-weight: 100;

  font-style: italic;

}

@font-face {

  font-family: 'Sofiaproblack';

  src: url('../fonts/SofiaProBlack-Italic.otf') format('opentype');

  font-weight: 900;

  font-style: italic;

}

@font-face {

  font-family: 'Sofiaproextralight';

  src: url('../fonts/SofiaProExtraLight.otf') format('opentype');

  font-weight: 100;

  font-style: normal;

}

@font-face {

  font-family: 'Sofiaproregular';

  src: url('../fonts/SofiaProRegular.otf') format('opentype');

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: 'Sofiaprobold';

  src: url('../fonts/SofiaProBold.otf') format('opentype');

  font-weight: 700;

  font-style: normal;

}

@font-face {

  font-family: 'Sofiaprolight';

  src: url('../fonts/SofiaProLight.otf') format('opentype');

  font-weight: 300;

  font-style: normal;

}



.wpcf7-form.sent h3, .wpcf7-form.sent .w-form, .wpcf7-form.sent .nav_class

{

    visibility:hidden;

}