/* MAIN */
/* FONTS */
@import url("https://use.typekit.net/hjn6uhu.css");
/* VARS */
/* Compass */
/* Imports */
/* MAIN */
/* FONTS */
@import "https://use.typekit.net/hjn6uhu.css";
/* VARS */
/* Compass */
/* Imports */
@keyframes loaderAnim {
  to {
    transform: scale3d(0.5, 0.5, 1);
  }
}
/* line 15, ../sass/_base.scss */
html {
  position: relative;
  min-height: 100%;
}

/* line 19, ../sass/_base.scss */
body {
  margin-bottom: 0px;
  min-width: 320px;
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  background-color: white;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

/* line 31, ../sass/_base.scss */
.anchor {
  display: block;
  height: 115px;
  margin-top: -115px;
  visibility: hidden;
}

/* line 38, ../sass/_base.scss */
.maxi {
  margin-top: 9px;
}

/* line 42, ../sass/_base.scss */
#content {
  margin-top: 70px;
  padding-bottom: 40px;
}
/* line 44, ../sass/_base.scss */
#content .item-page .btn-group.pull-right {
  display: none;
}
/* line 50, ../sass/_base.scss */
#content .pull-left.item-image {
  margin-bottom: 30px;
}

/* line 54, ../sass/_base.scss */
img {
  width: 100%;
}

/* line 57, ../sass/_base.scss */
.intro {
  text-align: center;
  font-size: 18px;
}

/* line 61, ../sass/_base.scss */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #b91119;
  border-radius: 10px;
  margin-top: -4px;
}

/* line 76, ../sass/_base.scss */
#shadowbox {
  z-index: 10000 !important;
}

/* line 79, ../sass/_base.scss */
.btn {
  border-radius: 0px;
  padding-left: 45px;
  padding-right: 45px;
}

/* line 84, ../sass/_base.scss */
.btn-outline-primary {
  color: #b91119;
  border-color: #b91119;
}
/* line 87, ../sass/_base.scss */
.btn-outline-primary:hover {
  color: white;
  background-color: #b91119;
  border-color: #b91119;
}

