@font-face {
  font-family: "Duplex Sans Web";
  src: url('fonts/duplex_web.eot');
  src: url('fonts/duplex_web.eot?#iefix') format('embedded-opentype'), url('fonts/duplex_web.ttf') format('truetype'), url('fonts/duplex_web.svg') format('svg'), url('fonts/duplex_web.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Duplex Sans Bold";
  src: url('fonts/duplex_bold.eot');
  src: url('fonts/duplex_bold.eot?#iefix') format('embedded-opentype'), url('fonts/duplex_bold.ttf') format('truetype'), url('fonts/duplex_bold.svg') format('svg'), url('fonts/duplex_bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "CaeciliaLTStd-Bold";
  src: url('fonts/CaeciliaLTStd-Bold.otf') format('opentype');
}
@font-face {
  font-family: "CaeciliaLTStd-Light";
  src: url('fonts/CaeciliaLTStd-Light.otf') format('opentype');
}
/* line 7, source/_fonts.sass */
.bold {
  font-family: "Duplex Sans Bold", sans-serif;
}

/* line 15, source/_shared_layout.sass */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 19, source/_shared_layout.sass */
html, body {
  height: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* line 24, source/_shared_layout.sass */
body {
  width: 100%;
  background-color: #fff;
  max-width: 1220px;
  position: absolute;
  font-size: 0px;
  -webkit-font-smoothing: antialiased;
}

/* line 32, source/_shared_layout.sass */
.pusher {
  width: 1%;
  display: inline-block;
}

/* line 36, source/_shared_layout.sass */
.linkexpander {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: white;
  filter: alpha(opacity=1);
  background-color: rgba(255, 255, 255, 0);
  z-index: 10;
}

/* line 46, source/_shared_layout.sass */
#container {
  position: relative;
  display: block;
  top: 0px;
  left: 0px;
  overflow: hidden;
  width: 10px;
  min-width: 100%;
}

/* line 56, source/_shared_layout.sass */
#slides {
  display: inline-block;
  vertical-align: top;
  max-width: none;
  min-width: 100%;
}

/* line 66, source/_shared_layout.sass */
.blockcontainer {
  width: 16.667%;
  display: inline-block;
  position: relative;
}

/* line 75, source/_shared_layout.sass */
.content {
  width: 96%;
  height: 92%;
  top: 4%;
  left: 2%;
  position: absolute;
  display: block;
}

/* line 83, source/_shared_layout.sass */
#sticky {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 24;
  border: none;
}
/* line 89, source/_shared_layout.sass */
#sticky .content {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

/* line 95, source/_shared_layout.sass */
.text {
  max-width: 100%;
  margin-top: 0px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 103, source/_shared_layout.sass */
span {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  display: inline-block;
}

/* line 110, source/_shared_layout.sass */
.bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #423c3c;
  width: 100%;
}

/* line 117, source/_shared_layout.sass */
.clear {
  clear: both;
}

/* line 120, source/_shared_layout.sass */
.responsive_wrapper {
  padding-top: 0;
  display: inline-block;
  width: 100%;
  border: 3px solid #00798a;
}

