/* line 4, ../sass/inc/_base.scss */
body {
  padding: 0px;
  margin: 0px;
  font-family: "Helvetica Neue", "Lato", sans-serif;
  font-size: 16px;
}

/* line 11, ../sass/inc/_base.scss */
.container {
  width: 1100px;
  margin: auto;
}
@media screen and (max-width: 1150px) {
  /* line 11, ../sass/inc/_base.scss */
  .container {
    width: 960px;
  }
}
@media screen and (max-width: 1000px) {
  /* line 11, ../sass/inc/_base.scss */
  .container {
    width: 740px;
  }
}
@media screen and (max-width: 760px) {
  /* line 11, ../sass/inc/_base.scss */
  .container {
    width: 95%;
  }
}

/* line 28, ../sass/inc/_base.scss */
.clear {
  clear: both;
}

/* line 32, ../sass/inc/_base.scss */
header.top {
  width: 100%;
  height: 750px;
  position: relative;
  float: left;
  overflow: hidden;
  color: #fff;
}
/* line 40, ../sass/inc/_base.scss */
header.top .bg {
  background: url(../images/header.jpg) center 0px no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
}
/* line 49, ../sass/inc/_base.scss */
header.top p.intro {
  width: 100%;
  margin-top: 150px;
  text-align: center;
  font-weight: 100;
  font-size: 1.3rem;
  letter-spacing: 4px;
  text-transform: uppercase;
}
/* line 59, ../sass/inc/_base.scss */
header.top figure.incharge {
  width: 100%;
  height: 83px;
  background: url(../images/incharge.png) center center no-repeat;
  background-size: auto 100%;
  padding: 0px;
  margin: 0px;
}
@media screen and (max-width: 620px) {
  /* line 59, ../sass/inc/_base.scss */
  header.top figure.incharge {
    background-size: 100% auto;
  }
}
/* line 72, ../sass/inc/_base.scss */
header.top .arrow_down {
  width: 64px;
  height: 64px;
  left: 50%;
  margin-left: -32px;
  position: relative;
  background: url(../images/icons/arrow_down.png) center center no-repeat;
  background-size: 100% auto;
  margin-top: 50px;
  animation: arrow 3s infinite;
  cursor: pointer;
}