/* line 93, ../sass/_base.scss */
.btn-primary {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background: linear-gradient(90deg, #b91119 0%, #8e0812 100%);
  border-color: #8e0812;
}
/* line 100, ../sass/_base.scss */
.btn-primary:hover {
  color: white !important;
  background: #000000;
  border-color: #000000;
}
/* line 104, ../sass/_base.scss */
.btn-primary:hover a {
  color: white !important;
}
/* line 108, ../sass/_base.scss */
.btn-primary:focus {
  color: white !important;
  background: #000000;
  border-color: #000000;
}
/* line 112, ../sass/_base.scss */
.btn-primary:focus a {
  color: white !important;
}
/* line 116, ../sass/_base.scss */
.btn-primary:active {
  color: white !important;
  background: #000000;
  border-color: #000000;
}
/* line 120, ../sass/_base.scss */
.btn-primary:active a {
  color: white !important;
}

/* line 125, ../sass/_base.scss */
.btn-primary.active {
  color: white !important;
  background: #000000;
  border-color: #000000;
}
/* line 129, ../sass/_base.scss */
.btn-primary.active a {
  color: white !important;
}

/* line 134, ../sass/_base.scss */
.open > .dropdown-toggle.btn-primary {
  color: white !important;
  background: #000000;
  border-color: #000000;
}
/* line 138, ../sass/_base.scss */
.open > .dropdown-toggle.btn-primary a {
  color: white !important;
}
/* line 142, ../sass/_base.scss */
.open > .dropdown-toggle.btn-secondary {
  color: #000000 !important;
  background-color: white;
  border-color: white;
}
/* line 146, ../sass/_base.scss */
.open > .dropdown-toggle.btn-secondary a {
  color: #000000 !important;
}
/* line 150, ../sass/_base.scss */
.open > .dropdown-toggle.btn-info {
  color: white !important;
  background: #b2b2b2;
  border-color: #b2b2b2;
}
/* line 154, ../sass/_base.scss */
.open > .dropdown-toggle.btn-info a {
  color: white !important;
}
/* line 158, ../sass/_base.scss */
.open > .dropdown-toggle.btn-reset {
  color: white !important;
  background-color: #000000;
  border-color: #000000;
}
/* line 162, ../sass/_base.scss */
.open > .dropdown-toggle.btn-reset a {
  color: white !important;
}

/* line 167, ../sass/_base.scss */
.btn-secondary {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background-color: #000000;
  border-color: #000000;
}
/* line 174, ../sass/_base.scss */
.btn-secondary:hover {
  color: #000000 !important;
  background-color: white;
  border-color: white;
}
/* line 178, ../sass/_base.scss */
.btn-secondary:hover a {
  color: #000000 !important;
}
/* line 182, ../sass/_base.scss */
.btn-secondary:focus {
  color: #000000 !important;
  background-color: white;
  border-color: white;
}
/* line 186, ../sass/_base.scss */
.btn-secondary:focus a {
  color: #000000 !important;
}
/* line 190, ../sass/_base.scss */
.btn-secondary:active {
  color: #000000 !important;
  background-color: white;
  border-color: white;
}
/* line 194, ../sass/_base.scss */
.btn-secondary:active a {
  color: #000000 !important;
}

/* line 199, ../sass/_base.scss */
.btn-secondary.active {
  color: #000000 !important;
  background-color: white;
  border-color: white;
}
/* line 203, ../sass/_base.scss */
.btn-secondary.active a {
  color: #000000 !important;
}

/* line 207, ../sass/_base.scss */
.btn-info {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background: linear-gradient(90deg, #b91119 0%, #8e0812 100%);
  border-color: #8e0812;
  margin-top: 15px;
}
/* line 215, ../sass/_base.scss */
.btn-info:hover {
  color: white !important;
  background: #b2b2b2;
  border-color: #b2b2b2;
}
/* line 219, ../sass/_base.scss */
.btn-info:hover a {
  color: white !important;
}
/* line 223, ../sass/_base.scss */
.btn-info:focus {
  color: white !important;
  background: #b2b2b2;
  border-color: #b2b2b2;
}
/* line 227, ../sass/_base.scss */
.btn-info:focus a {
  color: white !important;
}
/* line 231, ../sass/_base.scss */
.btn-info:active {
  color: white !important;
  background: #b2b2b2;
  border-color: #b2b2b2;
}
/* line 235, ../sass/_base.scss */
.btn-info:active a {
  color: white !important;
}

/* line 240, ../sass/_base.scss */
.btn-info.active {
  color: white !important;
  background: #b2b2b2;
  border-color: #b2b2b2;
}
/* line 244, ../sass/_base.scss */
.btn-info.active a {
  color: white !important;
}

/* line 248, ../sass/_base.scss */
.btn-reset {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  background-color: linear-gradient(90deg, #b91119 0%, #8e0812 100%);
  border-color: #8e0812;
}
/* line 255, ../sass/_base.scss */
.btn-reset:hover {
  color: white !important;
  background-color: #000000;
  border-color: #000000;
}
/* line 259, ../sass/_base.scss */
.btn-reset:hover a {
  color: white !important;
}
/* line 263, ../sass/_base.scss */
.btn-reset:focus {
  color: white !important;
  background-color: #000000;
  border-color: #000000;
}
/* line 267, ../sass/_base.scss */
.btn-reset:focus a {
  color: white !important;
}
/* line 271, ../sass/_base.scss */
.btn-reset:active {
  color: white !important;
  background-color: #000000;
  border-color: #000000;
}
/* line 275, ../sass/_base.scss */
.btn-reset:active a {
  color: white !important;
}

/* line 280, ../sass/_base.scss */
.btn-reset.active {
  color: white !important;
  background-color: #000000;
  border-color: #000000;
}
/* line 284, ../sass/_base.scss */
.btn-reset.active a {
  color: white !important;
}

/* line 288, ../sass/_base.scss */
a {
  color: #b91119;
  text-decoration: none;
}
/* line 291, ../sass/_base.scss */
a:hover {
  color: #000000;
}

/* line 295, ../sass/_base.scss */
.lead {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}

/* line 300, ../sass/_base.scss */
h1 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 38px;
  line-height: 48px;
  color: #000000;
}

/* line 308, ../sass/_base.scss */
#articletitel {
  margin-bottom: 30px;
}

/* line 311, ../sass/_base.scss */
h2 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  color: #000000;
}

/* line 319, ../sass/_base.scss */
.container.topblocks h2 {
  margin-top: 40px;
}

/* line 323, ../sass/_base.scss */
.row.topblocks-inner.rowtwo {
  margin-top: 85px;
}

/* line 326, ../sass/_base.scss */
h3 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  margin-top: 0px;
  color: #000000;
}

/* line 334, ../sass/_base.scss */
h4 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #000000;
}
/* line 340, ../sass/_base.scss */
h4 a {
  color: #000000;
}

/* line 344, ../sass/_base.scss */
blockquote {
  padding-bottom: 30px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #b91119;
}

/* line 353, ../sass/_base.scss */
.topcontent1 {
  font-size: 18px;
  margin-top: 14px;
}

/* line 357, ../sass/_base.scss */
.modal {
  z-index: 1041 !important;
}

/* line 361, ../sass/_base.scss */
.modal-body .userdata {
  width: 100%;
}
/* line 364, ../sass/_base.scss */
.modal-body .form-control {
  width: 100%;
}
/* line 367, ../sass/_base.scss */
.modal-body .controls {
  width: 100%;
  margin-bottom: 30px;
}

