@charset "UTF-8";
/* General */
.text--light {
  color: white; }
  .text--light:hover {
    color: white; }

.hero {
  background-image: url(/images/banner.jpg);
  background-color: #005a75;
  text-align: center;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: black 1px 1px 1px;
  background-position-y: 0;
  text-shadow: black 1px 1px 1px; }
  .hero .hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 70vw;
    position: relative; }
    .hero .hero-content > * {
      z-index: 1000; }
    .hero .hero-content .background--overlay {
      z-index: 0;
      position: absolute;
      background-color: rgba(0, 90, 117, 0.25);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$gradientTop+0,7db9e8+100 */
      background: rgba(0, 90, 117, 0.25);
      /* Old browsers */
      background: -moz-linear-gradient(top, rgba(0, 90, 117, 0.25) 30%, rgba(0, 90, 117, 0.05) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(0, 90, 117, 0.25) 30%, rgba(0, 90, 117, 0.05) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(0, 90, 117, 0.25) 30%, rgba(0, 90, 117, 0.05) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradientTop', endColorstr='$gradientBottom',GradientType=0 );
      /* IE6-9 */ }
  .hero .slogan {
    font-size: 1em;
    font-weight: lighter; }
  .hero .slogan--secondary {
    font-weight: bolder;
    font-size: 1.5em; }
  .hero .action {
    width: 100vw;
    transform: rotateZ(-2deg) skew(-2deg);
    z-index: 9999999;
    height: 9vh;
    margin-bottom: 0.8em; }
    .hero .action .boxouter {
      width: 100%; }
    .hero .action .box {
      background-color: #f5921a;
      padding: 3px 0; }
    .hero .action a {
      display: block;
      padding: 0.2em 2em;
      color: #fff;
      font-family: arial;
      font-size: 1em; }
  @media (min-width: 380px) {
    .hero {
      background-position-y: -9vw; }
      .hero .hero-content {
        height: 55vw; }
      .hero .slogan {
        font-size: 2em; }
      .hero .slogan--secondary {
        font-weight: bolder;
        font-size: 2.5em; }
      .hero .action {
        margin-bottom: 1.35em; } }
  @media (min-width: 660px) {
    .hero {
      background-size: cover;
      background-position-y: -9vw;
      background-position-x: initial;
      background-repeat: no-repeat; }
      .hero h1 {
        font-weight: bolder;
        font-size: 6vw; }
      .hero .slogan {
        font-size: 2em; }
      .hero .slogan--secondary {
        font-size: 6vw; }
      .hero .action {
        margin-top: 1em; }
        .hero .action .boxouter {
          width: auto;
          transform: rotateZ(-4deg);
          padding: 3px;
          display: inline-block;
          background-color: #f5921a; }
        .hero .action .box {
          background-color: #005a75;
          transform: rotateZ(5deg);
          padding: 5px;
          display: inline-block; }
        .hero .action .boxinner {
          display: inline-block;
          transform: rotate(1deg); }
        .hero .action a {
          display: block;
          padding: 0.5em 2em;
          color: #fff;
          font-family: arial;
          font-size: 16px; } }

body {
  margin: 0;
  padding: 0; }

.text--centered {
  text-align: center; }

.flex--row--centered {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  justify-content: center;
  align-content: center; }

.col-lg-1, .col-xs-1, .col-md-1 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-2, .col-xs-2, .col-md-2 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-3, .col-xs-3, .col-md-3 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-4, .col-xs-4, .col-md-4 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-5, .col-xs-5, .col-md-5 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-6, .col-xs-6, .col-md-6 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-7, .col-xs-7, .col-md-7 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-8, .col-xs-8, .col-md-8 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-9, .col-xs-9, .col-md-9 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-10, .col-xs-10, .col-md-10 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-11, .col-xs-11, .col-md-11 {
  padding-left: 2em;
  padding-right: 2em; }

.col-lg-12, .col-xs-12, .col-md-12 {
  padding-left: 2em;
  padding-right: 2em; }

.text--light {
  color: white; }
  .text--light:hover {
    color: white; }

@media (min-width: 994px) {
  .navbar-collapse ul {
    margin-top: 24px !important; } }

.navbar-toggle.navbar-toggle {
  background-color: #005a75 !important;
  border-radius: 2em;
  border-color: #005a75; }
  .navbar-toggle.navbar-toggle .icon-bar {
    background-color: white;
    width: 1em; }

.navbar-toggle.navbar-toggle.collapsed {
  background-color: white !important; }
  .navbar-toggle.navbar-toggle.collapsed .icon-bar {
    background-color: #005a75;
    width: 1em; }

.navbar-header img {
  margin-left: 0.5em; }
  @media (min-width: 994px) {
    .navbar-header img {
      margin-left: 0;
      height: 70px;
      margin: 1em 0; } }

.background--primary {
  background-color: #005A74;
  color: white; }

html, body {
  font-family: 'Roboto', sans-serif; }

.font--alternate {
  font-family: 'Noticia Text', serif; }

.text--underline {
  text-decoration: underline; }

.font--italic {
  font-style: italic; }

h1, h2, h3 {
  font-weight: 400; }

h4, h5, h6 {
  font-weight: 300; }

.background--primary h1, .background--primary h2, .background--primary h3 {
  color: white; }

.background--primary h4, .background--primary h5, .background--primary h6 {
  color: #3dabcc; }

.row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.show-medium {
  display: none !important; }
  @media (max-width: 660px) {
    .show-medium {
      display: block !important; } }

.hide-medium {
  display: block !important; }
  @media (max-width: 660px) {
    .hide-medium {
      display: none !important; } }

body {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  width: 100vw;
  overflow-x: hidden; }

@media (max-width: 660px) {
  body {
    font-size: 150%; } }

h2 {
  font-size: 1.5em;
  font-weight: lighter; }
  @media (min-width: 660px) {
    h2 {
      font-size: 2.5em; } }

h3 {
  font-size: 1.4em;
  font-weight: lighter;
  margin-bottom: 1em;
  margin-top: 1em; }
  @media (min-width: 660px) {
    h3 {
      font-size: 1.75em; } }

h4 {
  font-weight: lighter;
  font-size: 1.3em;
  font-style: italic; }
  @media (min-width: 660px) {
    h4 {
      font-size: 1.2em; } }

/* Navigation */
.navbar {
  margin-bottom: 0 !important; }

/* Utility */
.gold {
  background-color: #f5921a; }

.littbedre {
  color: #f5921a;
  font-weight: bold; }

.bluecolor {
  color: #005a75; }

.subheading {
  text-align: inherit;
  font-size: large;
  font-weight: lighter; }

/* Contact information */
.contactinformationouter {
  background: url(/images/map.jpg); }

.contactinformation {
  color: #fff;
  background-color: rgba(0, 90, 117, 0.8); }
  .contactinformation .information {
    background-color: #005a75;
    height: 440px; }
  .contactinformation .stay {
    font-size: xx-large;
    font-weight: bold;
    text-transform: uppercase; }
  .contactinformation .information a {
    color: #fff; }
  .contactinformation .fa-map-marker {
    display: none; }
  @media (min-width: 660px) {
    .contactinformation .fa-map-marker {
      display: inline-block; } }
  .contactinformation .contactinformation--street span {
    display: block; }
    @media (min-width: 660px) {
      .contactinformation .contactinformation--street span {
        display: inline-block;
        margin-right: 0.2em; }
        .contactinformation .contactinformation--street span::after {
          content: ' - '; }
        .contactinformation .contactinformation--street span:last-child::after {
          content: ''; } }

.gull header {
  margin-bottom: 1em; }

.gull .navbar {
  padding: 0.5em 0; }

.gull h2 {
  text-align: center;
  text-transform: uppercase; }

.back {
  background-image: url(/images/logo--teal-semi-transparent.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 90%;
  line-height: 2em;
  font-size: 1.5em; }

.back .wrapper {
  width: 40px;
  text-align: center;
  display: inline-block; }

/* Footer */
footer {
  background-color: #002E3C; }
  footer .footer-content {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2em 4em;
    color: #719EAC;
    display: block;
    flex-flow: row wrap; }
    @media (min-width: 600px) {
      footer .footer-content {
        display: flex; }
        footer .footer-content .social,
        footer .footer-content .address {
          width: 50%; } }
  footer .copyright {
    width: 100%;
    font-size: 0.85em;
    text-align: center;
    padding-top: 2em; }
  footer .social {
    margin-top: 1em; }
    @media (min-width: 600px) {
      footer .social {
        margin-top: 0; } }
    footer .social ul {
      height: 50px;
      display: block;
      list-style-type: none;
      -webkit-margin-before: 1em;
      -webkit-margin-after: 1em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      -webkit-padding-start: 40px;
      margin: 0;
      padding: 0; }
      @media (min-width: 600px) {
        footer .social ul {
          float: right; } }
    footer .social li {
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 1em;
      border-radius: 100%;
      border: 2px solid #005a75;
      color: #005a75;
      text-align: center;
      width: 40px;
      height: 40px; }

.divider {
  background-color: #fff;
  height: 5px;
  width: 2vw; }

.helper {
  display: inline-block;
  height: 110px;
  vertical-align: middle; }

.ontop {
  z-index: 100; }

/* Vårt tilbud */
.offer {
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1;
  text-align: center;
  background-color: #005a75;
  color: white;
  padding-bottom: 6vh; }
  .offer:before {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .offer:before {
    top: 0;
    transform: skewY(-2deg);
    transform-origin: 0 0; }
  .offer:after {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .offer:after {
    bottom: 0;
    transform: skewY(2deg);
    transform-origin: 0 100%; }
  .offer .container {
    margin-top: -7vh; }
    @media (min-width: 660px) {
      .offer .container {
        margin-top: -3vh; } }
  .offer p {
    text-align: justify;
    font-size: 1.1em;
    line-height: 1.4em; }
  .offer .subheading {
    text-align: center; }
  .offer .bbb {
    padding-top: 1em;
    padding-bottom: 1em;
    background-image: url(/images/logo--teal-semi-transparent.png);
    background-position: center center;
    background-repeat: no-repeat; }
    @media (min-width: 660px) {
      .offer .bbb {
        padding-top: 2em;
        padding-bottom: 2em; } }

/* About us */
.aboutusouter {
  background-image: url(/images/265HM.jpg);
  background-size: cover; }

@media (min-width: 660px) {
  .aboutus {
    background-image: none;
    background-position: left bottom; } }

@media (min-width: 994px) {
  .aboutus {
    background-image: url(/images/stian_transparent.png);
    background-repeat: no-repeat;
    background-size: 40vh;
    background-position: left bottom; } }

@media (min-width: 1300px) {
  .aboutus {
    background-size: 29vh; } }

.aboutus__illustration {
  width: 100%; }

.aboutus {
  background-color: rgba(255, 255, 255, 0.9);
  padding-bottom: 10vh;
  padding-top: 10vh;
  line-height: 1.8;
  font-size: larger; }
  .aboutus a {
    color: #f5921a;
    font-weight: bold;
    font-size: larger;
    text-rendering: optimizeLegibility; }

.team {
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1;
  z-index: 10;
  background-color: #f5921a;
  color: #fff;
  text-align: center;
  padding: 3vh 0; }
  .team:before {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .team:before {
    top: 0;
    transform: skewY(-2deg);
    transform-origin: 0 0; }
  .team:after {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden; }
  .team:after {
    bottom: 0;
    transform: skewY(2deg);
    transform-origin: 0 100%; }

.employees {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1em 0 0; }

div.employee {
  width: 90%;
  border: solid 2px #fff;
  border-radius: 10px;
  padding: 10px;
  margin-top: 95px; }
  @media (min-width: 380px) {
    div.employee {
      width: 100%; } }
  @media (min-width: 660px) {
    div.employee {
      width: 45%; }
      div.employee:last-child {
        flex-basis: auto;
        max-width: 45%; } }
  @media (min-width: 994px) {
    div.employee {
      width: 30%; }
      div.employee:last-child {
        flex-basis: auto;
        max-width: 65%; } }
  div.employee h2 {
    font-weight: bold; }
  div.employee a {
    margin-right: 0.5em; }
    div.employee a:last-child {
      margin-right: 0; }

img.employee {
  width: 142px;
  border-radius: 50%;
  position: relative;
  top: -85px;
  margin-bottom: -85px;
  border: 2px solid white; }

.hvemervi {
  color: #fff;
  background-color: #005a75;
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-size: larger; }
  .hvemervi header {
    text-align: center; }
  .hvemervi .subheading {
    text-align: center; }
  .hvemervi p {
    font-size: larger;
    font-weight: lighter; }
  .hvemervi a {
    color: white;
    text-decoration: underline; }

.commercialouter {
  background-image: url(/images/265HM.jpg);
  background-size: cover; }
  .gull .commercialouter {
    background: #eee; }

.aboutus__illustration {
  width: 100%; }

.commercial::before {
  content: ' ';
  display: block;
  width: 105%;
  height: 10vh;
  left: -5px;
  background-color: #005a75;
  position: relative;
  transform: rotateZ(2deg) skew(2deg);
  top: -5vh;
  z-index: 10; }

.commercial {
  background-color: rgba(255, 255, 255, 0.9);
  padding-bottom: 10vh;
  line-height: 1.8;
  font-size: larger; }
  .commercial img {
    padding-top: 5vh; }
  .commercial p {
    font-size: larger;
    font-weight: lighter; }

.oppdragogfag {
  background-color: #f5921a;
  font-size: larger;
  color: #fff; }
  .oppdragogfag header {
    text-align: center;
    margin-top: 10vh; }
  .oppdragogfag p {
    font-size: larger;
    font-weight: lighter; }

.betingelser {
  padding-bottom: 5vh;
  font-size: larger; }
  .betingelser header {
    text-align: center;
    padding-top: 2vh; }
  .betingelser p {
    font-size: larger;
    font-weight: lighter; }

.oppdragogfag::after,
.oppdragogfag::before {
  content: ' ';
  display: block;
  width: 105%;
  height: 10vh;
  left: -5px;
  background-color: inherit; }

.oppdragogfag::before {
  position: absolute;
  transform: rotateZ(-2deg) skew(-2deg);
  margin-top: -5vh;
  z-index: 10; }

.oppdragogfag::after {
  position: relative;
  transform: rotateZ(2deg) skew(2deg);
  bottom: -5vh;
  z-index: 10;
  margin-bottom: 100px; }

.hackathon {
  margin-top: 10vh;
  color: #fff;
  background-color: #005a75; }
  .hackathon header {
    text-align: center;
    margin-top: 10vh; }
  .hackathon p {
    font-size: larger;
    font-weight: lighter; }

.hackathon::after,
.hackathon::before {
  content: ' ';
  display: block;
  width: 105%;
  height: 10vh;
  left: -5px;
  background-color: inherit; }

.hackathon::before {
  position: absolute;
  transform: rotateZ(-2deg) skew(-2deg);
  margin-top: -5vh;
  z-index: 10; }

.hackathon::after {
  position: relative;
  transform: rotateZ(2deg) skew(2deg);
  bottom: -5vh;
  z-index: 10;
  margin-bottom: 100px; }

.partnerskap {
  background-color: #f5921a;
  font-size: larger;
  color: white;
  line-height: 1.5; }
  .partnerskap header {
    margin-top: 5vh;
    text-align: center; }
  .partnerskap .carousel-indicators {
    position: relative !important;
    margin-top: 20px; }
  .partnerskap p {
    font-size: larger;
    font-weight: lighter; }
  .partnerskap a {
    color: white;
    text-decoration: underline; }

.partnerskap::after,
.partnerskap::before {
  content: ' ';
  display: block;
  width: 105%;
  height: 10vh;
  left: -5px;
  background-color: inherit; }

.partnerskap::before {
  position: absolute;
  transform: rotateZ(-2deg) skew(-2deg);
  margin-top: -5vh;
  z-index: 10; }

.partnerskap::after {
  position: relative;
  transform: rotateZ(2deg) skew(2deg);
  bottom: -5vh;
  z-index: 10; }

.customers {
  z-index: 5;
  background-color: #fff;
  display: flex;
  align-items: center;
  min-height: 13vmax; }
  .customers header {
    text-align: center; }
  .customers .carousel-indicators {
    position: relative !important;
    margin-top: 20px; }

.customer {
  text-align: center; }
  .customer .name {
    color: #f5921a;
    font-weight: bold;
    vertical-align: middle; }
  .customer .name::before {
    color: rgba(0, 90, 117, 0.5);
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    font-size: 56px;
    margin-left: 40%; }
  .customer img {
    margin-left: 20px;
    border-radius: 50%;
    border: solid 2px #005a75;
    padding: 4px;
    vertical-align: middle; }
  .customer .left {
    text-align: right;
    height: 180px; }
  .customer .middle {
    height: 180px; }
  .customer .right {
    vertical-align: middle;
    height: 180px;
    text-align: left; }

.customer .rai::after {
  color: #005a75;
  background-color: white;
  border: 1px solid #005a75;
  content: "\f10d";
  font-family: 'Fontawesome';
  border-radius: 50%;
  font-size: 1.5em;
  display: inline-block;
  position: relative;
  top: -50px;
  height: 40px;
  width: 40px;
  right: 40px;
  vertical-align: middle;
  text-align: center;
  line-height: 40px; }

.ta {
  display: table;
  width: 100%;
  height: 100%; }

.tc {
  display: table-cell;
  vertical-align: middle; }

.carousel-indicators .active {
  background-color: #005a75 !important; }

.carousel-indicators li {
  border-color: #005a75 !important; }

/* Owl carousel */
#owl-employees.owl-theme .owl-controls .owl-page span {
  background-color: #fff; }

#owl-employees.owl-theme .owl-controls .owl-buttons div {
  background-color: #f5921a;
  border: solid 1px #fff; }

#owl-customers.owl-theme .owl-controls .owl-page span {
  background-color: #005a75;
  border-color: #005a75; }

#owl-customers.owl-theme .owl-controls .owl-buttons div {
  background-color: #fff;
  border: solid 1px #005a75;
  color: #005a75; }