@charset "UTF-8";
/* Box sizing rules */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'],
ol[role='list'] {
  list-style: none; }

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth; }

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }
body .__page .__header {
  height: 70px;
  width: 100%;
  background: #191f28;
  transition: all .4s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000; }
  body .__page .__header.scrolled {
    height: 55px;
    transition: all .4s; }
  body .__page .__header div.__logo {
    position: absolute;
    left: 48px;
    top: 12px;
    width: 200px;
    height: 40px;
    background: #fff; }
body .__page .__content {
  position: relative;
  top: 110px; }
  body .__page .__content .__content_main {
    min-height: 54vh; }

body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 18px; }

h1.__page_title {
  font-size: 48px;
  line-height: 1.2em;
  margin: 24px auto;
  text-align: center;
  font-weight: 500; }

h3 {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px; }

p {
  color: #7f7f7f; }

.__spacer {
  position: relative;
  height: calc(100vh + 110px); }

.__centered {
  text-align: center; }

a {
  color: green;
  text-decoration: none;
  font-weight: 300; }

.__slide {
  width: 100%;
  position: relative;
  padding: 48px;
  clear: both;
  z-index: 10000;
  overflow: hidden; }
  .__slide.__slide_screenheight {
    position: absolute;
    top: 0;
    height: calc(100vh + 40px);
    left: 0;
    padding-bottom: calc(100vh + 40px); }
  .__slide.__slide_clipped {
    clip-path: polygon(0% 0%, 0% 75%, 50% 100%, 100% 75%, 100% 0%); }
    .__slide.__slide_clipped.__slide_screenheight {
      clip-path: polygon(0% 0%, 0% 96%, 50% 100%, 100% 96%, 100% 0%); }
  .__slide .__block_heading {
    font-size: 48px;
    line-height: 1.2em;
    margin: 24px auto;
    text-align: center;
    font-weight: 500; }

.__content_area {
  width: 100%;
  margin: 0 auto; }
  .__content_area.__content_area_1200 {
    max-width: 1200px; }
  .__content_area.__content_area_1000 {
    max-width: 1000px; }
  .__content_area.__content_area_800 {
    max-width: 800px; }
  .__content_area.__content_area_600 {
    max-width: 670px; }
  .__content_area.__content_area_500 {
    max-width: 500px; }
  .__content_area.__content_area_400 {
    max-width: 400px; }

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal; }

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal; }

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal; }

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal; }

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal; }

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal; }

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal; }

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal; }

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic; }

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic; }

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic; }

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic; }

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic; }

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic; }

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic; }

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic; }

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic; }