/* line 372, ../sass/_base.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1033 !important;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

/* line 381, ../sass/_base.scss */
.logo {
  z-index: 1032 !important;
  position: fixed;
  z-index: 9999;
  text-align: center;
  transition: none;
  width: 124px;
  margin-top: 60px;
}
/* line 389, ../sass/_base.scss */
.logo img {
  width: 124x;
}
/* line 392, ../sass/_base.scss */
.logo:hover {
  text-align: center;
  transition: none;
}
/* line 396, ../sass/_base.scss */
.logo p {
  margin-bottom: 0px;
}

/* line 400, ../sass/_base.scss */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030 !important;
}

/* line 407, ../sass/_base.scss */
.fixed-top2 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1031 !important;
}

/* line 414, ../sass/_base.scss */
.navbar-collapse {
  max-height: 560px;
  margin-top: 70px;
  box-shadow: 0 4px 8px -4px #666;
}

/* line 419, ../sass/_base.scss */
div#navbarSupportedContent {
  background-color: white;
}

/* line 422, ../sass/_base.scss */
.topcontent {
  margin-top: 6px;
}

/* line 425, ../sass/_base.scss */
.topmenu {
  background-color: #b2b2b2;
  height: 55px;
}
/* line 429, ../sass/_base.scss */
.topmenu a:hover {
  text-decoration: none;
  color: #000000;
}

/* line 437, ../sass/_base.scss */
.dropdown:hover > .dropdown-menu {
  display: block;
}
/* line 442, ../sass/_base.scss */
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

/* line 447, ../sass/_base.scss */
.navbar.intern {
  height: auto !important;
  margin-top: 10px !important;
}

/* line 451, ../sass/_base.scss */
.navbar {
  margin-top: 55px;
  height: 110px;
  background-color: white;
  border-color: transparent !important;
  box-shadow: 0 4px 8px -4px #666;
}

/* line 458, ../sass/_base.scss */
a.nav-link {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  color: #000000 !important;
  font-size: 16px;
}
/* line 465, ../sass/_base.scss */
a.nav-link:hover {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  color: white !important;
  font-size: 16px;
}

/* line 472, ../sass/_base.scss */
a.active.nav-link {
  font-family: myriad-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white !important;
  font-size: 16px;
}

/* line 479, ../sass/_base.scss */
li.nav-item {
  padding: 3px 10px 2px 10px;
}
/* line 481, ../sass/_base.scss */
li.nav-item:hover {
  background-color: #b91119;
  padding: 3px 10px 2px 10px;
}

/* line 486, ../sass/_base.scss */
li.nav-item.current.active {
  background-color: #b91119;
  padding: 3px 10px 2px 10px;
}

/* line 491, ../sass/_base.scss */
.dropdown-item:focus {
  color: #000000;
  text-decoration: none;
  background-color: transparent !important;
}
/* line 496, ../sass/_base.scss */
.dropdown-item:hover {
  color: #000000;
  text-decoration: none;
  background-color: transparent !important;
}
/* line 501, ../sass/_base.scss */
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: transparent !important;
}

/* line 507, ../sass/_base.scss */
.dropdown-item.active {
  color: #fff;
  text-decoration: none;
  background-color: transparent !important;
}

/* line 512, ../sass/_base.scss */
.dropdown-menu {
  border-radius: 0px;
  border: 1px solid #b2b2b2;
  margin-top: 0px;
}
/* line 517, ../sass/_base.scss */
.dropdown-menu li.nav-item:hover {
  background-color: #e5e5e5;
}
/* line 520, ../sass/_base.scss */
.dropdown-menu li.nav-item::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f054";
  font-size: 12px;
  margin-left: -1.3em;
  margin-right: 1.3em;
  width: 1.3em;
}

/* line 531, ../sass/_base.scss */
.jumbotron {
  padding: 0px !important;
  background-color: transparent !important;
}

/* line 535, ../sass/_base.scss */
#headerslider {
  margin-top: 110px;
}

/* line 538, ../sass/_base.scss */
#headerimage {
  margin-top: 100px;
}
/* line 541, ../sass/_base.scss */
#headerimage .moduletable .custom {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 549, ../sass/_base.scss */
#headerimagesmall {
  margin-top: 100px;
}
/* line 552, ../sass/_base.scss */
#headerimagesmall .moduletable .custom {
  height: 125px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 561, ../sass/_base.scss */
.theme_elegant .mix {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  overflow: hidden;
  background: white !important;
}

/* line 568, ../sass/_base.scss */
li.mix {
  background-color: #e5e5e5;
  border: 1px solid #b2b2b2;
}

/* line 573, ../sass/_base.scss */
.mix-title {
  font-weight: 700 !important;
  text-decoration: none;
  font-size: 18px !important;
}

/* line 580, ../sass/_base.scss */
.mix-introtext {
  margin-bottom: 30px;
  height: 60px;
  font-weight: 300;
  color: #555;
  line-height: 1.4;
  margin: 0 0 8px;
}
/* line 587, ../sass/_base.scss */
.mix-introtext p {
  margin-bottom: 0px;
}

