/* line 7, /mnt/data/system/patrick/app/sass/form */
#shader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 0%;
  background: #85bd3c;
  z-index: 9; }

/* line 15, /mnt/data/system/patrick/app/sass/form */
#shader.show {
  height: 100%;
  -webkit-transition: 0.3s linear;
          transition: 0.3s linear; }

/* line 19, /mnt/data/system/patrick/app/sass/form */
#shader.hide {
  opacity: 0;
  -webkit-transition: 0.5s ease;
          transition: 0.5s ease; }

/* line 23, /mnt/data/system/patrick/app/sass/form */
#form {
  position: absolute;
  display: none;
  margin-top: 70px;
  width: 100%;
  height: 100%;
  background: #518310;
  z-index: 8; }

/* line 32, /mnt/data/system/patrick/app/sass/form */
#form.show {
  display: block; }

/* line 36, /mnt/data/system/patrick/app/sass/form */
#form .info {
  padding-top: 50px;
  height: 240px;
  background: #85bd3c; }
  @media (max-width: 500px) {
    #form .info {
      margin-top: 80px; } }

/* line 43, /mnt/data/system/patrick/app/sass/form */
#form .info div {
  text-align: center;
  text-align-width: 300px;
  text-align-margin: 40px auto 0 auto; }

/* line 48, /mnt/data/system/patrick/app/sass/form */
#form .separator {
  background-color: #1176a9;
  color: #fff;
  font-size: 22px;
  padding: 30px 15%; }

/* line 54, /mnt/data/system/patrick/app/sass/form */
#form .contact {
  display: none;
  color: #ddd;
  padding: 20px;
  text-align: center;
  background: #518310; }

/* line 61, /mnt/data/system/patrick/app/sass/form */
#form .info span {
  display: block;
  font-size: 22px; }

/* line 65, /mnt/data/system/patrick/app/sass/form */
#form input, textarea {
  display: block;
  margin: 20px 0 0 20%;
  width: 50%;
  border: 1px solid #bbb;
  height: 40px;
  font-size: 18px; }
  @media (max-width: 500px) {
    #form input, textarea {
      width: 90%;
      margin: 20px 0 0 5%; } }

/* line 76, /mnt/data/system/patrick/app/sass/form */
#form textarea {
  height: 80px;
  margin-bottom: 20px; }

/* line 80, /mnt/data/system/patrick/app/sass/form */
#form input[type=submit] {
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  text-shadow: 0 1px 0 #000000;
  font-size: 18px;
  padding: 5px;
  color: white;
  max-width: 40%;
  margin: auto;
  text-align: center;
  cursor: pointer;
  background: #1176a9;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#46b6ec), to(#1176a9));
  background-image: -webkit-linear-gradient(top, #46b6ec 0%, #1176a9 100%);
  background-image: linear-gradient(to bottom, #46b6ec 0%, #1176a9 100%); }

/* tekst in contact */
/* line 95, /mnt/data/system/patrick/app/sass/form */
#form .contact div {
  display: block;
  margin: 20px 0 0 20%;
  width: 50%;
  font-size: 22px; }
  @media (max-width: 500px) {
    #form .contact div {
      width: 90%;
      margin: 20px 0 0 5%; } }

/* line 9, /mnt/data/system/patrick/app/sass/base */
html {
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll; }

/* line 14, /mnt/data/system/patrick/app/sass/base */
body {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: Viga, sans-serif;
  font-size: 26px;
  line-height: 26px;
  color: #555;
  text-rendering: optimizeLegibility;
  height: 100%;
  background-color: #fff; }
  @media (max-width: 800px) {
    body {
      font-size: 24px;
      line-height: 24px; } }
  @media (max-width: 600px) {
    body {
      font-size: 22px;
      line-height: 22px; } }

/* line 32, /mnt/data/system/patrick/app/sass/base */
* {
  box-sizing: inherit; }

/* line 35, /mnt/data/system/patrick/app/sass/base */
a {
  color: #1176a9; }

/* line 38, /mnt/data/system/patrick/app/sass/base */
#header {
  width: 100%;
  height: 70px;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8); }
  @media (max-width: 500px) {
    #header {
      height: 50px; } }