@media only screen and (max-width: 640px) {
  /* viewport width <= 640px */
  /* line 129, source/_shared_layout.sass */
  .content {
    width: 96%;
    left: 0%;
  }

  /* line 133, source/_shared_layout.sass */
  .blockcontainer:nth-child(2n) .content {
    left: 2%;
  }

  /* line 136, source/_shared_layout.sass */
  h2 {
    font-size: 14px;
  }

  /* line 138, source/_shared_layout.sass */
  h3 {
    font-size: 14px;
  }

  /* line 142, source/_shared_layout.sass */
  .responsive_wrapper .blockcontainer {
    width: 50%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  /* 640 < viewport width < 1024 */
  /* line 149, source/_shared_layout.sass */
  .responsive_wrapper {
    padding-top: 0;
    padding-bottom: 0%;
  }
  /* line 153, source/_shared_layout.sass */
  .responsive_wrapper .blockcontainer {
    width: 25%;
  }

  /* line 156, source/_shared_layout.sass */
  h2 {
    font-size: 14px;
    margin: 0px;
  }

  /* line 160, source/_shared_layout.sass */
  h3 {
    font-size: 14px;
    margin: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  /* viewport width >= 1024px */
  /* line 167, source/_shared_layout.sass */
  h2 {
    font-size: 14px;
  }

  /* line 170, source/_shared_layout.sass */
  h3 {
    font-size: 14px;
  }

  /* line 174, source/_shared_layout.sass */
  .responsive_wrapper .blockcontainer {
    width: 16.667%;
  }
}
/* line 13, source/bil.sass */
img {
  border-width: 0;
}

/* line 16, source/bil.sass */
html, body {
  height: auto;
  margin: 0;
  padding: 0;
}

/* line 21, source/bil.sass */
body {
  color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background-color: white;
}

/* line 28, source/bil.sass */
#lokus_bil_wrapper {
  position: relative;
  display: inline-block;
  height: auto;
  font-family: "Duplex Sans Web", sans-serif;
}
/* line 34, source/bil.sass */
#lokus_bil_wrapper .content {
  left: 2%;
  background-color: #f4f4f4;
  overflow: hidden;
  width: 96%;
}
/* line 40, source/bil.sass */
#lokus_bil_wrapper #fittext1 {
  margin-top: 12%;
  margin-left: 4%;
}
/* line 44, source/bil.sass */
#lokus_bil_wrapper #latest, #lokus_bil_wrapper #fittext2 {
  margin-left: 4%;
}
/* line 47, source/bil.sass */
#lokus_bil_wrapper .sizing {
  width: 100%;
  padding-bottom: 100%;
  visibility: hidden;
}
/* line 52, source/bil.sass */
#lokus_bil_wrapper .image {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("../images/road.jpeg");
  background-position: left top;
  background-repeat: no-repeat;
  height: 100%;
  border-bottom: 40px solid #f4f4f4 !important;
}
/* line 60, source/bil.sass */
#lokus_bil_wrapper .info {
  height: 40px;
  margin-top: -55px;
  padding-left: 5px;
}
/* line 65, source/bil.sass */
#lokus_bil_wrapper .blue {
  background-color: #00798a;
  line-height: 1.1;
}
/* line 69, source/bil.sass */
#lokus_bil_wrapper h1 {
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 0.9;
  font-style: bold;
  color: #00798a;
  margin: 0 0 0 0;
  display: block;
  font-family: "Duplex Sans Bold", sans-serif;
}
/* line 80, source/bil.sass */
#lokus_bil_wrapper h2 {
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
  line-height: 1;
  font-style: bold;
  color: #FFFFFF;
  margin: 0px;
  font-family: "Duplex Sans Bold", sans-serif;
}
/* line 90, source/bil.sass */
#lokus_bil_wrapper h3 {
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0px;
  color: #000000;
  margin: 0px;
  line-height: 1;
}
/* line 98, source/bil.sass */
#lokus_bil_wrapper .dealer {
  z-index: 12;
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: white;
  padding: 2%;
  max-width: 50%;
  max-height: 30%;
  border-radius: 0px;
}
/* line 108, source/bil.sass */
#lokus_bil_wrapper .dealer img {
  max-width: 100%;
  max-height: 20px;
  width: auto;
  height: auto;
}
/* line 114, source/bil.sass */
#lokus_bil_wrapper .clear {
  clear: both;
}
/* line 117, source/bil.sass */
#lokus_bil_wrapper #customLogo {
  max-height: 30%;
  max-width: 100%;
  margin-top: 6%;
  margin-left: 4%;
  margin-bottom: 6%;
}
/* line 124, source/bil.sass */
#lokus_bil_wrapper #latest {
  margin-top: 0.25em;
  font-size: 1.3em;
  color: #423c3c;
  line-height: 1;
}
/* line 131, source/bil.sass */
#lokus_bil_wrapper #latest a {
  z-index: 2;
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 4%;
  padding-bottom: 10px;
  background-color: white;
}
/* line 141, source/bil.sass */
#lokus_bil_wrapper #latest img {
  float: left;
  width: 60%;
  margin-top: 10px;
}

/* line 147, source/bil.sass */
#sticky .content {
  background-color: #fff;
}

@media only screen and (max-width: 640px) {
  /* line 151, source/bil.sass */
  .content {
    width: 96%;
    left: 0%;
  }

  /* line 155, source/bil.sass */
  .blockcontainer:nth-child(2n) .content {
    left: 2%;
  }
}