/* line 593, ../sass/_base.scss */
.regridart .inner-mix h3 {
  margin: 10px 0;
  font-size: 20px;
  line-height: 1.5;
  height: 60px;
}
/* line 601, ../sass/_base.scss */
.regridart .mix img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 !important;
}

/* line 611, ../sass/_base.scss */
.rga .upper-mix {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  padding: 15px !important;
}

/* line 619, ../sass/_base.scss */
.button-mix {
  margin: 15px;
}

/* line 622, ../sass/_base.scss */
#diciplines2 {
  background-color: #e5e5e5;
  min-height: 1350px;
}

/* line 626, ../sass/_base.scss */
#diciplines {
  background-color: #e5e5e5;
  min-height: 1300px;
}

/* line 630, ../sass/_base.scss */
.topblocks-inner {
  margin-top: 45px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/* line 640, ../sass/_base.scss */
.topblock .moduletable .flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  -ms-perspective: 1000;
  margin-bottom: 15px;
}
/* line 651, ../sass/_base.scss */
.topblock .moduletable .flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
/* line 659, ../sass/_base.scss */
.topblock .moduletable .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  -moz-transition: transform 0.8s;
  -ms-transition: transform 0.8s;
  -webkit-transition: transform 0.8s;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}
/* line 673, ../sass/_base.scss */
.topblock .moduletable .flip-card-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: white;
  color: #000000;
}
/* line 685, ../sass/_base.scss */
.topblock .moduletable .flip-card-front .fa {
  font-size: 70px;
  color: white !important;
}
/* line 689, ../sass/_base.scss */
.topblock .moduletable .flip-card-front .fas {
  font-size: 70px;
  color: white !important;
}
/* line 693, ../sass/_base.scss */
.topblock .moduletable .flip-card-front .fal {
  font-size: 70px;
  color: white !important;
}
/* line 697, ../sass/_base.scss */
.topblock .moduletable .flip-card-front .fad {
  font-size: 70px;
  color: white !important;
}
/* line 701, ../sass/_base.scss */
.topblock .moduletable .flip-card-front h1 {
  font-size: 18px;
  color: #000000 !important;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: -8px;
  line-height: 24px;
  text-align: center;
}
/* line 711, ../sass/_base.scss */
.topblock .moduletable .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 15px;
  padding-right: 10px;
  padding-left: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #b91119;
  color: white;
  transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
/* line 727, ../sass/_base.scss */
.topblock .moduletable .flip-card-back p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 30px;
}
/* line 732, ../sass/_base.scss */
.topblock .moduletable .flip-card-back h3 {
  color: #000000;
  font-size: 20px;
  line-height: 20px;
}
/* line 737, ../sass/_base.scss */
.topblock .moduletable .flip-card-back .btn-success {
  font-size: 13px;
  margin-top: 4px;
  padding-right: 6px;
  padding-left: 6px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/* line 748, ../sass/_base.scss */
#streamer {
  background-color: #000000;
  margin-bottom: 40px;
}
/* line 751, ../sass/_base.scss */
#streamer .streamer {
  color: white;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
/* line 759, ../sass/_base.scss */
#streamer .streamer h3 {
  font-family: "Roboto", sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
/* line 768, ../sass/_base.scss */
#streamer .streamer2 {
  color: white;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
/* line 776, ../sass/_base.scss */
#streamer .streamer2 h3 {
  font-family: "Roboto", sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
/* line 785, ../sass/_base.scss */
#streamer .topmargin {
  margin-top: 20px;
}

/* line 789, ../sass/_base.scss */
#streamer2 {
  background-color: #000000;
  margin-bottom: 40px;
}
/* line 792, ../sass/_base.scss */
#streamer2 .streamer {
  color: white;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
/* line 800, ../sass/_base.scss */
#streamer2 .streamer h3 {
  font-family: "Roboto", sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
/* line 809, ../sass/_base.scss */
#streamer2 .streamer2 {
  color: white;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
/* line 817, ../sass/_base.scss */
#streamer2 .streamer2 h3 {
  font-family: "Roboto", sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
/* line 826, ../sass/_base.scss */
#streamer2 .topmargin {
  margin-top: 20px;
}