@keyframes arrow {
  0% {
    top: 45px;
  }
  10% {
    top: 50px;
  }
  20% {
    top: 45px;
  }
  100% {
    top: 45px;
  }
}
/* line 101, ../sass/inc/_base.scss */
section.intro {
  float: left;
  width: 100%;
  background: url(../images/who.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
/* line 109, ../sass/inc/_base.scss */
section.intro .overlay {
  background: #36142c;
  background: rgba(54, 20, 44, 0.9);
  width: 100%;
  float: left;
}
/* line 116, ../sass/inc/_base.scss */
section.intro h2 {
  font-size: 3.7rem;
  width: 100%;
  text-align: center;
  font-weight: 100;
  letter-spacing: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 125, ../sass/inc/_base.scss */
section.intro h2 sup {
  font-size: 1.5rem;
  top: -30px;
}
@media screen and (max-width: 760px) {
  /* line 116, ../sass/inc/_base.scss */
  section.intro h2 {
    font-size: 2.5rem;
  }
  /* line 133, ../sass/inc/_base.scss */
  section.intro h2 sup {
    top: -20px;
  }
}
/* line 139, ../sass/inc/_base.scss */
section.intro p {
  width: 64%;
  margin: 0px 18%;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 21px;
}
/* line 148, ../sass/inc/_base.scss */
section.intro p strong {
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  /* line 154, ../sass/inc/_base.scss */
  section.intro p {
    width: 100%;
    margin: 0px;
  }
}

/* line 161, ../sass/inc/_base.scss */
.brands {
  width: 570px;
  left: 50%;
  margin: 50px 0px 50px -285px;
  position: relative;
}
@media screen and (max-width: 620px) {
  /* line 161, ../sass/inc/_base.scss */
  .brands {
    width: 100%;
    left: 0px;
    margin-left: 0px;
  }
}
/* line 173, ../sass/inc/_base.scss */
.brands .brand1, .brands .brand2 {
  float: left;
  width: 50%;
  height: 145px;
  box-sizing: border-box;
  border-right: 2px solid #fff;
}
/* line 180, ../sass/inc/_base.scss */
.brands .brand1 img, .brands .brand2 img {
  margin-top: 30px;
}
/* line 185, ../sass/inc/_base.scss */
.brands .brand2 {
  border-right: 0px;
  text-align: right;
}
/* line 189, ../sass/inc/_base.scss */
.brands .brand2 img {
  margin-top: 25px;
}
@media screen and (max-width: 620px) {
  /* line 195, ../sass/inc/_base.scss */
  .brands .brand1, .brands .brand2 {
    height: auto;
    padding-bottom: 20px;
  }
  /* line 199, ../sass/inc/_base.scss */
  .brands .brand1 img, .brands .brand2 img {
    width: 70%;
    margin-top: 20px;
  }
}

/* line 207, ../sass/inc/_base.scss */
section.content {
  width: 100%;
  float: left;
  color: #525252;
  overflow: hidden;
}
/* line 213, ../sass/inc/_base.scss */
section.content h3, section.content h2, section.content h1 {
  font-size: 3.7rem;
  width: 100%;
  text-align: center;
  font-weight: 100;
  letter-spacing: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-top: 85px;
}
@media screen and (max-width: 760px) {
  /* line 213, ../sass/inc/_base.scss */
  section.content h3, section.content h2, section.content h1 {
    font-size: 2.5rem;
  }
}
/* line 228, ../sass/inc/_base.scss */
section.content p {
  width: 76%;
  margin: 0px 12%;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 21px;
}
/* line 237, ../sass/inc/_base.scss */
section.content p strong {
  font-weight: 500;
}
@media screen and (max-width: 1000px) {
  /* line 243, ../sass/inc/_base.scss */
  section.content p {
    width: 100%;
    margin: 0px;
  }
}
/* line 250, ../sass/inc/_base.scss */
section.content.together h3, section.content.together h2, section.content.together h1 {
  color: #50617d;
}
/* line 256, ../sass/inc/_base.scss */
section.content.great h3, section.content.great h2, section.content.great h1 {
  color: #69c0af;
}
/* line 261, ../sass/inc/_base.scss */
section.content .boxs {
  width: 100%;
  float: left;
  position: relative;
  margin: 50px 0px 100px 0px;
}
/* line 267, ../sass/inc/_base.scss */
section.content .boxs .row {
  width: 100%;
  float: left;
}
/* line 272, ../sass/inc/_base.scss */
section.content .boxs .mid {
  background: url(../images/box/box1_mid.png) center center no-repeat;
  background-size: 100% auto;
  width: 226px;
  height: 308px;
  float: left;
  position: absolute;
  top: 7px;
  left: 50%;
  margin-left: -114px;
  z-index: 10;
}
/* line 284, ../sass/inc/_base.scss */
section.content .boxs .mid h1 {
  font-size: 1.3rem;
  color: #fff;
  margin-top: 170px;
  margin-bottom: 0px;
}
/* line 291, ../sass/inc/_base.scss */
section.content .boxs .mid p {
  font-size: 0.8rem;
  width: 100%;
  line-height: 21px;
  margin: 0px;
}
@media screen and (max-width: 1150px) {
  /* line 272, ../sass/inc/_base.scss */
  section.content .boxs .mid {
    width: 206px;
    margin-left: -105px;
    top: 12px;
  }
  /* line 303, ../sass/inc/_base.scss */
  section.content .boxs .mid p {
    letter-spacing: 1px;
  }
  /* line 307, ../sass/inc/_base.scss */
  section.content .boxs .mid h1 {
    margin-top: 165px;
  }
}
/* line 313, ../sass/inc/_base.scss */
section.content .boxs .box {
  width: calc(50% - 5px);
  float: left;
  color: #404040;
  height: 195px;
  margin: 5px 5px 0px 0px;
  padding: 0px 170px 0px 0px;
  box-sizing: border-box;
  opacity: 0.5;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1150px) {
  /* line 313, ../sass/inc/_base.scss */
  section.content .boxs .box {
    padding: 0px 140px 0px 0px;
  }
}
/* line 328, ../sass/inc/_base.scss */
section.content .boxs .box:hover {
  opacity: 1;
}
/* line 332, ../sass/inc/_base.scss */
section.content .boxs .box.x1 {
  background: url(../images/box/box1_left.png) right bottom no-repeat;
}
@media screen and (max-width: 1150px) {
  /* line 332, ../sass/inc/_base.scss */
  section.content .boxs .box.x1 {
    background-size: 30%;
  }
}
/* line 340, ../sass/inc/_base.scss */
section.content .boxs .box.x2 {
  background: url(../images/box/box1_right.png) left bottom no-repeat;
  padding: 0px 0px 0px 170px;
}
@media screen and (max-width: 1150px) {
  /* line 340, ../sass/inc/_base.scss */
  section.content .boxs .box.x2 {
    background-size: 30%;
    padding: 0px 0px 0px 140px;
  }
}
/* line 350, ../sass/inc/_base.scss */
section.content .boxs .box.x3 {
  background: url(../images/box/box1_left_bottom.png) right top no-repeat;
}
@media screen and (max-width: 1150px) {
  /* line 350, ../sass/inc/_base.scss */
  section.content .boxs .box.x3 {
    background-size: 30%;
  }
}
/* line 358, ../sass/inc/_base.scss */
section.content .boxs .box.x4 {
  background: url(../images/box/box1_right_bottom.png) left top no-repeat;
  padding: 0px 0px 0px 170px;
}
@media screen and (max-width: 1150px) {
  /* line 358, ../sass/inc/_base.scss */
  section.content .boxs .box.x4 {
    background-size: 29.5%;
    padding: 0px 0px 0px 140px;
  }
}
/* line 368, ../sass/inc/_base.scss */
section.content .boxs .box .icon {
  width: 44px;
  height: 44px;
  left: 50%;
  margin-left: -22px;
  position: relative;
  margin-top: 50px;
}
/* line 376, ../sass/inc/_base.scss */
section.content .boxs .box .icon.commercie {
  background: url(../images/icons/commercie.png) center center no-repeat;
  background-size: 100% auto;
}
/* line 381, ../sass/inc/_base.scss */
section.content .boxs .box .icon.administratie {
  background: url(../images/icons/administratie.png) center center no-repeat;
  background-size: auto 100%;
}
/* line 386, ../sass/inc/_base.scss */
section.content .boxs .box .icon.diensten {
  background: url(../images/icons/diensten.png) center center no-repeat;
  background-size: 100% auto;
}
/* line 391, ../sass/inc/_base.scss */
section.content .boxs .box .icon.gebouw {
  background: url(../images/icons/gebouw.png) center center no-repeat;
  background-size: auto 100%;
}
/* line 396, ../sass/inc/_base.scss */
section.content .boxs .box .icon.home {
  background: url(../images/icons/home.png) center center no-repeat;
  background-size: auto 100%;
}
/* line 401, ../sass/inc/_base.scss */
section.content .boxs .box .icon.liberates {
  background: url(../images/icons/liberates.png) center center no-repeat;
  background-size: 100% auto;
}
/* line 406, ../sass/inc/_base.scss */
section.content .boxs .box .icon.online {
  background: url(../images/icons/online.png) center center no-repeat;
  background-size: auto 100%;
}
/* line 411, ../sass/inc/_base.scss */
section.content .boxs .box .icon.environment {
  background: url(../images/icons/environment.png) center center no-repeat;
  background-size: auto 100%;
}
/* line 417, ../sass/inc/_base.scss */
section.content .boxs .box h2, section.content .boxs .box h3 {
  font-size: 1.2rem;
  color: #404040;
  margin: 15px 0px 10px 0px;
  box-sizing: border-box;
  font-weight: 400;
}
/* line 425, ../sass/inc/_base.scss */
section.content .boxs .box p {
  font-size: 0.8rem;
  line-height: 18px;
  box-sizing: border-box;
  width: 100%;
  margin: 0px;
  font-weight: 400;
}
/* line 438, ../sass/inc/_base.scss */
section.content.great .boxs .mid {
  top: 50px;
  background: url(../images/box/box2_mid.png) center center no-repeat;
  background-size: 100%;
}
/* line 445, ../sass/inc/_base.scss */
section.content.great .boxs .box.x1 {
  background: url(../images/box/box2_left.png) right bottom no-repeat;
}
@media screen and (max-width: 1150px) {
  /* line 445, ../sass/inc/_base.scss */
  section.content.great .boxs .box.x1 {
    background-size: 30%;
  }
}
/* line 453, ../sass/inc/_base.scss */
section.content.great .boxs .box.x2 {
  background: url(../images/box/box2_right.png) left bottom no-repeat;
  padding: 0px 0px 0px 170px;
}
@media screen and (max-width: 1150px) {
  /* line 453, ../sass/inc/_base.scss */
  section.content.great .boxs .box.x2 {
    background-size: 30%;
    padding: 0px 0px 0px 140px;
  }
}
/* line 463, ../sass/inc/_base.scss */
section.content.great .boxs .box.x3 {
  background: url(../images/box/box2_left_bottom.png) right top no-repeat;
}
@media screen and (max-width: 1150px) {
  /* line 463, ../sass/inc/_base.scss */
  section.content.great .boxs .box.x3 {
    background-size: 30%;
  }
}
/* line 471, ../sass/inc/_base.scss */
section.content.great .boxs .box.x4 {
  background: url(../images/box/box2_right_bottom.png) left top no-repeat;
  padding: 0px 0px 0px 170px;
}
@media screen and (max-width: 1150px) {
  /* line 471, ../sass/inc/_base.scss */
  section.content.great .boxs .box.x4 {
    background-size: 30%;
    padding: 0px 0px 0px 140px;
  }
}
@media screen and (max-width: 1000px) {
  /* line 485, ../sass/inc/_base.scss */
  section.content .mid {
    display: none;
  }
  /* line 490, ../sass/inc/_base.scss */
  section.content .boxs .box.x1, section.content .boxs .box.x2, section.content .boxs .box.x3, section.content .boxs .box.x4, section.content.great .boxs .box.x1, section.content.great .boxs .box.x2, section.content.great .boxs .box.x3, section.content.great .boxs .box.x4 {
    background: none;
    padding: 0px 20px;
    width: 50%;
    margin: 0px;
  }
}
@media screen and (max-width: 760px) {
  /* line 500, ../sass/inc/_base.scss */
  section.content .boxs, section.content.great .boxs {
    margin-top: 20px;
  }
  /* line 503, ../sass/inc/_base.scss */
  section.content .boxs .box.x1, section.content .boxs .box.x2, section.content .boxs .box.x3, section.content .boxs .box.x4, section.content.great .boxs .box.x1, section.content.great .boxs .box.x2, section.content.great .boxs .box.x3, section.content.great .boxs .box.x4 {
    width: 100%;
  }
}

/* line 510, ../sass/inc/_base.scss */
footer.bottom {
  float: left;
  width: 100%;
  color: #fff;
  position: relative;
  overflow: hidden;
}
/* line 517, ../sass/inc/_base.scss */
footer.bottom a {
  color: #fff;
}
/* line 521, ../sass/inc/_base.scss */
footer.bottom .overlay {
  background: #36142c;
  background: rgba(54, 20, 44, 0.9);
  width: 100%;
  float: left;
  position: relative;
  z-index: 10;
}
/* line 530, ../sass/inc/_base.scss */
footer.bottom .bg {
  background: url(../images/header.jpg) center 0px no-repeat;
  background-size: cover;
  position: absolute;
  height: 120%;
  width: 100%;
  top: 0px;
  z-index: 5;
}
/* line 540, ../sass/inc/_base.scss */
footer.bottom p.intro {
  width: 100%;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 21px;
}
/* line 549, ../sass/inc/_base.scss */
footer.bottom h3 {
  font-size: 3.7rem;
  width: 100%;
  text-align: center;
  font-weight: 100;
  letter-spacing: 4px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
/* line 558, ../sass/inc/_base.scss */
footer.bottom h3 sup {
  font-size: 1.5rem;
  top: -30px;
}
@media screen and (max-width: 760px) {
  /* line 549, ../sass/inc/_base.scss */
  footer.bottom h3 {
    font-size: 2.5rem;
  }
}
/* line 568, ../sass/inc/_base.scss */
footer.bottom .formulier {
  width: 930px;
  left: 50%;
  position: relative;
  margin-left: -465px;
  margin-top: 50px;
  float: left;
}
/* line 576, ../sass/inc/_base.scss */
footer.bottom .formulier .send {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  background: #58aa9a;
  margin-top: 10px;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* line 588, ../sass/inc/_base.scss */
footer.bottom .formulier input {
  width: 360px;
  float: left;
  margin-right: 20px;
  box-sizing: border-box;
  height: 55px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.35);
  border: 0px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* line 603, ../sass/inc/_base.scss */
footer.bottom .formulier input:focus {
  outline: none;
}
/* line 607, ../sass/inc/_base.scss */
footer.bottom .formulier input::-webkit-input-placeholder {
  color: #fff;
  font-family: "Helvetica Neue", "Lato", sans-serif;
  font-size: 1.2rem;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* line 617, ../sass/inc/_base.scss */
footer.bottom .formulier button {
  width: 170px;
  box-sizing: border-box;
  height: 55px;
  background: #fff;
  border: 0px;
  color: #2c2c2c;
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
  /* line 568, ../sass/inc/_base.scss */
  footer.bottom .formulier {
    width: 100%;
    float: left;
    left: 0px;
    margin: 20px 0px;
  }
  /* line 636, ../sass/inc/_base.scss */
  footer.bottom .formulier input {
    width: 35%;
  }
  /* line 640, ../sass/inc/_base.scss */
  footer.bottom .formulier button {
    width: 182px;
  }
}
@media screen and (max-width: 760px) {
  /* line 646, ../sass/inc/_base.scss */
  footer.bottom .formulier input, footer.bottom .formulier button {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}
/* line 653, ../sass/inc/_base.scss */
footer.bottom .contact {
  width: 330px;
  left: 50%;
  position: relative;
  margin-left: -165px;
}
/* line 659, ../sass/inc/_base.scss */
footer.bottom .contact figure {
  width: 100px;
  height: 100px;
  float: left;
  left: 50%;
  border-radius: 144px;
  position: relative;
  margin: 40px 0px 15px -50px;
  background: url(../images/contact.jpg) no-repeat;
  background-size: cover;
}
/* line 671, ../sass/inc/_base.scss */
footer.bottom .contact p {
  text-align: center;
  line-height: 21px;
  font-weight: 100;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0px;
  width: 100%;
  margin: 0px;
  float: left;
}
/* line 685, ../sass/inc/_base.scss */
footer.bottom .brands {
  width: 240px;
  float: right;
  margin: 80px 0px 50px 0px;
  left: 0px;
}
/* line 691, ../sass/inc/_base.scss */
footer.bottom .brands .brand1, footer.bottom .brands .brand2 {
  height: 65px;
}
/* line 694, ../sass/inc/_base.scss */
footer.bottom .brands .brand1 img, footer.bottom .brands .brand2 img {
  height: 40px;
  width: auto;
  margin-top: 10px;
}

/* line 703, ../sass/inc/_base.scss */
.blok {
  width: 100%;
  float: left;
  height: 200px;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
/* line 711, ../sass/inc/_base.scss */
.blok.x1 {
  color: #fff;
  background: url(../images/blok1.jpg) center top no-repeat;
  background-size: cover;
}
/* line 718, ../sass/inc/_base.scss */
.blok.x2 {
  color: #fff;
  background: url(../images/blok2.jpg) center top no-repeat;
  background-size: cover;
}
/* line 723, ../sass/inc/_base.scss */
.blok.x2 .delfse {
  width: 90px;
  height: 90px;
  position: absolute;
  right: -118px;
  background: url(../images/delfse.png) no-repeat;
  background-size: 100%;
  top: 40px;
}
/* line 734, ../sass/inc/_base.scss */
.blok.x3 {
  color: #fff;
}
/* line 737, ../sass/inc/_base.scss */
.blok.x3 .bg1 {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0px;
  background: url(../images/blok3.jpg) center top no-repeat;
  background-size: cover;
  z-index: 0;
}
/* line 746, ../sass/inc/_base.scss */
.blok.x3 .bg2 {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0px;
  background: #50617d;
  z-index: 0;
}
/* line 756, ../sass/inc/_base.scss */
.blok.x4 {
  color: #fff;
}
/* line 759, ../sass/inc/_base.scss */
.blok.x4 .bg1 {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0px;
  background: url(../images/blok4.jpg) center top no-repeat;
  background-size: cover;
  z-index: 0;
}
/* line 768, ../sass/inc/_base.scss */
.blok.x4 .bg2 {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0px;
  background: #58aa9a;
  z-index: 0;
}
/* line 778, ../sass/inc/_base.scss */
.blok.open {
  height: 400px;
}
/* line 781, ../sass/inc/_base.scss */
.blok.open .more {
  transform: rotate(45deg);
  margin: 330px 0px 0px 0px;
}
/* line 787, ../sass/inc/_base.scss */
.blok article {
  width: 42%;
  float: left;
  z-index: 10;
  margin-left: 65px;
  position: relative;
}
/* line 794, ../sass/inc/_base.scss */
.blok article.right {
  float: right;
}
/* line 798, ../sass/inc/_base.scss */
.blok article .more {
  width: 45px;
  height: 45px;
  float: left;
  position: absolute;
  margin: 130px 0px 0px -65px;
  background: url(../images/icons/more.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.5s ease;
}
/* line 810, ../sass/inc/_base.scss */
.blok article h2, .blok article h3 {
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0px 0px 8px 0px;
  font-size: 1.3rem;
}
/* line 817, ../sass/inc/_base.scss */
.blok article h2.nosub, .blok article h3.nosub {
  margin-top: 60px;
}
/* line 822, ../sass/inc/_base.scss */
.blok article h2 {
  margin-top: 30px;
}
/* line 826, ../sass/inc/_base.scss */
.blok article h3 {
  font-size: 1.8rem;
  line-height: 1em;
}
/* line 831, ../sass/inc/_base.scss */
.blok article p {
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 21px;
}
/* line 837, ../sass/inc/_base.scss */
.blok article p.first {
  margin-bottom: 30px;
}
@media screen and (max-width: 1150px) {
  /* line 843, ../sass/inc/_base.scss */
  .blok article {
    width: 45%;
  }
  /* line 847, ../sass/inc/_base.scss */
  .blok.x3 .bg1, .blok.x4 .bg1 {
    width: 47%;
  }
  /* line 851, ../sass/inc/_base.scss */
  .blok.x3 .bg2, .blok.x4 .bg2 {
    width: 53%;
  }
}
@media screen and (max-width: 1000px) {
  /* line 857, ../sass/inc/_base.scss */
  .blok article {
    width: 60%;
  }
  /* line 861, ../sass/inc/_base.scss */
  .blok.x3 .bg1, .blok.x4 .bg1 {
    width: 30%;
  }
  /* line 865, ../sass/inc/_base.scss */
  .blok.x3 .bg2, .blok.x4 .bg2 {
    width: 70%;
  }
}
@media screen and (max-width: 760px) {
  /* line 703, ../sass/inc/_base.scss */
  .blok {
    height: auto;
  }
  /* line 873, ../sass/inc/_base.scss */
  .blok.open {
    height: auto;
  }
  /* line 877, ../sass/inc/_base.scss */
  .blok .container {
    width: 100%;
  }
  /* line 881, ../sass/inc/_base.scss */
  .blok article {
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    padding: 0px 25px 25px 25px;
    background: rgba(54, 20, 44, 0.6);
  }
  /* line 888, ../sass/inc/_base.scss */
  .blok article .more {
    display: none;
  }
  /* line 892, ../sass/inc/_base.scss */
  .blok article h3 {
    font-size: 1.5rem;
  }
  /* line 895, ../sass/inc/_base.scss */
  .blok article h3 br {
    display: none;
  }
  /* line 900, ../sass/inc/_base.scss */
  .blok article h3.nosub {
    margin-top: 30px;
  }
  /* line 904, ../sass/inc/_base.scss */
  .blok.x3 .bg1, .blok.x4 .bg1 {
    width: 100%;
  }
  /* line 908, ../sass/inc/_base.scss */
  .blok.x3 .bg2, .blok.x4 .bg2 {
    display: none;
  }
}

/* line 914, ../sass/inc/_base.scss */
.db-animation {
  opacity: 0;
  transition: all 0.5s ease;
}

/* line 918, ../sass/inc/_base.scss */
.db-animation.animated {
  opacity: 1;
}