/* compiled by scssphp v0.6.3 on Thu, 30 Mar 2023 15:46:22 +0200 (0.2751s) */

@font-face {
  font-display: swap;
  font-family: GoodDogNew;
  src: local(GoodDogNew), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff2") format('woff2'), url("../draadcore-child/fonts/GoodDog/GoodDogNew.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Black.woff") format('woff');
  font-weight: 900;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Arboria;
  src: local(Arboria), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff2") format('woff2'), url("../draadcore-child/fonts/Arboria/Arboria-Book.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/MundialDemibold.woff") format('woff');
  font-weight: 700;
  font-style: bold;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: Mundial;
  src: local(Mundial), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff2") format('woff2'), url("../draadcore-child/fonts/Mundial/Mundial-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
/* line 4, sass/timeline.scss */
/* line 5, sass/timeline.scss */
/* line 6, sass/timeline.scss */
html #root #wrap_all .section.timeline .container {
  min-width: 100%;
  max-width: 100%;
  position: relative;
  padding: 0;
}
/* line 12, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .column.full {
  margin: 0;
  background: #f1f1f1;
  min-width: 100%;
  max-width: 100%;
}
/* line 18, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .column.full .heading {
  max-width: 1140px;
  margin: auto;
  padding: 40px 0;
}
/* line 23, sass/timeline.scss */
@media only screen and (max-width: 850px) {
  html #root #wrap_all .section.timeline .container .column.full .heading h2 {
    text-align: center;
  }
}
/* line 30, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider-wrapper:after {
  content: '';
  border: 1px solid #d9e0e6;
  width: 100%;
  position: absolute;
  display: block;
  bottom: 90px;
  left: 0;
}
/* line 40, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider-wrapper {
  margin: auto;
  width: 100%;
  padding-left: calc((100vw - 1140px) / 2);
}
/* line 46, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider-viewport {
  width: 100%;
}
/* line 50, sass/timeline.scss */
html #root #wrap_all .section.timeline .container .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
/* line 55, sass/timeline.scss */
html #root #wrap_all .section.timeline .container [aria-hidden='true'] {
  display: block;
}
/* line 59, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  padding: 0;
  overflow: hidden;
}
/* line 64, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  margin: 0;
  min-width: 440px !important;
  max-width: 440px !important;
  min-height: 540px !important;
  margin-bottom: 100px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
/* line 75, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .slide:after {
  content: '';
  border: 1px solid #d9e0e6;
  height: 100%;
  max-height: 30px;
  position: absolute;
  display: block;
  z-index: -1;
  left: 50%;
  bottom: -8px;
}
@media only screen and (max-width: 1450px) {
  html #root #wrap_all .section.timeline .slider .slide {
    min-width: 33.333% !important;
    max-width: 33.333% !important;
  }
}
@media only screen and (max-width: 71.1875rem) {
  html #root #wrap_all .section.timeline .slider .slide {
    min-width: 50% !important;
    max-width: 50% !important;
  }
}
@media only screen and (max-width: 800px) {
  html #root #wrap_all .section.timeline .slider .slide {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
/* line 103, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  min-height: 100%;
  max-height: 100%;
}
/* line 107, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.full .content {
  width: 100%;
  position: relative;
  margin: 0;
  background: white;
  padding: 20px;
  z-index: 1;
}
/* line 115, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.full:after {
  content: '';
  width: 160px;
  height: 160px;
  position: absolute;
  left: -20px;
  top: -20px;
  background: rgba(253, 198, 14, 1);
}
/* line 125, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .label {
  font-size: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 129, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .label .icon {
  margin-right: 20px;
  margin-left: 0;
}
/* line 135, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  height: calc(100% - 60px);
}
/* line 142, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider p {
  font-size: 16px;
}
/* line 146, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider p:last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  margin: 0;
  position: relative;
  overflow: hidden;
}
/* line 153, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half {
  -webkit-perspective: 600px;
  perspective: 600px;
}
/* line 158, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 163, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child div:first-child {
  font-family: Merriweather;
  font-size: 20px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  color: #000;
}
/* line 174, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child div:nth-child(2) {
  font-family: Merriweather;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #fff;
}
/* line 185, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child .content {
  margin-top: 40px;
}
/* line 189, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider .column.one-half:last-child p {
  font-family: MyriadPro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #fff;
}
/* line 201, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-controls {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  position: absolute;
  top: -13%;
  right: 10%;
  z-index: 3;
}
@media only screen and (max-width: 850px) {
  html #root #wrap_all .section.timeline .slider-controls {
    top: initial;
    bottom: -10px;
    right: calc(50% - 140px);
  }
}
/* line 216, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-button {
  position: relative;
  border: none;
  cursor: pointer;
  z-index: 3;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  margin: 10px;
}
/* line 225, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-button:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  right: 0;
  height: 24px;
  width: 24px;
}
/* line 236, sass/timeline.scss */
html #root #wrap_all .section.timeline .next-button {
  background: #05b285;
}
/* line 239, sass/timeline.scss */
html #root #wrap_all .section.timeline .prev-button {
  background: white;
}
/* line 242, sass/timeline.scss */
html #root #wrap_all .section.timeline .next-button:after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-alt-right' class='svg-inline--fa fa-long-arrow-alt-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='white' d='M340.485 366l99.03-99.029c4.686-4.686 4.686-12.284 0-16.971l-99.03-99.029c-7.56-7.56-20.485-2.206-20.485 8.485v71.03H12c-6.627 0-12 5.373-12 12v32c0 6.627 5.373 12 12 12h308v71.03c0 10.689 12.926 16.043 20.485 8.484z'%3E%3C/path%3E%3C/svg%3E");
}
/* line 245, sass/timeline.scss */
html #root #wrap_all .section.timeline .prev-button:after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='long-arrow-alt-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-long-arrow-alt-left fa-w-14 fa-9x'%3E%3Cpath fill='%2305b285' d='M107.515 150.971L8.485 250c-4.686 4.686-4.686 12.284 0 16.971L107.515 366c7.56 7.56 20.485 2.206 20.485-8.485v-71.03h308c6.627 0 12-5.373 12-12v-32c0-6.627-5.373-12-12-12H128v-71.03c0-10.69-12.926-16.044-20.485-8.484z' class=''%3E%3C/path%3E%3C/svg%3E");
}
/* line 248, sass/timeline.scss */
html #root #wrap_all .section.timeline .slider-pager {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  width: 100%;
}
/* line 255, sass/timeline.scss */
html #root #wrap_all .section.timeline .pager {
  text-indent: -9000px;
  text-transform: capitalize;
  margin: 20px;
  border: none;
  height: 5px;
  width: 5%;
  background: #eee;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
/* line 266, sass/timeline.scss */
html #root #wrap_all .section.timeline .active {
  background: #9a1359;
  width: 2.5%;
}