/* line 830, ../sass/_base.scss */
section.projecten {
  padding-top: 40px;
  background-color: #e5e5e5;
  margin-top: -40px;
}
/* line 834, ../sass/_base.scss */
section.projecten h2 {
  font-family: neo-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 28px;
  color: #464a4a;
}
/* line 841, ../sass/_base.scss */
section.projecten h3 {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  color: #000000;
  margin-bottom: 40px;
}
/* line 849, ../sass/_base.scss */
section.projecten .mix-controls.justify {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  background-color: #e5e5e5;
  width: 100%;
  padding: 20px 20px 0px 20px;
}
/* line 857, ../sass/_base.scss */
section.projecten .mix_category_buttons {
  text-align: left;
}
/* line 860, ../sass/_base.scss */
section.projecten .mix-filters {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-top: 10px;
}
/* line 866, ../sass/_base.scss */
section.projecten .mix-filters .drop_down.expanded .label {
  border-radius: 3px 3px 0 0;
  background: #b91119;
  border-color: #b91119;
}
/* line 871, ../sass/_base.scss */
section.projecten .mix-filters .drop_down.expanded ul {
  border-top-color: #b91119;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
/* line 878, ../sass/_base.scss */
section.projecten .mix-controls .button {
  background: none repeat scroll 0 0 #b91119 !important;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 30px !important;
  margin: 0 4px 5px 0 !important;
  padding: 0 8px !important;
  text-transform: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px !important;
}
/* line 896, ../sass/_base.scss */
section.projecten .inner-mix .button {
  background: none repeat scroll 0 0 #b91119 !important;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: inline-block;
  height: 31px;
  line-height: 30px !important;
  margin: 0 4px 5px 0 !important;
  padding: 0 8px !important;
  text-transform: none;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  font-size: 14px !important;
}
/* line 916, ../sass/_base.scss */
section.projecten .drop_down .label:hover div {
  color: #b91119;
}
/* line 919, ../sass/_base.scss */
section.projecten .drop_down .label:hover i.fa {
  color: #b91119;
}
/* line 924, ../sass/_base.scss */
section.projecten .drop_down li.active {
  color: #b91119;
}

/* line 929, ../sass/_base.scss */
.extracontent {
  padding-top: 0px;
  margin-top: 0px;
}
/* line 932, ../sass/_base.scss */
.extracontent .item__svg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 560px;
  margin: 0 auto;
}

/* line 941, ../sass/_base.scss */
.fa-ul {
  font-size: 18px;
  line-height: 30px;
}

/* line 945, ../sass/_base.scss */
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
  color: #b91119;
}

/* line 953, ../sass/_base.scss */
.row.gmap {
  margin-bottom: -30px;
  margin-top: 45px;
}

/* line 957, ../sass/_base.scss */
.articlelist {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 961, ../sass/_base.scss */
.articlelistlast {
  padding-top: 40px;
}

/* line 964, ../sass/_base.scss */
h3.moduletitle {
  text-align: left;
  font-family: neo-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  color: #000000;
}

/* line 972, ../sass/_base.scss */
section.bottomimage {
  background-image: url(../images/bottom-shape.svg);
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  height: 70px;
  z-index: 9999;
  position: relative;
  background-color: #b91119;
  margin-top: 30px;
}

/* line 983, ../sass/_base.scss */
.bottom {
  background-color: #b91119;
  color: white;
  padding-bottom: 20px;
}
/* line 987, ../sass/_base.scss */
.bottom h3 {
  color: white;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 12px;
}
/* line 994, ../sass/_base.scss */
.bottom .moduletable p {
  font-size: 12px;
  margin-bottom: 0px;
}
/* line 999, ../sass/_base.scss */
.bottom a {
  color: white;
}

/* line 1003, ../sass/_base.scss */
.bottom1 {
  text-align: left;
}
/* line 1005, ../sass/_base.scss */
.bottom1 img {
  width: 165px;
}

/* line 1009, ../sass/_base.scss */
.bottom2 {
  margin-top: 15px;
}

/* line 1012, ../sass/_base.scss */
.bottom3 {
  margin-top: 15px;
}

/* line 1015, ../sass/_base.scss */
.bottom4 {
  text-align: left;
  margin-top: 20px;
}
/* line 1018, ../sass/_base.scss */
.bottom4 img {
  width: 180px;
}

/* line 1022, ../sass/_base.scss */
.bottom5 {
  text-align: left;
  margin-top: 20px;
}
/* line 1025, ../sass/_base.scss */
.bottom5 img {
  width: 180px;
}

/* line 1029, ../sass/_base.scss */
.footer {
  background-color: #000000;
  height: 50px;
  color: white;
}
/* line 1033, ../sass/_base.scss */
.footer a {
  color: white;
}

/* line 1037, ../sass/_base.scss */
.copyright {
  text-align: center;
  font-size: 12px;
  color: white;
}
/* line 1041, ../sass/_base.scss */
.copyright a {
  color: white;
}
/* line 1044, ../sass/_base.scss */
.copyright p {
  margin-top: 0px;
  padding-top: 10px;
}

/* line 1049, ../sass/_base.scss */
p.box {
  background-color: #b2b2b2;
  padding: 20px;
  width: 70%;
}

/* line 1055, ../sass/_base.scss */
.row.contact strong {
  font-size: 18px;
  color: #000000;
}

/* line 1060, ../sass/_base.scss */
#Onderwerp {
  height: 48px;
  color: #6c757d !important;
  padding: 2px 12px;
}
/* line 1065, ../sass/_base.scss */
#Onderwerp option:hover {
  background-color: #b91119;
}