/* line 50, /mnt/data/system/patrick/app/sass/base */
#logo {
  font-family: 'Montserrat Alternates', sans-serif;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: 100px;
  height: 100%;
  line-height: 70px;
  margin-left: 10px;
  white-space: nowrap;
  background-size: contain; }
  @media (max-width: 500px) {
    #logo {
      font-size: 18px;
      line-height: 50px; } }

/* line 65, /mnt/data/system/patrick/app/sass/base */
#logo:active {
  outline: none; }

/* top buttons */
/* line 69, /mnt/data/system/patrick/app/sass/base */
.menubutton {
  display: inline-block;
  position: relative;
  float: right;
  margin-right: 0px;
  font-size: 15px;
  width: 80px;
  height: 100%;
  line-height: 70px;
  color: #558a1d;
  text-align: center;
  border-left: 1px #558a1d solid;
  cursor: pointer; }
  @media (max-width: 500px) {
    .menubutton {
      line-height: 50px; } }

/* line 85, /mnt/data/system/patrick/app/sass/base */
.menubutton:hover {
  background: rgba(100, 100, 100, 0.3); }

/* line 88, /mnt/data/system/patrick/app/sass/base */
.menubutton.active {
  background: rgba(17, 118, 169, 0.9);
  color: #222;
  border-color: #aaa; }

/* line 93, /mnt/data/system/patrick/app/sass/base */
.menubutton.active:hover {
  background: #1176a9; }

/* line 96, /mnt/data/system/patrick/app/sass/base */
#splash {
  width: 100%;
  height: 400px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  background: url('../images/e58368fb.summerfun.jpg') no-repeat center; }
  @media (max-width: 700px) {
    #splash {
      background: url('../images/232b367b.summerfun2.jpg') no-repeat 50% 20%; } }

/* line 108, /mnt/data/system/patrick/app/sass/base */
#content {
  position: absolute;
  top: 0;
  width: 100%;
  background: none; }

/* line 114, /mnt/data/system/patrick/app/sass/base */
#content_0 {
  position: relative;
  height: 400px;
  width: 100%;
  color: white; }

/* line 120, /mnt/data/system/patrick/app/sass/base */
#content_0 div {
  text-align: left;
  width: 40%;
  margin-left: 7%;
  color: #fff;
  text-shadow: 0px 0px 60px black;
  padding-top: 150px; }
  @media (max-width: 700px) {
    #content_0 div {
      width: 80%; } }

/* line 131, /mnt/data/system/patrick/app/sass/base */
#content_1 {
  display: block;
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #fff;
  border-top: #000 solid 1px; }
  @media (max-width: 750px) {
    #content_1 {
      height: 700px; } }

/* line 141, /mnt/data/system/patrick/app/sass/base */
#content_1_1 {
  position: relative;
  top: 0; }

/* line 145, /mnt/data/system/patrick/app/sass/base */
#content_1_2 {
  position: relative;
  top: 70px; }
  @media (max-width: 750px) {
    #content_1_2 {
      top: 10px; } }

/* line 151, /mnt/data/system/patrick/app/sass/base */
#content_1_3 {
  position: relative;
  top: 100px;
  text-align: left;
  margin: auto;
  display: block;
  width: 300px;
  height: 150px;
  background: url('../images/9045cfea.logo.png') no-repeat center;
  background-size: contain; }
  @media (min-width: 750px) {
    #content_1_3 {
      top: 280px; } }
  @media (max-width: 750px) {
    #content_1_3 {
      top: 500px; } }
  @media (max-width: 500px) {
    #content_1_3 {
      width: 240px; } }