.btn {
  color: #fff;
  border: solid #00c70d 3px;
  border-color: #00c70d;
  background-color: #00c70d;
  padding: 20px 30px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 20px 30px;
  margin-bottom: 4px;
  line-height: 1;
  display: inline-block;
  letter-spacing: .2em;
  text-indent: 0.2em;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  transition: all .5s;
  text-decoration: none; }
  .btn a {
    text-decoration: none;
    color: #fff;
    transition: all .5s;
    font-size: 12px;
    font-weight: bold; }
    .btn a:hover {
      color: #333;
      transition: all .5s; }
  .btn:hover {
    background-color: #fff;
    transition: all .5s;
    color: #333; }
  .btn.btn_big {
    padding: 30px 70px; }

.__column_wrapper .__column {
  float: left; }
.__column_wrapper.__column_wrapper_3_columns .__column {
  width: 30%;
  margin: 0 1.5%; }

table.__table_overview_block {
  width: 86%;
  margin: 0 auto;
  border-spacing: 6px 0; }
  table.__table_overview_block tr {
    border-bottom: 1px dotted #ccc; }
    table.__table_overview_block tr.__row_spacer td {
      height: 10px;
      line-height: 0px;
      padding: 0; }
    table.__table_overview_block tr.__extra_height {
      height: 36px; }
      table.__table_overview_block tr.__extra_height td {
        text-align: center;
        background: #fff;
        border-width: 0; }
    table.__table_overview_block tr.__firstrow {
      background: #f1f1f1;
      height: 80px; }
      table.__table_overview_block tr.__firstrow td {
        text-align: center;
        border-width: 0; }
        table.__table_overview_block tr.__firstrow td:first-of-type {
          background: #fff; }
      table.__table_overview_block tr.__firstrow div.__package_name {
        font-size: 20px;
        text-transform: uppercase;
        padding: 10px 0 18px 0;
        font-weight: bold; }
      table.__table_overview_block tr.__firstrow div.__package_price {
        font-size: 32px;
        line-height: 40px;
        padding: 16px 0 4px 0;
        border: 1px solid #aaa;
        border-width: 1px 0 0 0;
        margin-bottom: 12px; }
        table.__table_overview_block tr.__firstrow div.__package_price span.__supersmall {
          font-size: 12px; }
    table.__table_overview_block tr.__bottom_padding {
      height: 30px; }
      table.__table_overview_block tr.__bottom_padding td {
        border-bottom-width: 0;
        background: #fff; }
    table.__table_overview_block tr td {
      position: relative;
      border-bottom: 1px dotted #ddd;
      margin: 0;
      padding: 5px 32px; }
      table.__table_overview_block tr td, table.__table_overview_block tr td span {
        font-size: 16px;
        font-family: arial, verdana, sans-serif;
        background: #fafafa; }
      table.__table_overview_block tr td:nth-of-type(1) {
        width: 40%;
        border-left-width: 0;
        font-weight: bold; }
      table.__table_overview_block tr td:nth-of-type(2), table.__table_overview_block tr td:nth-of-type(3), table.__table_overview_block tr td:nth-of-type(4) {
        width: calc(60% / 3);
        text-align: center; }
        table.__table_overview_block tr td:nth-of-type(2) .__plus, table.__table_overview_block tr td:nth-of-type(3) .__plus, table.__table_overview_block tr td:nth-of-type(4) .__plus {
          font-size: 24px;
          font-width: bold; }
      table.__table_overview_block tr td:nth-of-type(3) {
        background: #f3fff3;
        position: relative; }
      table.__table_overview_block tr td:nth-of-type(4) {
        border-right-width: 0; }
      table.__table_overview_block tr td.__meest_gekozen_label {
        background: #009800;
        background: #009dcc;
        border-radius: 3px 3px 0px 0px;
        color: #fff;
        font-weight: bold; }

td {
  height: 50px; }

.__table_overview_block__extra {
  width: 86%;
  margin: 0 auto 48px auto; }

.__main_menu__header {
  position: absolute;
  right: 48px;
  top: -22px; }
  .__main_menu__header .__main_menu ul {
    list-style-image: none;
    list-style-type: none; }
    .__main_menu__header .__main_menu ul li.__menu_item {
      list-style-type: none;
      list-style-image: none;
      float: left;
      margin: 24px;
      text-transform: uppercase;
      font-weight: 600; }
      .__main_menu__header .__main_menu ul li.__menu_item:after {
        content: "•";
        color: #fff;
        position: relative;
        left: 24px; }
      .__main_menu__header .__main_menu ul li.__menu_item a {
        color: #fff;
        text-decoration: none;
        transition: all .3s;
        font-weight: 600;
        font-size: 12px; }
        .__main_menu__header .__main_menu ul li.__menu_item a:hover {
          color: green;
          transition: all .3s; }
    .__main_menu__header .__main_menu ul li.__menu_item:last-of-type:after {
      content: ""; }

.footer {
  width: 100%; }
  .footer .footer_top {
    height: 300px;
    background-color: #191f28;
    clip-path: polygon(50% 16%, 100% 0%, 100% 100%, 0% 100%, 0% 1%);
    padding: 120px 0;
    font-size: 44px;
    color: #fff;
    font-weight: 200;
    text-align: center; }
    .footer .footer_top .social-container {
      margin-top: -16px; }
      .footer .footer_top .social-container ul, .footer .footer_top .social-container li {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0; }
      .footer .footer_top .social-container ul {
        text-align: center; }
        .footer .footer_top .social-container ul li {
          display: inline-block;
          margin: 0 0px; }
      .footer .footer_top .social-container .fa {
        font-size: 24px;
        color: #fff; }
        .footer .footer_top .social-container .fa:hover {
          color: #00c70d;
          transition: all .4s; }
  .footer .footer_bottom {
    height: 105px;
    background: #00c70d;
    padding: 24px 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    text-transform: uppercase; }
    .footer .footer_bottom a {
      color: #fff; }

.__info {
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  opacity: .3;
  transition: all .3s; }
  .__info img {
    width: 16px;
    height: auto; }
  .__info:hover {
    opacity: 1;
    transition: all .3s; }

.__popinfo {
  display: none;
  width: 300px;
  min-height: 100px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 16px;
  padding-top: 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3); }

body.front .__popinfo {
  display: none;
  width: 300px;
  min-height: 100px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 16px;
  padding-top: 24px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.3); }

.__popinfo .__popinfo_title {
  position: relative;
  top: -23px;
  left: -16px;
  width: 100%;
  font-weight: bold;
  background: #fff;
  min-width: 30px;
  padding: 10px 18px;
  margin-bottom: -40px; }
.__popinfo .__popinfo_content {
  margin-top: 14px; }
.__popinfo .__popinfo_close {
  position: absolute;
  top: 0px;
  right: 5px;
  font-weight: bold;
  opacity: .5;
  transition: all .3s;
  cursor: pointer;
  padding: 8px;
  color: red; }
  .__popinfo .__popinfo_close:hover {
    transform: scale(1.2);
    transition: all .3s; }

body.front .__content {
  top: 70px; }
  body.front .__content .__content_main .__front_slide_1 {
    background: linear-gradient(rgba(26, 40, 45, 0.7), rgba(26, 40, 45, 0.7)), url(../img/img_127.webp); }
    body.front .__content .__content_main .__front_slide_1 .__content_area {
      padding-top: 10vh;
      color: #fff;
      text-align: center; }
      body.front .__content .__content_main .__front_slide_1 .__content_area .company_name {
        font-size: 200px;
        font-weight: 600;
        line-height: 220px; }
        body.front .__content .__content_main .__front_slide_1 .__content_area .company_name span {
          font-size: 100px;
          display: block;
          font-size: 80px;
          line-height: 80px;
          font-weight: 600; }
      body.front .__content .__content_main .__front_slide_1 .__content_area .tag_line {
        font-size: 50px;
        line-height: 50px;
        font-weight: 200; }
      body.front .__content .__content_main .__front_slide_1 .__content_area .btn {
        margin-top: 70px; }
  body.front .__content .__content_main .__front_slide_2 {
    background: #fff; }
    body.front .__content .__content_main .__front_slide_2 p {
      font-size: 16px; }
  body.front .__content .__content_main .__front_slide_3 {
    margin-top: 90px;
    padding-bottom: 100px; }
    body.front .__content .__content_main .__front_slide_3 .__content_area_1200 {
      max-width: 1300px; }
    body.front .__content .__content_main .__front_slide_3 .__column h3 {
      font-size: 28px;
      margin-bottom: 28px; }
    body.front .__content .__content_main .__front_slide_3 .__column .__column_img {
      margin-bottom: 24px; }
      body.front .__content .__content_main .__front_slide_3 .__column .__column_img img {
        display: block;
        margin: 0 auto; }
  body.front .__content .__content_main .__front_slide_4 {
    background: #1f2732; }
  body.front .__content .__content_main .__button_wrapper {
    text-align: center;
    margin-top: 50px; }
  body.front .__content .__content_main .__front_slide_6 .__front_cta_block {
    min-height: 500px;
    width: 100%;
    position: relative;
    -webkit-clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
    clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0 10%);
    background-image: url(../img/breadcrumbs.jpg);
    margin-bottom: -120px;
    padding: 100px 0 60px 0; }
    body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk {
      font-size: 60px;
      padding-bottom: 120px;
      margin: 0 auto;
      width: 1120px; }
      body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper {
        overflow: hidden;
        float: left;
        height: 230px;
        cursor: pointer; }
        body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper:nth-of-type(1) {
          color: #ff497c; }
        body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper:nth-of-type(2) {
          color: #00bea3; }
        body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper:nth-of-type(3) {
          color: #f1894c; }
        body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper:hover {
          transform: scale(1.1);
          transition: all .4s; }
        body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper div.item {
          background: #eee;
          border-radius: 50%;
          padding: 40px;
          width: calc((1120px / 3) / 6);
          height: calc((1120px / 3) / 6);
          box-sizing: content-box;
          position: relative;
          margin-left: 110px;
          margin-right: 110px;
          transition: all .4s; }
          body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper div.item i {
            border-radius: 50%;
            padding: 10px;
            position: relative;
            top: -14px;
            left: -10px; }
          body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper div.item h3 {
            font-size: 24px;
            line-height: 36px;
            margin-top: 32px;
            margin-left: -84px;
            margin-right: -84px;
            font-weight: 400;
            text-align: center; }
          body.front .__content .__content_main .__front_slide_6 .__front_cta_block .__letstalk div.__item_wrapper div.item .__item_content {
            padding: 0;
            margin: 0 auto;
            text-align: center !important;
            font-size: 16px;
            color: #333;
            margin: 0 -90px; }

/*# sourceMappingURL=style.css.map */