/* line 1070, ../sass/_base.scss */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 24px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000000 !important;
  background-color: #e5e5e5 !important;
  background-image: none;
  border: 0px solid #b2b2b2 !important;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* line 1087, ../sass/_base.scss */
.form-control:focus {
  color: #000000;
  background-color: #fff;
  border-color: #b91119;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(145, 181, 56, 0.25);
}

/* line 1095, ../sass/_base.scss */
p.vdwform {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}

/* line 1103, ../sass/_base.scss */
p.vdwform2 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
  margin-top: 30px;
  border-top: 1px solid #b91119;
  padding-top: 30px;
}

/* line 1114, ../sass/_base.scss */
p.vdwform3 {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
  margin-top: 17px;
  margin-bottom: 23px;
  border-top: 1px solid #b91119;
  padding-top: 30px;
}

/* line 1126, ../sass/_base.scss */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 400;
}

/* line 1134, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #b91119 !important;
}
/* line 1138, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  color: #fff !important;
  background: #b91119 !important;
  box-shadow: none !important;
}
/* line 1144, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default {
  background: #b91119 !important;
  box-shadow: #831c20 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
/* line 1150, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background: #b91119 !important;
  box-shadow: #831c20 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
/* line 1161, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #b91119 !important;
  box-shadow: none !important;
}
/* line 1167, ../sass/_base.scss */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #b91119 !important;
  box-shadow: #831c20 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}

/* line 1177, ../sass/_base.scss */
button#Verzenden {
  display: inline-block;
  padding: 8px 14px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
/* line 1196, ../sass/_base.scss */
button#Verzenden:before {
  font-family: FontAwesome;
  font-size: 14px;
  content: "\f054";
  display: inline-block;
  width: 1.3em;
  font-weight: 400;
  margin-left: -5px;
}

/* line 1206, ../sass/_base.scss */
* {
  box-sizing: border-box;
}
/* line 1208, ../sass/_base.scss */
*::after {
  box-sizing: border-box;
}
/* line 1211, ../sass/_base.scss */
*::before {
  box-sizing: border-box;
}

/* line 1215, ../sass/_base.scss */
.hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* line 1224, ../sass/_base.scss */
.js .loading::before {
  content: '';
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #efeff2;
}
/* line 1234, ../sass/_base.scss */
.js .loading::after {
  content: '';
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  pointer-events: none;
  border-radius: 50%;
  background: #dcdcde;
  animation: loaderAnim 0.8s ease-out infinite alternate forwards;
}

/* line 1250, ../sass/_base.scss */
main {
  overflow: hidden;
  overflow: hidden;
}

/* line 1254, ../sass/_base.scss */
.media-item__img {
  max-width: 100%;
  opacity: 0.8;
  border-radius: 60px/100px;
  transition: opacity 0.3s;
  max-width: 100%;
  opacity: 0.8;
  border-radius: 60px/100px;
  transition: opacity 0.3s;
}

/* line 1266, ../sass/_base.scss */
.media-item:hover .media-item__img {
  opacity: 1;
  opacity: 1;
}
/* line 1272, ../sass/_base.scss */
.media-item:focus .media-item__img {
  opacity: 1;
  opacity: 1;
}

/* line 1278, ../sass/_base.scss */
.media-item__title {
  font-weight: normal;
  margin: 0;
  padding: 0.5em;
  font-weight: normal;
  margin: 0;
  padding: 0.5em;
}

/* line 1286, ../sass/_base.scss */
.item {
  position: relative;
  width: 570px;
  max-width: 100%;
  margin: 0px 0 0 auto;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  grid-column: span 2;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  width: 570px;
  max-width: 100%;
  margin: -115px 0 0 auto;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  grid-column: span 2;
  -webkit-tap-highlight-color: transparent;
}
/* line 1309, ../sass/_base.scss */
.item:nth-of-type(even) {
  margin: 0 auto 0 0;
  margin: 0 auto 0 0;
}
/* line 1313, ../sass/_base.scss */
.item:first-of-type {
  grid-column: span 1;
  grid-column: span 1;
}

/* line 1318, ../sass/_base.scss */
.item__svg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 595px;
  margin: 0 auto;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 595px;
  margin: 0 auto;
}