/* line 168, /mnt/data/system/patrick/app/sass/base */
div.content_header {
  width: 100%;
  height: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 50px;
  border-bottom: #ddd solid 1px;
  z-index: 5;
  font-size: 22px; }
  @media (max-width: 500px) {
    div.content_header {
      font-size: 18px; } }

/* line 180, /mnt/data/system/patrick/app/sass/base */
div.content_boxes {
  width: 100%; }

/* line 183, /mnt/data/system/patrick/app/sass/base */
div.content_box {
  z-index: 10;
  width: 28%;
  margin-left: 1%;
  display: inline-block;
  padding: 10px;
  height: 120px;
  border: 2px #ccc solid;
  -webkit-transition: 0.5s ease;
          transition: 0.5s ease;
  overflow: hidden;
  position: absolute; }
  @media (min-width: 750px) {
    div.content_box {
      top: 0; } }
  @media (max-width: 750px) {
    div.content_box {
      width: 90%;
      margin-left: 4%;
      margin-top: 5%; } }

/* line 201, /mnt/data/system/patrick/app/sass/base */
div.content_box ul {
  white-space: normal;
  font-size: 15px;
  position: absolute;
  top: 120px;
  width: 320px;
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 210, /mnt/data/system/patrick/app/sass/base */
div.content_box:hover {
  height: 360px;
  min-width: 340px;
  border: 2px #1176a9 solid;
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 216, /mnt/data/system/patrick/app/sass/base */
div.content_box:hover ul {
  top: 30px; }

/* line 219, /mnt/data/system/patrick/app/sass/base */
div.content_box .cbmask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 360px; }

/* line 227, /mnt/data/system/patrick/app/sass/base */
div.box_a:hover .cbmask {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 231, /mnt/data/system/patrick/app/sass/base */
div.box_b:hover .cbmask {
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 235, /mnt/data/system/patrick/app/sass/base */
div.box_c:hover .cbmask {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 239, /mnt/data/system/patrick/app/sass/base */
div.box_a {
  z-index: 12;
  left: 0%;
  background: url('../images/637cf0b6.optilator.png') no-repeat -120px -100px #fff;
  color: #eee;
  text-shadow: 0 0 10px black; }
  @media (max-width: 750px) {
    div.box_a {
      left: 0px;
      top: 0; } }

/* line 249, /mnt/data/system/patrick/app/sass/base */
div.box_b {
  z-index: 11;
  background: url('../images/85e49a70.lamp.jpg') no-repeat 0 0 #fff;
  color: #000;
  text-shadow: 0 0 30px #fff; }
  @media (min-width: 750px) {
    div.box_b {
      left: 30%;
      width: 32%;
      height: 150px;
      top: -30px; } }
  @media (max-width: 750px) {
    div.box_b {
      left: 0px;
      top: 140px; } }

/* line 263, /mnt/data/system/patrick/app/sass/base */
div.box_c {
  z-index: 10;
  left: 64%;
  background: url('../images/34c3c91f.kompas.jpg') no-repeat 0 0 #fff;
  color: #eee; }
  @media (max-width: 750px) {
    div.box_c {
      left: 0px;
      top: 280px; } }

/* line 273, /mnt/data/system/patrick/app/sass/base */
div.box_c:hover {
  z-index: 12; }
  @media (min-width: 750px) and (max-width: 1000px) {
    div.box_c:hover {
      left: 50%; } }

/* line 278, /mnt/data/system/patrick/app/sass/base */
div.volzin {
  position: absolute;
  text-align: center;
  width: 80%;
  margin: auto;
  color: #18b2fd;
  -webkit-transition: 0.5s ease;
          transition: 0.5s ease;
  opacity: 0.7; }
  @media (max-width: 500px) {
    div.volzin {
      width: 90%;
      left: 0px;
      top: 420px; } }

/* line 291, /mnt/data/system/patrick/app/sass/base */
div.volzin span {
  display: none; }

/* line 294, /mnt/data/system/patrick/app/sass/base */
div.volzin span.show {
  display: inline; }

/* line 297, /mnt/data/system/patrick/app/sass/base */
div.volzin:hover {
  opacity: 1; }

/* line 300, /mnt/data/system/patrick/app/sass/base */
#content_2 {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #eee;
  border-top: #ccc solid 1px; }
  @media (max-width: 750px) {
    #content_2 {
      top: 0px;
      height: 600px; } }

/* line 310, /mnt/data/system/patrick/app/sass/base */
#content_2_1 {
  position: absolute;
  top: 70px; }
  @media (max-width: 750px) {
    #content_2_1 {
      top: 40px; } }

/* line 316, /mnt/data/system/patrick/app/sass/base */
#content_2_2 {
  position: relative;
  top: 300px; }
  @media (max-width: 750px) {
    #content_2_2 {
      top: 500px; } }

/* line 322, /mnt/data/system/patrick/app/sass/base */
.actioncall {
  display: block;
  border: 4px solid #83c240;
  padding: 10px;
  color: #558a1d;
  max-width: 80%;
  margin: auto;
  text-align: center;
  cursor: pointer;
  text-decoration: none; }

/* line 333, /mnt/data/system/patrick/app/sass/base */
.actioncall:hover {
  border-color: #558a1d;
  border-width: 4px; }

/* line 337, /mnt/data/system/patrick/app/sass/base */
div.ok_boxes {
  background: none; }

/* line 340, /mnt/data/system/patrick/app/sass/base */
div.ok_box {
  vertical-align: top;
  width: 25%;
  margin: 0 0 0 6%;
  display: inline-block;
  padding: 20px 10px 10px 10px;
  font-size: 15px;
  background: url('../images/3930e7ad.ok.png') no-repeat top left; }
  @media (max-width: 750px) {
    div.ok_box {
      width: 90%;
      margin: 5% 0 0 4%; } }

/* line 352, /mnt/data/system/patrick/app/sass/base */
div.ok_box {
  background-size: 70px;
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 356, /mnt/data/system/patrick/app/sass/base */
div.ok_box:hover {
  background-size: 80px;
  -webkit-transition: 1s ease;
          transition: 1s ease; }

/* line 360, /mnt/data/system/patrick/app/sass/base */
div.ok_box h1 {
  font-size: 26px;
  display: inline; }

/* line 364, /mnt/data/system/patrick/app/sass/base */
#content_3 {
  display: block;
  position: relative;
  top: 0px;
  width: 100%;
  height: 200px;
  background-color: #fff;
  border: #ccc solid 1px; }

/* line 373, /mnt/data/system/patrick/app/sass/base */
#content_3_1 {
  position: relative;
  top: 70px;
  min-height: 50px;
  line-height: 50px;
  max-width: 60%; }
  @media (max-width: 500px) {
    #content_3_1 {
      max-width: 90%; } }