/* line 1332, ../sass/_base.scss */
.item__clippath {
  transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* line 1336, ../sass/_base.scss */
.item__deco {
  transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* line 1340, ../sass/_base.scss */
.item__img {
  transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/* line 1344, ../sass/_base.scss */
.item__meta {
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* line 1364, ../sass/_base.scss */
.item__specimen {
  font-size: 5em;
  font-weight: 500;
  line-height: 0.9;
  vertical-align: text-bottom;
  letter-spacing: -0.025em;
  font-size: 5em;
  font-weight: 500;
  line-height: 0.9;
  vertical-align: text-bottom;
  letter-spacing: -0.025em;
}

/* line 1376, ../sass/_base.scss */
.item__reference {
  font-size: 1.25em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size: 1.25em;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

/* line 1385, ../sass/_base.scss */
.item--style-1 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}

/* line 1391, ../sass/_base.scss */
.item--style-2 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}

/* line 1397, ../sass/_base.scss */
.item--style-3 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}
/* line 1401, ../sass/_base.scss */
.item--style-3 .item__title {
  color: #b2b2b2;
  color: #b2b2b2;
}

/* line 1407, ../sass/_base.scss */
.item--style-4 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}

/* line 1413, ../sass/_base.scss */
.item--style-5 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}

/* line 1419, ../sass/_base.scss */
.item--style-6 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}

/* line 1425, ../sass/_base.scss */
.item--style-7 .item__deco {
  fill: #b2b2b2;
  fill: #b2b2b2;
}
/* line 1429, ../sass/_base.scss */
.item--style-7 .item__title {
  color: #b2b2b2;
  color: #b2b2b2;
}

/* line 1435, ../sass/_base.scss */
.item--style-8 .item__deco {
  fill: #404040;
  fill: #404040;
}

/* line 1441, ../sass/_base.scss */
.item--style-9 .item__deco {
  fill: #dcdcde;
  fill: #dcdcde;
}