/* line 382, /mnt/data/system/patrick/app/sass/base */
div.button {
  background: #558a1d;
  text-shadow: 0 1px 0 #000000;
  font-size: 18px;
  padding: 5px;
  color: white;
  margin: auto;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#83c240), to(#558a1d));
  background-image: -webkit-linear-gradient(top, #83c240 0%, #558a1d 100%);
  background-image: linear-gradient(to bottom, #83c240 0%, #558a1d 100%); }

/* line 395, /mnt/data/system/patrick/app/sass/base */
#content_4 {
  position: relative;
  width: 100%;
  height: 200px;
  padding: 20px;
  background-color: #1176a9;
  color: #fff;
  font-size: 18px; }

/* line 404, /mnt/data/system/patrick/app/sass/base */
#content_4 a {
  color: #fff; }

/* line 407, /mnt/data/system/patrick/app/sass/base */
#content_5 {
  position: relative;
  width: 100%;
  height: 150px;
  background-color: #fff; }

/* line 413, /mnt/data/system/patrick/app/sass/base */
#content_5_1 {
  margin: auto;
  display: block;
  width: 300px;
  height: 150px;
  background: url('../images/9045cfea.logo.png') no-repeat center;
  background-size: contain; }
  @media (max-width: 500px) {
    #content_5_1 {
      width: 240px; } }

/* line 423, /mnt/data/system/patrick/app/sass/base */
.fright {
  float: right;
  text-align: right; }
  @media (max-width: 500px) {
    .fright {
      float: none; } }

/* line 429, /mnt/data/system/patrick/app/sass/base */
.fleft {
  float: left; }
  @media (max-width: 500px) {
    .fleft {
      float: none; } }

/* line 434, /mnt/data/system/patrick/app/sass/base */
.div2 {
  width: 45%; }

/* line 437, /mnt/data/system/patrick/app/sass/base */
.div3 {
  width: 30%; }

/* line 440, /mnt/data/system/patrick/app/sass/base */
.f1 {
  font-size: 26px; }
  @media (max-width: 500px) {
    .f1 {
      font-size: 22px; } }

/* line 445, /mnt/data/system/patrick/app/sass/base */
.f2 {
  font-size: 22px; }
  @media (max-width: 500px) {
    .f2 {
      font-size: 18px; } }

/* line 450, /mnt/data/system/patrick/app/sass/base */
.f3 {
  font-size: 18px; }
  @media (max-width: 500px) {
    .f3 {
      font-size: 15px; } }

/* line 455, /mnt/data/system/patrick/app/sass/base */
.f4 {
  font-size: 15px; }
  @media (max-width: 500px) {
    .f4 {
      font-size: 13px; } }

/* line 461, /mnt/data/system/patrick/app/sass/base */
#uitleg_1 {
  display: block;
  position: relative;
  margin-top: 70px;
  width: 100%;
  height: 350px;
  background-color: #fff; }
  @media (max-width: 500px) {
    #uitleg_1 {
      margin-top: 50px;
      height: 400px; } }

/* line 472, /mnt/data/system/patrick/app/sass/base */
.uitleg_header {
  text-align: center;
  line-height: 50px;
  border-bottom: 1px solid #659d1c;
  z-index: 5;
  font-size: 90%;
  position: relative; }

/* line 480, /mnt/data/system/patrick/app/sass/base */
.uitleg_body {
  position: relative;
  max-width: 80%;
  font-size: 70%;
  margin: auto;
  margin-top: 10px; }
  @media (min-width: 800px) {
    .uitleg_body {
      max-width: 700px; } }
  @media (max-width: 700px) {
    .uitleg_body {
      max-width: 90%; } }
  @media (max-width: 500px) {
    .uitleg_body {
      max-width: 95%; } }

/* line 493, /mnt/data/system/patrick/app/sass/base */
#uitleg_2 {
  display: block;
  position: relative;
  width: 100%;
  height: 300px;
  background-color: #85bd3c; }
  @media (max-width: 500px) {
    #uitleg_2 {
      height: 350px; } }

/* line 502, /mnt/data/system/patrick/app/sass/base */
#uitleg_2 .uitleg_header {
  border-bottom: 1px solid #ddd;
  color: #333; }

/* line 506, /mnt/data/system/patrick/app/sass/base */
#uitleg_2 .uitleg_body {
  color: #333; }

/* line 509, /mnt/data/system/patrick/app/sass/base */
#uitleg_3 {
  display: block;
  position: relative;
  width: 100%;
  height: 420px;
  background-color: #fff; }
  @media (max-width: 500px) {
    #uitleg_3 {
      height: 500px; } }
  @media (max-width: 400px) {
    #uitleg_3 {
      height: 600px; } }

/* line 520, /mnt/data/system/patrick/app/sass/base */
#uitleg_4 {
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #fff;
  border-top: 1px solid #659d1c; }