/* MEDIA QUERIES */
@media (min-width: 576px) {
  /* line 4, ../sass/_mediaqueries.scss */
  #headerimage .moduletable .custom {
    height: 250px;
  }

  /* line 11, ../sass/_mediaqueries.scss */
  #headerimagesmall .moduletable .custom {
    height: 125px;
  }

  /* line 16, ../sass/_mediaqueries.scss */
  p.box {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  /* line 23, ../sass/_mediaqueries.scss */
  .maxi {
    margin-top: 0px;
  }

  /* line 27, ../sass/_mediaqueries.scss */
  #maximenuck143 .maximenumobiletogglerck:checked + ul.maximenuck {
    display: block !important;
    margin-top: 58px;
  }
}
@media (min-width: 768px) {
  /* line 38, ../sass/_mediaqueries.scss */
  h1 {
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 42px;
    line-height: 72px;
    color: #000000;
  }

  /* line 46, ../sass/_mediaqueries.scss */
  #diciplines2 {
    background-color: #e5e5e5;
    min-height: 320px;
  }

  /* line 50, ../sass/_mediaqueries.scss */
  #diciplines {
    background-color: #e5e5e5;
    min-height: 320px;
  }

  /* line 54, ../sass/_mediaqueries.scss */
  .topblocks-inner {
    margin-top: 45px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  /* line 62, ../sass/_mediaqueries.scss */
  .row.topblocks-inner.rowtwo {
    margin-top: 45px;
  }

  /* line 67, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card {
    background-color: transparent;
    width: 100%;
    height: 220px;
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    -ms-perspective: 1000;
    margin-bottom: 15px;
  }
  /* line 78, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  /* line 86, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  }
  /* line 100, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white;
    color: #000000;
  }
  /* line 112, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front .fa {
    font-size: 70px;
    color: white !important;
  }
  /* line 116, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front .fas {
    font-size: 70px;
    color: white !important;
  }
  /* line 120, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front .fal {
    font-size: 70px;
    color: white !important;
  }
  /* line 124, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front .fad {
    font-size: 70px;
    color: white !important;
  }
  /* line 128, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-front h1 {
    font-size: 18px;
    color: #000000 !important;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: -8px;
    line-height: 24px;
    text-align: center;
  }
  /* line 138, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #b91119;
    color: white;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  /* line 154, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-back p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 30px;
  }
  /* line 159, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-back h3 {
    color: #000000;
    font-size: 20px;
    line-height: 20px;
  }
  /* line 164, ../sass/_mediaqueries.scss */
  .topblock .moduletable .flip-card-back .btn-success {
    font-size: 13px;
    margin-top: 4px;
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
  }

  /* line 175, ../sass/_mediaqueries.scss */
  .lead {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  /* line 180, ../sass/_mediaqueries.scss */
  .bottom1 {
    text-align: center;
  }

  /* line 183, ../sass/_mediaqueries.scss */
  .bottom4 {
    text-align: center;
    margin-top: 20px;
  }

  /* line 187, ../sass/_mediaqueries.scss */
  .bottom5 {
    text-align: center;
  }
  /* line 189, ../sass/_mediaqueries.scss */
  .bottom5 img {
    width: 220px;
  }

  /* line 193, ../sass/_mediaqueries.scss */
  section.bottomimage {
    background-image: url(../images/bottom-shape.svg);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    height: 180px;
    z-index: 9999;
    position: relative;
    background-color: #b91119;
  }

  /* line 203, ../sass/_mediaqueries.scss */
  .extracontent {
    padding-top: 40px;
    margin-top: 40px;
  }
  /* line 206, ../sass/_mediaqueries.scss */
  .extracontent .item__svg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 560px;
    margin: 0 auto;
  }

  /* line 215, ../sass/_mediaqueries.scss */
  .item {
    position: relative;
    width: 570px;
    max-width: 100%;
    margin: -115px 0 0 auto;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    grid-column: span 2;
    -webkit-tap-highlight-color: transparent;
  }

  /* line 228, ../sass/_mediaqueries.scss */
  .navbar {
    height: 60px;
  }

  /* line 231, ../sass/_mediaqueries.scss */
  .navbar-collapse {
    margin-top: 15px;
    box-shadow: 0 0px 0px 0px #fff;
  }

  /* line 235, ../sass/_mediaqueries.scss */
  .logo {
    position: fixed;
    z-index: 9999;
    background-color: white;
    text-align: center;
    transition: none;
    margin-top: 0px;
    width: 160px;
  }
  /* line 243, ../sass/_mediaqueries.scss */
  .logo img {
    width: 160px;
  }
  /* line 246, ../sass/_mediaqueries.scss */
  .logo:hover {
    text-align: center;
    transition: none;
  }
  /* line 250, ../sass/_mediaqueries.scss */
  .logo p {
    margin-bottom: 0px;
  }

  /* line 256, ../sass/_mediaqueries.scss */
  #headerimage .moduletable .custom {
    height: 500px;
  }

  /* line 263, ../sass/_mediaqueries.scss */
  #headerimagesmall .moduletable .custom {
    height: 250px;
  }

  /* line 268, ../sass/_mediaqueries.scss */
  .lead {
    margin-top: 0px;
  }
}
@media (min-width: 1200px) {
  /* line 273, ../sass/_mediaqueries.scss */
  .topmenu {
    background-color: white;
    height: 55px;
  }
  /* line 277, ../sass/_mediaqueries.scss */
  .topmenu a:hover {
    text-decoration: none;
    color: #000000;
  }

  /* line 285, ../sass/_mediaqueries.scss */
  #headerimage .moduletable .custom {
    height: 500px;
  }

  /* line 292, ../sass/_mediaqueries.scss */
  #headerimagesmall .moduletable .custom {
    height: 250px;
  }

  /* line 297, ../sass/_mediaqueries.scss */
  .navbar {
    height: 60px;
  }

  /* line 300, ../sass/_mediaqueries.scss */
  .logo {
    position: fixed;
    z-index: 9999;
    background-color: white;
    text-align: center;
    transition: none;
    margin-top: 0px;
    width: 160px;
  }
  /* line 308, ../sass/_mediaqueries.scss */
  .logo img {
    width: 160px;
  }
  /* line 311, ../sass/_mediaqueries.scss */
  .logo:hover {
    text-align: center;
    transition: none;
  }
  /* line 315, ../sass/_mediaqueries.scss */
  .logo p {
    margin-bottom: 0px;
  }

  /* line 319, ../sass/_mediaqueries.scss */
  .topblocks-inner {
    width: 1170px;
  }

  /* line 322, ../sass/_mediaqueries.scss */
  * {
    box-sizing: border-box;
  }
  /* line 324, ../sass/_mediaqueries.scss */
  *::after {
    box-sizing: border-box;
  }
  /* line 327, ../sass/_mediaqueries.scss */
  *::before {
    box-sizing: border-box;
  }

  /* line 331, ../sass/_mediaqueries.scss */
  .hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
  }

  /* line 340, ../sass/_mediaqueries.scss */
  .js .loading::before {
    content: '';
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #efeff2;
  }
  /* line 350, ../sass/_mediaqueries.scss */
  .js .loading::after {
    content: '';
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    pointer-events: none;
    border-radius: 50%;
    background: #dcdcde;
    animation: loaderAnim 0.8s ease-out infinite alternate forwards;
  }
}
@media screen and (max-width: 60em) {
  /* line 369, ../sass/_mediaqueries.scss */
  .item:first-of-type {
    grid-column: span 2;
  }

  /* line 373, ../sass/_mediaqueries.scss */
  .content--grid {
    grid-row-gap: 25vh;
  }
}
@media screen and (max-width: 40em) {
  /* line 378, ../sass/_mediaqueries.scss */
  .codrops-header__title {
    font-size: 1em;
  }

  /* line 381, ../sass/_mediaqueries.scss */
  .content--grid {
    padding: 2vh 8vw;
  }

  /* line 384, ../sass/_mediaqueries.scss */
  .item__number {
    font-size: 0.75em;
  }

  /* line 387, ../sass/_mediaqueries.scss */
  .item__svg {
    min-height: 360px;
  }
}