/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */
 body{
    overflow-x: hidden;
  }
  strong {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  p {
    line-height: 1.6;
  }
  section {
    position: relative;
  }
  .white{
    color: white;
  }
  .blue{
    color: rgb(53,68,90);
  }
  .orange{
    color: #ec8022;
  }
  .green{
    color: #608b74;
  }
  figure {
      margin: 0;
  }
  .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .row::after, .row::before{
    display: block !important;
  }
  .container-fluid {
      margin-right: auto !important;
      margin-left: auto !important;
      padding-right: 15px;
      padding-left: 15px;
  }
  
  @font-face {font-family: "fontawesome-webfont"; 
    src: url("https://www.hupra.nl/hubfs/fontawesome/fa-solid-900.woff2") format("woff2");
    font-display: swap;

  }
  .fa {
    font-family: 'fontawesome-webfont'!important;
  }
  @media (max-width: 767px) {
    [class*="col-"] {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .row{
      margin-left: -15px !important;
      margin-right: -15px !important;
    }
  }
  @font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal; }
  
  :root {
    --swiper-theme-color:#007aff; }
  
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1; }
  
  .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column; }
  
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box; }
  
  .swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0); }
  
  .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap; }
  
  .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column; }
  
  .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto; }
  
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform; }
  
  .swiper-slide-invisible-blank {
    visibility: hidden; }
  
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto; }
  
  .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height; }
  
  .swiper-container-3d {
    perspective: 1200px; }
  
  .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d; }
  
  .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  
  .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; }
  
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }
  
  .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start; }
  
  .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory; }
  
  .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory; }
  
  :root {
    --swiper-navigation-size:44px; }
  
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
  
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none; }
  
  .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1; }
  
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto; }
  
  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'; }
  
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto; }
  
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'; }
  
  .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color:#ffffff; }
  
  .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color:#000000; }
  
  .swiper-button-lock {
    display: none; }
  
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10; }
  
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0; }
  
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%; }
  
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0; }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative; }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1); }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1); }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66); }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33); }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66); }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33); }
  
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2; }
  
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer; }
  
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
  
  .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0); }
  
  .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block; }
  
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px; }
  
  .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top; }
  
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px; }
  
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; }
  
  .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left; }
  
  .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right; }
  
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute; }
  
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top; }
  
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top; }
  
  .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0; }
  
  .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0; }
  
  .swiper-pagination-white {
    --swiper-pagination-color:#ffffff; }
  
  .swiper-pagination-black {
    --swiper-pagination-color:#000000; }
  
  .swiper-pagination-lock {
    display: none; }
  
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1); }
  
  .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%; }
  
  .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%; }
  
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0; }
  
  .swiper-scrollbar-cursor-drag {
    cursor: move; }
  
  .swiper-scrollbar-lock {
    display: none; }
  
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  
  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; }
  
  .swiper-slide-zoomed {
    cursor: move; }
  
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent; }
  
  .swiper-lazy-preloader-white {
    --swiper-preloader-color:#fff; }
  
  .swiper-lazy-preloader-black {
    --swiper-preloader-color:#000; }
  
  @keyframes swiper-preloader-spin {
    100% {
      transform: rotate(360deg); } }
  
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000; }
  
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out; }
  
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity; }
  
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none; }
  
  .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  
  .swiper-container-cube {
    overflow: visible; }
  
  .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%; }
  
  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none; }
  
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0; }
  
  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  
  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible; }
  
  .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0; }
  
  .swiper-container-flip {
    overflow: visible; }
  
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1; }
  
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none; }
  
  .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto; }
  
  .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  
  @font-face {
    font-family: 'InterstateMono';
    src: url("../fonts/InterstateRegular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/InterstateRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/InterstateMono.woff") format("woff"), url("../fonts/InterstateRegular.woff2") format("woff2"), url("../fonts/InterstateMono.ttf") format("truetype"); 
   font-display: swap;
  }
  
  @font-face {
    font-family: 'InterstateMono-Bold';
    src: url("../fonts/InterstateBold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/InterstateBold.eot?#iefix") format("embedded-opentype"), url("../fonts/InterstateBold.woff") format("woff"), url("../fonts/InterstateBold.woff2") format("woff2"), url("../fonts/InterstateBold.ttf") format("truetype"); 
   font-display: swap; }
  
  @font-face {
    font-family: 'InterstateMono-Lgt';
    src: url("../fonts/InterstateLight.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/InterstateLight.eot?#iefix") format("embedded-opentype"), url("//www.hupra.nl/hubfs/raw_assets/public/one4/fonts/InterstateLight.woff") format("woff"), url("//www.hupra.nl/hubfs/raw_assets/public/one4/fonts/InterstateLight.woff2") format("woff2"), url("../fonts/InterstateMono.ttf") format("truetype");
   font-display: swap; }
  
  @font-face {
    font-family: 'InterstateCondBlack';
    src: url("../fonts/interstatecondblack-webfont.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/interstatecondblack-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/interstatecondblack-webfont.woff") format("woff"), url("../fonts/interstatecondblack-webfont.woff2") format("woff2"), url("../fonts/interstatecondblack-webfont.ttf") format("truetype");
   font-display: swap;
  }
  
  @media (max-width: 992px) {
    .hide-m {
      display: none; } }
  
  body {
      letter-spacing: -.015em;
    font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    color: #34435a;
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0; }
  
  .body-overlay {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    z-index: 10;
    opacity: .4; }
  
  .body-container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto; }
  
  h1 {
    color: #ED8022;
    font-size: 30px;
    font-family: 'InterstateMono-Bold', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    font-weight: normal;
    margin: 50px 0 50px 0;
    text-align: center;
    line-height: 1.1; }
  
  h2 {
    font-family: 'InterstateMono', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    font-size: 44px;
    line-height: 1.1;
    font-weight: 500;
    color: #ED8022; }
  
  .h4, .h5, .h6, h4, h5, h6 {
    font-family: 'InterstateMono', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500; }
  
  h3 {
    font-size: 28px; }
  
  h4 {
    font-size: 19px;
    color: #ED8022;
    line-height: 20.9px; }
  
  h5 {
    font-size: 14px;
    line-height: 15.4px; }
  
  h6 {
    font-size: 12px; }
  
  li {
    font-size: 19px;
    line-height: 30px; }
  
  a {
    color: #ED8022;
    text-decoration: none; }
  
  a:hover,
  a:active,
  a:visited,
  a:focus {
    text-decoration: none; }
  
  blockquote,
  p {
    font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    font-size: 19px;
    margin-top: 20px; }
  
  img {
    vertical-align: middle;
    border: 0; }
  
  .text-center {
    text-align: center; }
  
  .no-padding {
    padding: 0; }
  
  .no-margin {
    margin: 0; }
  
  .margin-top-20 {
    margin-top: 1.0em; }
  
  .margin-top-50 {
    margin-top: 3.0em; }
  
  @media (min-width: 576px) {
    h1 {
      font-size: 40px; }
    h2 {
      line-height: 55px; } }
  
  @media (min-width: 768px) {
    h1 {
      font-size: 50px; }
    h2 {
      font-size: 40px; }
    .body-container {
      padding-right: 15px;
      padding-left: 15px; } }
  
  .ctabutton {
    display: inline-block;
    padding: 7px 20px;
    margin: 0 0 5px;
    font-size: 20px;
    font-family: 'InterstateMono', 'Helvetica Neue', 'Helvetica', 'sans-serif';
    color: #fff;
    border: 2px solid transparent;
    white-space: normal;
    border-radius: 5px; }
    .ctabutton__oilgreen {
      background-color: #608C73;
      border-color: #608C73; }
      .ctabutton__oilgreen:hover {
        background-color: #fff;
        color: #608C73; }
    .ctabutton__orange {
      background-color: #ED8022;
      border-color: #ED8022; }
      .ctabutton__orange:hover {
        background-color: #fff;
        color: #ED8022; }
  .numbers__link a.cta_button,
  .vacature-body__btn a,
  .blog__post a.cta_button,
  a.cta_button{
    color: #fff;
      background-color: #ed8022;
      border-color: #ed8022;
      display: inline-block;
      font-weight: bold;
      margin: 30px auto -10px;
      border-radius: 30px;
      font-size: 16px;
      padding: 12px 35px;
    text-decoration: none;
    font-family: InterstateMono-Lgt;
  }
  .blog__post a.cta_button {
    background-color: #fff; 
  }
  .blog__post a.cta_button:hover {
    background-color: #fff;  
  }
  a.cta_button:hover { 
    background-color: #34435a;
    color: white;
    border-color: #34435a;
  }
  .text-center {
    text-align: center; }
  
  .no-padding {
    padding: 0; }
  
  .no-margin {
    margin: 0; }
  
  .margin-top-20 {
    margin-top: 1.0em; }
  
  .margin-top-50 {
    margin-top: 3.0em; }
  
  .white {
    color: #fff; }
  
  .blue {
    color: #34435A; }
  
  .orange {
    color: #ED8022!important; }
  .blue {
    color: #34435a!important; }
  .orange-border {
      border: 3px solid #ED8022;
  }
  
  
  
  .orange-bg {
    background-color: #ED8022;
    border-color: #ED8022; }
  
  header {
    overflow-x: hidden; }
  
  .header2020 {
    font-family: 'InterstateMono-Lgt';
    margin: 0 -15px;
    position: relative;
    z-index: 11;
    background: white; }
  .header2020 i.fa.fa-phone {
      -moz-transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1);
      -o-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
      transform: scale(-1, 1);
  }
    .header2020 hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .header2020__menu-bottom {
      display: none; }
    .header2020__top {
      background-color: #34435a;
      color: #fff; }
    .header2020__toplinks ul {
      list-style: none;
      text-align: center;
      padding: 10px 20px 0 0; }
      .header2020__toplinks ul li {
        display: inline-block;
        margin-left: 20px;
        font-size: 14px; }
        .header2020__toplinks ul li a {
          color: #fff; }
          .header2020__toplinks ul li a:hover {
            text-decoration: none;
            color: #ED8022; }
          .header2020__toplinks ul li a i {
            margin-right: 5px; }
        .header2020__toplinks ul li:last-child {
          display: none; }
    .header2020__phoneicon {
      transform: scaleX(-1); }
    .header2020__logo {
      padding-left: 30px; }
  @media (max-width:768px) and (min-width:576px) {
      .header2020__logo {
        padding-left: 0px !important; 
      }
  }
      .header2020__logo img {
        vertical-align: middle;
        width: 180px; }
    .header2020__menuitems {
      margin-top: -15px;
      display: none; }
      .header2020__menuitems ul {
        list-style: none;
        float: right; }
        .header2020__menuitems ul li {
          display: inline-block;
          font-size: 20px;
          font-weight: 700;
          margin-left: 80px;
          cursor: pointer; }
          .header2020__menuitems ul li a {
            color: #34435a; }
            .header2020__menuitems ul li a:active {
              color: #ED8022; }
    .header2020__submenu {
      display: none; }
    .header2020__menu {
      position: relative;
      margin: 10px auto 20px; }
    .header2020__logo {
      text-align: left; }
      .header2020__logo img {
        vertical-align: middle;
        width: 180px; }
    .header2020__contact {
      background: #ED8022;
      padding: 7px 20px 5px; }
      .header2020__contact a {
        color: #fff !important; }
        .header2020__contact a:hover {
          text-decoration: none; }
    .header2020__menuicon {
      display: block;
      position: absolute;
      top: 6px;
      right: 30px;
      cursor: pointer; }
      .header2020__menuicon .bar {
        height: 3px;
        width: 30px;
        margin: 6px 0;
        display: block;
        background-color: #ED8022;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .header2020__menuicon.open .bars .bar:first-child {
        opacity: 0; }
      .header2020__menuicon.open .bars .bar:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .header2020__menuicon.open .bars .bar:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -9px; }
    .header2020__sub {
      border-bottom: 1px solid #eae7e7;
      padding-bottom: 20px; }
      .header2020__sub.open {
        display: block; }
      .header2020__sub ul {
        list-style: none;
        padding-bottom: 15px; }
        .header2020__sub ul li a {
          color: #34435a;
          font-size: 20px;
          font-weight: 700; }
          .header2020__sub ul li a i {
            color: #ED8022;
            font-size: 30px;
            margin-right: 10px; }
        .header2020__sub ul li ul li {
          margin: 2px 0 8px 0;
          position: relative; }
          .header2020__sub ul li ul li a {
            color: #2E3A4C !important;
            font-size: 14px;
            font-weight: 400; }
          .header2020__sub ul li ul li::before {
            content: '';
            width: 30px;
            height: 30px;
            position: absolute;
            background-image: url(https://www.hupra.nl/hubfs/images/menu/icoon_grijs.svg);
            background-size: cover;
            background-position: center;
            left: -35px;
            top: 50%;
            transform: translateY(-50%); }
    .header2020__box {
      text-align: center; }
      .header2020__box p {
        font-size: 15px;
        margin: 20px 0 10px 0; }
    .header2020__boxtitle {
      font-size: 23px;
      font-weight: 700; }
    .header2020__boxtext {
      color: #ED8022;
      font-size: 23px;
      font-weight: 700;
      display: block; }
      .header2020__boxtext:hover {
        color: #ED8022;
        text-decoration: none; }
    .header2020__boxbutton {
      background: #2E3A4C;
      padding: 13px 20px 10px;
      margin-top: 25px;
      color: #fff;
      display: inline-block;
      border-radius: 5px; }
      .header2020__boxbutton--orange {
        display: none; }
    .header2020__menufooter {
      text-align: center;
      color: #34435a !important; }
      .header2020__menufooter a {
        color: #ED8022; }
        .header2020__menufooter a:hover {
          color: #ED8022;
          text-decoration: none; }
    .header2020__submenureviews {
      padding-top: 20px; }
    .header2020__klantenvertellen {
      display: inline-block;
      margin-bottom: 20px; }
    .header2020__menufootertext {
      margin-bottom: 20px; }
    .header2020__bottomlogo {
      display: none; }
    .header2020__items ul {
      list-style: none; }
      .header2020__items ul li {
        margin-bottom: 8px; }
        .header2020__items ul li span {
          color: #2E3A4C;
          font-size: 20px; }
    .header2020__mobilemenu {
      padding: 10px 15px 0 15px;
      display: none;
      border-top: 1px solid #e8e8e8;
    }
    .header2020__mobile-items .header2020__sub {
      padding-bottom: 10px;
      border: none; }
    .header2020__mobile-items ul {
      list-style: none;
      padding-left: 0; }
      .header2020__mobile-items ul li {
        position: relative; }
    .header2020__mobile-items .header2020__btn-orange {
      margin-top: 10px; }
    .header2020__arrow {
      position: absolute;
      right: 0;
      top: 0; }
      .header2020__arrow i {
        color: #ED8022; }
    .header2020__mobile-sub {
      display: none; }
      .header2020__mobile-sub .hs-menu-depth-1 {
        padding: 15px 15px 0 0; }
        .header2020__mobile-sub .hs-menu-depth-1 ul {
          padding-left: 40px;
          margin-top: 10px; }
    .header2020__btn-orange a {
      background: #ED8022;
      padding: 7px 20px 3px;
      color: #fff;
      display: inline-block; }
    .header2020__rotate {
      transform: rotate(90deg); }
    .header2020__box-title {
      color: #2e3a4c;
      font-size: 23px;
      font-weight: bold; }
    .header2020__box p {
      font-size: 15px;
      margin: 20px 0 10px 0; }
    .header2020__box .menu-button {
      background: #2e3a4c;
      padding: 10px 20px;
      margin-top: 25px;
      color: #fff;
      display: inline-block;
      border-radius: 5px;
      font-size: 14px; }
    .header2020__box-subtitle,
    .header2020__box a {
      color: #ED8022;
      font-size: 23px;
      font-weight: bold;
      display: block; }
    .header2020__mobilemenu-footer {
      font-size: 14px;
      text-align: center; }
      .header2020__mobilemenu-footer a {
        color: #ED8022; }
  @media (max-width: 575px ){
      .header2020__logo {
          width: calc(100% - 60px);
          text-align:center;
      }
  }
  @media (max-width: 991px ){
      .header2020 {
          border-bottom: 5px solid #34435a;
          padding-bottom: 0px;
      }
      .header2020__mobilemenu {
          padding-bottom: 20px;
      }
      .header2020__menu {
          margin: 15px auto 5px;
      }
  }
  @media (max-width: 1199px ){
    .header2020__menu-bottom {
              margin-top: 15px!important;
          }
  }
  @media (min-width: 1200px) {
  
    .header2020__reviews {
      padding-top: 0px; }
    .header2020__toplinks {
      padding-right: 15px; }
    .header2020__toplinks ul {
     text-align: right; 
    }
      .header2020__toplinks ul li:last-child {
        display: inline-block; }
    .header2020__mobile-sub .hs-menu-depth-1 {
      width: 48%;
      display: inline-block; }
    .header2020__mobile-items ul {
      padding: 0; } }
  
  @media (min-width: 768px) {
    .header2020__logo {
      padding-left: 30px; } }
  
  @media (min-width: 992px) {
    .header2020__menu-bottom {
      background-color: #eae7e7;
      display: block;
      -webkit-box-shadow: 0px -8px 15px -15px #000000; 
  box-shadow: 0px -8px 15px -15px #000000;
      margin-top: -6px; }
      .header2020__menu-bottom .container,
      .header2020__menu-bottom .hs_cos_wrapper {
        display: block;
        width: 100%; }
      .header2020__menu-bottom .row {
        width: 100%; }
      .header2020__menu-bottom ul {
        list-style: none;
        padding-left: 0;
        width: 100%;
        margin: 0;
        text-align: center;
        display: block; }
        .header2020__menu-bottom ul li {
          display: inline-block;
          padding: 15px 0px; }
          .header2020__menu-bottom ul li a {
            padding: 0 30px;
            color: #2e3a4c; }
            .header2020__menu-bottom ul li a:hover {
              color: #ED8022; } }
  
  
  @media (min-width: 1200px) {
    .header2020__sub {
      display: none; }
    .header2020__logo {
      text-align: center;
      padding: 4px 0 0 45px;
      display: inline-block;
      vertical-align: top; }
    .header2020__menu {
      padding: 10px 0;
      max-width: unset;
      margin: 0 auto; }
      .header2020__menu .row {
        display: block;
        width: 100%; }
    .header2020__toplinks {
      padding-right: 0; }
    .header2020__menuitems {
      margin-top: 0px;
      display: inline-block;
      float: right;
      vertical-align: top;
      margin-right: 30px;
      padding: 5px 0; }
      .header2020__menuitems li:hover, .header2020__menuitems li.active {
        color: #ED8022; }
    .header2020__logo {
      text-align: left; }
    .header2020__menuicon {
      position: relative;
      float: right;
      top: 0;
      right: -15px; }
      .header2020__menuicon .bars {
        display: block; }
    .header2020__submenu {
      display: none;
      padding-top: 30px;
      border-top: 1px solid #5d5d5d;
      position: absolute;
      left: 0;
      right: 0;
      z-index: 10;
      background: white;
      min-height: 100vh;
      box-shadow: 4px 3px 5px 0px #0000009e;
      z-index: 200;
      top: 126px; }
      .header2020__submenu .bars {
        display: block; }
        .header2020__submenu .bars .first {
          transform: rotate(-45deg); }
        .header2020__submenu .bars .last {
          transform: rotate(45deg);
          margin-top: -9px; }
    .header2020__sub {
      border-bottom: none; }
      .header2020__sub .hs-menu-item.hs-menu-depth-1.hs-item-has-children {
        display: inline-block;
        width: 49%;
        vertical-align:top;
      }
      .header2020__sub .hs-menu-depth-1 a:hover {
        color: #ED8022;
        text-decoration: none; }
      .header2020__sub .hs-menu-depth-2:hover a {
        color: #ED8022 !important;
        text-decoration: none; }
      .header2020__sub ul {
        list-style: none;
        padding-bottom: 15px; }
        .header2020__sub ul li:hover::before {
          background-image: url(https://www.hupra.nl/hubfs/images/menu/icoon_oranje.svg); }
        .header2020__sub ul li a {
          font-size: 20px;
          font-weight: 700; }
          .header2020__sub ul li a i {
            color: #ED8022;
            font-size: 30px;
            margin-right: 10px; }
        .header2020__sub ul li ul li {
          margin: 2px 0 8px 0;
          position: relative; }
          .header2020__sub ul li ul li a {
            font-size: 16px;
            font-weight: 700; }
      .header2020__sub .hs-menu-children-wrapper {
        padding-top: 20px; }
    .header2020__box {
      background: #efefef;
      padding: 30px;
      text-align: left; }
    .header2020__boxmenu {
      margin: 25px 0px;
      text-align: left;
      padding: 0px 33px; }
    .header2020__boxbutton {
      display: inline-block !important;
      font-size: 15px !important; }
      .header2020__boxbutton span {
        display: inline-block;
        font-size: 22px;
        vertical-align: sub;
        margin-left: 10px; }
      .header2020__boxbutton:hover {
        text-decoration: none;
        color: #fff; }
        .header2020__boxbutton:hover span {
          margin-left: 20px;
          transition: all .5s; }
      .header2020__boxbutton--orange {
        background: #ED8022;
        display: block; }
        .header2020__boxbutton--orange:hover {
          text-decoration: none; }
    .header2020__menufooter {
      text-align: left;
      border-top: 1px solid #2E3A4C;
      margin-top: 20px;
      padding: 20px 0px; }
    .header2020__klantenvertellen {
      display: block; }
    .header2020__bottomlogo {
      display: block;
      margin-top: -40px; }
      .header2020__bottomlogo img {
        width: 50px;
        height: auto;
        float: right; }
    .header2020__items {
      display: none; } }
  
  .footer__media .social-links__icon svg {
      fill: #ed8022;
      transition: all .4s;
  }
  .footer__media .social-links__icon:hover, 
  .footer__media .social-links__icon:focus {
    background-color: transparent;
    color: white;
    border-color: white;
    transition: all .4s;
  }
  .footer__media .social-links__icon:hover svg, 
  .footer__media .social-links__icon:focus svg {
      fill: white;
      transition: all .4s;
  }
  .footer__media .social-links {
    text-align: left;
    display: block;
  }
  .footer__media .social-links__icon {
      background-color: #494a52;
      border-radius: 50%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 40px;
      /* margin: 0 5px; */
      position: relative;
      width: 40px;
      background-color: transparent;
      color: #ed8022;
      font-size: 20px;
      line-height: 23px;
      width: 40px;
      height: 40px;
      margin: 10px 10px 10px 0px;
      position: relative;
      display: inline-block;
      border-radius: 50%;
      border: 1.5px solid #ed8022;
      text-align: center;
  }
  /*   .footer {
    margin-top: 50px; 
  } */

  .footer--landing .footer__bottom {
    min-height: 50px;
  }
  .footer--landing a {
    color: #ed8022;
  }
  .footer__address {
    text-align: center;
    line-height: 1.6;
  }
  .footer__address h2 {
      font-size: 28px;
      margin: 0;
      font-family: 'InterstateMono-Lgt';
      border-bottom: 1px solid #ffffff1a;
      padding-bottom: 10px;
      margin: 0 0 15px;
  }
  .footer__text strong {
      color: #ed8022;
      font-family: 'InterstateMono-Lgt';
      display: block;
      margin-bottom: 5px;
  }
    .footer h3 {
      font-size: 24px;
      border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
      margin: 0 0 15px 0;
      padding-bottom: 5px; }
    .footer p {
      font-size: 14px;
      line-height: 1.5;
      margin: 0; }
      .footer  a {
        color: #ED8022; }
        .footer   a:hover {
          text-decoration: none; }
    .footer blockquote, .footer__blockquote {
      border-top: 0.5px solid rgba(255, 255, 255, 0.15);
      padding-top: 15px; }
    .footer__blockquote a {
      font-size: 13px;
      color: white;
      padding: 0;
      margin: 0;
      font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
      border: none;
      color: #ED8022;
      font-size: 20px; }
    .footer__span span,
    .footer__span a span {
      display: block; }
    .footer__top {
      color: #fff;
      background-color: #2e3a4c;
      padding: 30px 0; }
    .footer__contact {
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 0.5px solid rgba(255, 255, 255, 0.15); }
    .footer__media {
      margin-top: 15px; }
      .footer__media a {
        display: inline-block;
  
        /* padding-top: 8px; */ }
        .footer__media a svg, .footer__media a i {
          color: #ED8022;
          font-size: 20px;
          line-height: 23px; }
        .footer__media a:hover {
          color: white;
          border-color: white; }
          .footer__media a:hover svg,
          .footer__media a:hover i {
            color: white; }
    .footer__googlerating span {
      display: inline; }
    .footer__paragraph {
      margin-top: 15px; }
      .footer__paragraph p {
        border-bottom: 0.5px solid rgba(255, 255, 255, 0.15);
        padding-bottom: 15px; }
    .footer__listcolumns {
      padding-top: 15px;
      justify-content: space-between; }
      .footer__listcolumns ul {
              padding-left: 0;
  }
  /* .footer__paragraph,
  .footer__listcolumns {
    margin-left: -15px;
  } */
  .footer__listcolumns span {
        display: inline-block;
        padding-left: 0;
        width: calc(100% / 3);
        width: calc(100% / 2.1);
        vertical-align: top;
        margin: 0 0 20px; }
        .footer__listcolumns ul li {
          list-style: none;
          font-size: 14px;
          line-height: 1.5;
          font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif'; }
          .footer__listcolumns ul li a {
            color: #fff;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
            padding-bottom: 1px;
            border-bottom: 1px solid transparent;
            margin-bottom: 1px; }
            .footer__listcolumns ul li a:hover {
              border-bottom: 1px solid #ED8022;
              text-decoration: none;
              color: #ED8022; }
    .footer__bottom {
      color: #fff;
      background-color: #5d5d5d;
      padding: 10px 0 15px 0; }
      .footer__bottom ul {
        display: none; }
    .footer .footer__copyright span {
      display: none;
      font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif'; }
  
  @media (min-width: 768px) {
    .footer__paragraph,
  .footer__listcolumns {
    margin-left: 0;
  }
    .footer__googlerating {
      margin-bottom: 20px !important; }
    .footer blockquote,
    .footer__blockquote a {
      margin-top: 34px; }
    .footer__paragraph {
      margin-top: 0; }
    .footer__listcolumns {
      display: flex; }
    .footer__bottomcontent {
      display: flex;
      justify-content: space-between; }
    .footer .footer__copyright {
      line-height: 1.5;
      padding-top: 8px; }
      .footer .footer__copyright span {
        display: inline-block; }
    .footer__bottom ul {
      padding-left: 0;
      margin: 0;
      display: inline-block; }
      .footer__bottom ul li {
        list-style: none;
        display: inline-block;
        margin-left: 30px;
        font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif'; }
        .footer__bottom ul li a {
          color: #fff;
          font-size: 14px;
          font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
          line-height: 1.5;
          transition: all .3s ease;
          -webkit-transition: all .3s ease; }
          .footer__bottom ul li a:hover {
            text-decoration: none;
            color: #ED8022;
            transition: all .3s ease;
            -webkit-transition: all .3s ease; } }
  
  @media (min-width: 992px) {
    .footer__paragraph {
      display: block;
    padding-top: 15px; } }
  
  #blog-sidebar {
    position: relative; }
  .blog-sidebar__top-content img {
   margin-top: 0; 
  }
  .blog-sidebar .hs-error-msg,
  .blog-sidebar .hs-error-msgs li,
  .blog-sidebar .hs-error-msgs,
  .form2021 .hs-error-msg,
  .form2021 .hs-error-msgs li,
  .form2021 .hs-error-msgs {
    color: rgb(53,68,90) !important;
    background: transparent;
    font-size: 12px;
    padding: 5px 5px 2px 0;
    width: 100%;
    display: block;
    line-height: 1; }
  
  .social-links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .social-links__icon {
    background-color: #494A52;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin: 0 5px;
    position: relative;
    width: 40px;
  }
  
  .social-links__icon:hover,
  .social-links__icon:focus {
    background-color: #21222A;
  }
  
  .social-links__icon:active {
    background-color: #71727A;
  }
  
  .social-links__icon svg {
    fill: #FFF;
    height: 15px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
  }
  
  .social-links__icon:hover svg,
  .social-links__icon:focus svg,
  .social-links__icon:active svg {
    fill: #FFF;
  }
  
  .blog {
    margin-bottom: 60px; }
    .blog h1 {
      margin-bottom: 15px; }
    .blog h2 {
      margin: 30px 0 0; }
    .blog h4 {
      line-height: 1.3; }
    .blog p {
      margin-top: 0; }
    .blog img {
      max-width: 100% !important;
      height: auto; }
    .blog h4 span {
      display: inline-block;
      width: 100%;
      text-align: center; }
    .blog h4 img {
      width: 198px;
      margin: 0px 0px 10px 10px; }
    .blog__wrapper {
      padding-left: 20px;
      padding-right: 20px; }
    .blog__post-body {
      margin-top: 40px; }
    .blog__author {
      margin-bottom: 20px;
      padding-bottom: 20px;
      font-size: 18px; }
    .blog__post-image {
      position: relative;
      margin: 0;
      padding: 0; }
      .blog__post-image img {
        max-width: 100%; }
      .blog__post-image::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0px;
        height: 0px;
        border-top: 55px solid #fff;
        border-right: 103px solid transparent;
        clear: both; }
    .blog__post a {
      color: #ED8022; }
    .blog__post a:hover {
      color: #608C73; }
    .blog__post-author {
      font-size: 18px; 
      margin-bottom: 20px;    
  }
      .blog__post-author a {
        color: #34435a; }
    .blog__social-small-size {
      display: block;
      padding-left: 0 !important; }
    .blog__social-large-size {
      display: none; }
    .blog__social {
      border-top: 1px solid #ffffff1a;
      margin-top: 5px;
      padding-top: 8px;
      padding-right: 10px; }
      .blog__social a {
        border-radius: 100%;
        border: 1px solid #ED8022;
        width: 40px;
        height: 40px;
        display: inline-block;
        margin: 10px 10px 10px 0px; }
        .blog__social a i {
          font-size: 22px;
          color: #ED8022;
          width: 10px;
          padding: 8px 10px 10px 9px; }
          .blog__social a i.fa-facebook-f {
            padding-left: 13px; }
          .blog__social a i.fa-twitter {
            padding-left: 8px; }
          .blog__social a i.fa-youtube {
            padding-left: 6px; }
  
  .blog__social svg {
      width: 18px;
      height: auto;
      padding-top: 10px;
      margin-left: 10px;
      vertical-align: top;
      fill: #ed8022;
  }
  
  
    .blog__call img {
      display: block;
      margin: 0 auto 30px; }
  
  .blog-sidebar form .field.hs-form-field {
    display: block; }
  
  
  
  .blog-sidebar__container {
    margin: 20px auto 0;
    height: 100%;
    padding-bottom: 0;
    max-width: 371px;
    overflow: hidden;
    position: relative; }
  
  .blog-sidebar__top-content {
    font-size: 13px;
    padding: 10% 10% 10% 0px;
    overflow: hidden; }
    .blog-sidebar__top-content img {
      margin-top: 0px; }
    .blog-sidebar__top-content ul {
      margin-top: 5px;
      padding-left: 22px; }
      .blog-sidebar__top-content ul li {
        font-size: 14px;
        font-weight: bold;
        list-style: none;
        background-size: 10%;
        padding: 4px 10px 4px 40px;
        position: relative;
        z-index: 1; }
        .blog-sidebar__top-content ul li::before {
          content: '';
          background: url("https://www.hupra.nl/hubfs/raw_assets/public/one4/images/orange-tick.png");
          background-size: 50%;
          background-repeat: no-repeat;
          position: absolute;
          left: 12px;
          top: 13px;
          z-index: 10;
          width: 35px;
          height: 20px;
          display: block; }
  
  .blog-sidebar__image {
    padding: 10px 0 10px !important; }
  
  .blog-sidebar__bottom-content {
    height: 100%;
    color: #fff;
    padding: 20px 20px 50px; }
    .blog-sidebar__bottom-content h4 {
      font-size: 19px;
      font-family: 'InterstateMono'; }
    .blog-sidebar__bottom-content p {
      font-size: 13px; }
    .blog-sidebar__bottom-content a {
      position: absolute;
      left: 20px;
      bottom: 10px;
      font-weight: bold;
      color: #34435A; }
    .blog-sidebar__bottom-content a:hover {
      color: #fff; }
  
  .blog-sidebar__orange-wrap-imagetop {
    background-color: #ED8022;
    background-blend-mode: multiply;
    margin: 0;
    padding: 0; }
    .blog-sidebar__orange-wrap-imagetop img {
      mix-blend-mode: multiply; 
      height: 210px;
      width: 100%;
      object-fit: cover;
  }
  .corner{
    position: relative;
  }
    .blog-sidebar__orange-wrap-imagetop:after,
    .corner::before {
      content: "";
      position: absolute;
      top: -2px;
      left: -2px;
      width: 0px;
      height: 0px;
      border-top: 55px solid #fff;
      border-right: 103px solid transparent;
      clear: both; }
  
  .blog-sidebar--blue .blog-sidebar__orange-wrap-imagetop {
      background-color: rgba(46,58,76,0.7);
      background-blend-mode: multiply;
      margin: 0;
      padding: 0;
  }
  .blog-sidebar--blue .orange-bg {
        background-color: rgb(53,68,90);
  }
  
  .blog-sidebar__form {
    position: sticky;
    top: 35px;
    justify-content: center; }
  
  .blog-sidebar__intro {
    margin-top: -15px;
    margin-bottom: 30px;
    text-align: left;
    padding: 0 5px; }
  .vacature-intro__wrapper ul,
    .blog-sidebar__intro ul {
      padding-left: 30px; }
  .vacature-intro__wrapper ul li,
      .blog-sidebar__intro ul li {
        list-style: none;
        position: relative;
        font-size: 13px; }
  .vacature-intro__wrapper ul li {
        font-size: 15px; }
  .vacature-intro__wrapper ul li:before,
        .blog-sidebar__intro ul li::before {
          background-image: url(https://www.hupra.nl/hubfs/raw_assets/public/one4/images/blog/icoon_oranje.svg);
          content: '';
          position: absolute;
          left: -30px;
          right: 0;
          top: 3px;
          bottom: 0;
          width: 25px;
          height: 25px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; }
  .vacature-intro__wrapper ul li:before{
      left: -35px;
      top: 0px;
      width: 28px;
      height: 28px;
  }
  
  .blog-sidebar__download-form {
    background-color: #eae7e7;
    padding: 20px 12px;
    text-align: center; 
    margin-top: 10px; }
  .blog-sidebar__download-form.fixed {
      position: fixed;
      top: 5px;
  }
  .blog-sidebar__form.fixed-bottom {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
  }
  .blog-sidebar__form.fixed-bottom .blog-sidebar__download-form {
      position: absolute;
      left: 30px!important;
      right: 0!important;
      bottom: 0;
  }
    .blog-sidebar__download-form h4 {
      font-weight: 700;
      text-align: left;
      padding-bottom: 5px;
      padding-left: 5px; }
    .blog-sidebar__download-form input[type=submit] {
      -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
      background-color: #ED8022;
      width: 100%;
      margin: 20px auto 20px;
      color: #fff;
      height: unset;
      font-size: 20px;
      font-family: 'InterstateMono';
      padding: 7px 20px;
      line-height: 28px;
      text-align: center;
      border-radius: 5px;
      border: 2px solid #ED8022; }
  .blog-sidebar__download-form input[type=submit]:hover {
         background-color: #FFFFFF;
  color: #ED8022; }
      .blog-sidebar__download-form input[type=submit]:focus {
        outline: none; }
  .blog-sidebar .cta_button img {
           margin: 10px 0 -5px;
      }
  .field.hs-form-field {
    display: flex; }
  
  fieldset {
    border-color: transparent;
    padding-left: 0;
    padding-right: 0; }
  
  .input {
    width: 100%; }
    .input input {
      width: 100%;
      border: 0;
      height: 30px;
      padding: 0 0 0 5px;
      margin-top: 10px;
      display: block;
      font-size: 11px;
      font-weight: bold;
      color: #34435a;
      outline: none; }
  
  ul.inputs-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    ul.inputs-list li {
      text-align: left; }
      ul.inputs-list li input[type=checkbox] {
        width: unset;
        height: unset;
        margin-top: 3px; }
        ul.inputs-list li input[type=checkbox]:checked {
          color: yellow;
          background-color: green; }
  
  input[type=submit] {
    border: none; }
  @media(min-width:992px){
    .blog-sidebar__download-form {
                  margin-left: 15px;
                  margin-right: 15px;
              }
  }
  .legal-consent-container li {
    line-height: 13px; }
  
  .legal-consent-container span {
    height: unset; }
    .legal-consent-container span p {
      font-size: 13px;
      line-height: 13px;
      margin: 0;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-block-end: 0; }
  
  .legal-consent-container #blog-sidebar__form form p {
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0; }
  
  @media (min-width: 768px) and (max-width: 991px) {
    .legal-consent-container .medium-margin-top-50 {
      margin-top: 50px; } }
  
  @media (min-width: 992px) and (max-width: 1199px) {
    .legal-consent-container .blog-sidebar__top-content-list {
      flex: 0 0 66.666667%;
      max-width: 66.666667%; } }
  
  @media (min-width: 576px) {
    .legal-consent-container .blog__wrapper {
      padding-left: 15px;
      padding-right: 15px; }
    .legal-consent-container .blog h4 span {
      display: inline;
      width: unset; }
    .legal-consent-container .blog h4 img {
      float: right; } }
  
  @media only screen and (min-width: 992px) {
    .legal-consent-container .blog__social-small-size {
      display: none; }
    .legal-consent-container .blog__social-large-size {
      display: block; }
    .legal-consent-container #blog-sidebar {
      padding-bottom: 100px; }
    .legal-consent-container .blog-sidebar {
      padding-left: 30px; }
      .legal-consent-container .blog-sidebar__form {
        margin-bottom: 40px; }
      .legal-consent-container .blog-sidebar ul li {
        font-size: 14px;
        padding-bottom: 10px; } }
  
  .text-grid {
    padding: 20px 0 80px 0; }
    .text-grid h1, .text-grid h2, .text-grid h3, .text-grid h4, .text-grid h5 {
      color: #ED8022; }
    .text-grid__col {
      padding: 0 15px; }
    .text-grid__grid h1, .text-grid__grid h2 {
      text-align: left; }
    .text-grid__imagewrapper {
      position: relative; }
      .text-grid__imagewrapper:hover {
        text-decoration: none; }
  .text-grid__image img {
      width: 100%;
      height: 100%;
      padding: 0;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      object-fit: cover;
  }
    .text-grid .triangle {
      display: inline-block;
      position: absolute;
      left: -20px;
      top: -1px;
      z-index: 2; }
    .text-grid .triangle-0 {
      border-top: solid 35px white;
      border-right: solid 55px transparent; }
    .text-grid p {
      font-size: 15px;
      line-height: 25px; }
    .text-grid .text-grid__col {
      padding: 0 10px; }
    .text-grid__text {
      padding: 30px 0 0 0px; }
      .text-grid__text h1, .text-grid__text h2, .text-grid__text h3, .text-grid__text h4 {
        padding-top: 10px;
        max-width: 300px; }
      .text-grid__text h2 {
        font-size: 26px;
        font-weight: 700;
        line-height: 34px; }
    .text-grid__image {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 65px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      transition-duration: 0.4s;
      filter: brightness(50%); }
    .text-grid__imagewrapper {
      display: block;
      overflow: hidden;
      margin-bottom: 10px; }
      .text-grid__imagewrapper:hover .text-grid__content div {
        color: #fff; }
      .text-grid__imagewrapper:hover .text-grid__image {
        cursor: pointer;
        transform: scale(1.1);
        transition: all .5s; }
      .text-grid__imagewrapper:hover i,
      .text-grid__imagewrapper:hover svg {
        color: #fff; }
    .text-grid__content {
      position: absolute;
      bottom: 10px;
      right: 10px;
      left: 10px;
      color: #ED8022;
      font-size: 14px;
      text-align: right;
      display: block;
      letter-spacing: .75px; }
      .text-grid__content i, .text-grid__content svg {
        margin-right: 4px;
        color: #608C73;
        display: inline; }
      .text-grid__content div {
        display: inline;
        text-align: left;
        max-width: calc(100% - 20px);
        vertical-align: top; }
  
  @media (min-width: 576px) {
    .text-grid__col {
      padding: unset; }
    .text-grid__grid h1 {
      margin-bottom: 25px;
      margin-left: -10px;
      font-size: 40px;
      line-height: 48px; } }
  
  @media (min-width: 992px) {
    .text-grid__text {
      padding: 30px 80px 0 0; } }
  
  .text-image {
    padding: 20px 0; }
    .text-image img {
      width: 100%;
      filter: brightness(50%); }
    .text-image h2 {
      font-size: 40px;
      font-weight: 700;
      line-height: 48px; }
    .text-image p {
      font-size: 18px;
      line-height: 28px; }
  
  @media (min-width: 768px) {
    .text-image__container {
      padding: 0;
      padding-left: 15px; } }
  
  .image-text {
    padding: 20px 0; }
    .image-text img {
      width: 100%;
      filter: brightness(50%); }
    .image-text h2 {
      font-size: 40px;
      font-weight: 700;
      line-height: 48px; }
    .image-text p {
      font-size: 18px;
      line-height: 28px; }
  
  .list-grid {
    background-color: #eae7e7;
    padding: 50px 0 75px 0; }
    .list-grid h2, .list-grid h4 {
      text-align: center;
      color: #34435a; }
    .list-grid h2 {
      font-size: 40px;
      font-weight: 700; }
    .list-grid h3 {
      color: #608C73; }
    .list-grid h4 {
      margin: 18px 0 50px 0;
      font-size: 15px;
      font-weight: 700; }
    .list-grid p {
      font-size: 15px; }
    .list-grid__group {
      margin-bottom: 20px; }
    .list-grid__number {
      background-color: #608C73;
      padding: 12px;
      text-align: center;
      width: 60px;
      margin: 0 0 15px 10px; }
      .list-grid__number h3 {
        color: #fff;
        margin: 0; }
    .list-grid__text {
      padding-left: 10px; }
      .list-grid__text h3 {
        margin-top: -3px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 5px; }
  
  @media only screen and (min-width: 576px) {
    .list-grid {
      padding-top: 25px; }
      .list-grid__text {
        padding-left: 15px; } }
  
  @media only screen and (min-width: 768px) {
    .list-grid__number {
      margin-left: -15px; } }
  
  @media only screen and (min-width: 1200px) {
    .list-grid__number {
      margin-left: 0px; } }
  
  .blog-slider h2 {
    font-size: 30px;
    color: #ED8022;
    font-family: 'InterstateMono';
    font-weight: bold;
    text-align: center; 
    margin-bottom: 20px; }
  
  .blog-slider__wrapper {
    padding: 0 20px;
    position: relative; }
  
  .blog-slider__nextbtn, .blog-slider__prevbtn {
    position: absolute;
    top: 45%;
    cursor: pointer;
    color: black;  
  }
    .blog-slider__nextbtn svg, .blog-slider__prevbtn svg {
      font-size: 30px;
      color: #5d5d5d; }
  
  .blog-slider .swiper-button-next,
  .blog-slider .swiper-button-prev {
    display: none !important; }
  
  .blog-slider__nextbtn {
    right: -5px; }
  
  .blog-slider__prevbtn {
    left: -5px; }
  
  .blog-slider__element {
    display: flex;
    justify-content: space-between; }
  .blog-slider__element a {
        position:relative;
  }
  .blog-slider__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .blog-slider__image h4 {
    position: relative;
    z-index: 20;
  }
  .blog-slider__element a:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: .7;
      background-color: rgb(46,58,76);
      background-blend-mode: multiply;
  }
  .blog-slider__element--Cloud a:before {
    background-color: rgb(96,140,115);
  }
  .blog-slider__element--WiFi a:before {
    background-color: rgb(236,128,34);
  }
  .blog-slider__image {
    width: 100%;
    height: 360px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1; }
    .blog-slider__image h4 {
      font-size: 18px;
      line-height: 1.2;
      font-weight: 500;
      font-family: 'InterstateMono';
      color: #fff;
      text-decoration: none;
      position: absolute;
      bottom: 20px;
      left: 20px;
      z-index: 3;
      max-width: 200px; }
    .blog-slider__image:hover {
      text-decoration: none; }
    .blog-slider__image::before {
      content: '';
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 2; }
  
  @media (min-width: 768px) {
    .blog-slider {
      padding-top: 40px; }
      .blog-slider h2 {
        font-size: 40px; }
      .blog-slider__nextbtn {
        right: -15px; }
      .blog-slider__prevbtn {
        left: -15px; } }
  
  
  /* .blog-more i.fa:before {
      content: '';
      position: absolute;
      left: 30px;
      right: 0;
      top: 23px;
      bottom: 0;
      background-repeat: no-repeat;
      width: 36px;
      height: 36px;
  }
  .blog-more i.fa.fa-cloud-upload:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/cloud-upload-alt.svg);
  }
  .blog-more i.fa.fa-lock:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/lock.svg);
  }
  .blog-more i.fa.fa-truck:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/truck.svg);
  }
  .blog-more i.fa.fa-list:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/list.svg);
  }
  .blog-more i.fa.fa-wifi:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/wifi.svg);
  }
  .blog-more i.fa.fa-laptop:before {
      background-image: url(https://www.hupra.nl/hubfs/fontawesome/laptop.svg);
  } */
  @media (min-width: 992px) {
    .blog-slider__image h4 {
      font-size: 22px;
      max-width: 300px;
      left: 35px; } }
  
  .blog-more__header {
    background-color: #34435a;
    padding: 21px 0;
    margin: 50px 0; }
    .blog-more__header h2 {
      font-size: 28px;
      font-family: 'InterstateMono' !important;
      color: #fff;
      text-align: center;
      margin: 0;
      padding-top: 6px;
      line-height: 1; }
  
  .blog-more__image {
    display: flex;
    justify-content: center; }
  
  .blog-more__tag {
    padding: 16px;
    border: 2px solid #2e3a4c;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 85px; }
    .blog-more__tag:hover {
      text-decoration: none;
      border: 2px solid #ED8022; }
    .blog-more__tag svg, .blog-more__tag i {
      color: #2e3a4c;
      font-size: 34px; }
    .blog-more__tag h3 {
      font-size: 22px;
      font-family: 'InterstateMono' !important;
      color: #34435a;
      display: inline-block;
      margin: 0;
      font-weight: 500;
      line-height: 1.1;
      width: calc(100% - 40px);
      padding-left: 10px; }
  
  @media (min-width: 768px) {
    .blog-more__header {
      padding: 15px 0; }
    .blog-more__image {
      margin-left: 20px; } }
  
  @media (min-width: 992px) {
    .blog-more__tag h3 {
      font-size: 18px;
      max-width: 106px; } }
  
  @media (min-width: 1200px) {
    .blog-more__header {
      margin-bottom: 80px; }
    .blog-more__tag h3 {
      font-size: 22px;
      max-width: 136px; } }
  
  
  
  /* Col-3 icons */
  .col3-icons {
      padding: 25px 0 40px;
  }
  .col3-icons__icon{
      display: inline-block;
      width: 100px;
      padding: 0;
      vertical-align: top;
      margin-bottom: 20px;
      text-align: center;
      vertical-align: top;
  }
  .col3-icons__text{
      display: inline-block;
      width: calc(100% - 115px);
      margin-bottom: 20px;
  }
  .col3-icons__text a:hover {
      color: #ed8022;
  }
  .col3-icons__icon i{
      font-size: 65px;
      color: #ed8022;
  }
  .col3-icons h2 {
      margin: 0px 0 20px 0;
      color: #ed8022;
      font-weight: 700;
  }
  .col3-icons__text h3{
      margin: 0;
  }
  .col3-icons__text a{
      color: #34435a;
      font-size: 22px;
  }
  .col3-icons__text p{
      color: #34435a;
      font-size: 14px;
      margin: 0;
  }
  
  /* Col2-image-text */
  .col2-image-text {
      background-color: #E8E9EA;
      padding-bottom: 35px;
  }
  .col2-image-text--block-text {
    padding: 0 0 25px !important;
  }
  .col2-image-text--white {
      background-color: white;
  }
  .col2-image-text h2 {
      max-width: 700px;
      margin: 40px auto 30px;
      font-weight: 700;
  }
  .col2-image-text p {
      font-size: 15px;
      margin-top: 24px;
  }
  .col2-image-text p:first-of-type {
      font-weight: 700;
  }
  
  .col2-image-text__wrapper {
      position: relative;
      height: auto;
      width: 100%;
      display: inline-block;
  }
  .col2-image-text--block-text .col2-image-text__wrapper {
      height: 100%;
  }
  .col2-image-text__image img {
      position: absolute;
      width: 100% !important;
      height: 100%;
      object-fit: cover;
      max-width: 100%;
      top: 0;
  }
  .col2-image-text__caption {
      font-size: 20px;
      line-height: 1.4;
      text-align: center;
      color: #fff;
      position: relative;
      margin: 90px 20px 70px;
      z-index: 2;
      font-weight: 700;
  }
  .col2-image-text--block-text .col2-image__wrapper{
    position: relative;
    padding-top: 110px;
    padding-bottom: 40px;
  }
  .col2-image-text--block-text .col2-image__wrapper::before {
      content: '';
      left: 48%;
      width: 16px;
      height: 90px;
      top: 0;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
      background-color: white;
      z-index: 2;
  }
  
  .col2-image-text--grey .col2-image__wrapper::before {
        background-color: #e8e9ea;
  }
  .col2-image-text--block-text .col2-image__wrapper h3 {
      font-size: 22px;
      color: #ed8022;
      margin-top: 20px;
      font-weight: 500;
      line-height: 1.1;
  }
  
  .col2-image-text--block-text .col2-image-text__wrapper {
      padding: 40px 0 0;
  }
  @media(min-width:768px){
    .col2-image-text--block-text .col2-image-text__wrapper {
        padding: 40px 0;
    }
  }
  .col2-image-text--block-text .col2-image-text__image {
      height: 100%;
  }
  .col2-image-text--block-text .col2-image-text__image img {
      position: relative;
  }
  .col2-image-text--block-text .col2-image__wrapper h3 {
      font-family: 'InterstateMono-Lgt','Helvetica Neue','Helvetica','sans-serif';
      font-size: 18px;
  }
  .col2-image-text--block-text .col2-image__wrapper h2 {
      margin: 20px auto 30px;
      color: #ed8022;
  }
  .col2-image-text--block-text .col2-image__wrapper strong {
      font-size: 18px;
  }
  .col2-image-text__leftline {
      padding: 0;
      margin: 0 0 15px 0;
      color: #fff;
      position: relative;
      z-index: 2;
  }
  .col2-image-text__leftline img{
      position: relative;
      z-index: 2;
      max-width: 20%;
      width: unset;
      height: auto;
  }
  @media(min-width: 576px){
      .col2-image-text__caption {
          font-size: 24px;
      }
      .col2-image-text__leftline img {
          max-width: 100%;
      }
      .col2-image-text {
          padding: 0 0 80px;
      }
  }
  
  /* Vacature-intro */
  .vacature-intro{
      padding: 40px 0 25px;
  }
  .vacature-intro--page h2 {
      margin-top: 15px;
  }
  .vacature-intro h1{
      font-size: 40px;
      margin: 0;
      font-weight: 500;
      line-height: 1.2;
  }
  .vacature-intro h2{
      margin: 0;
      font-size: 19px;
      font-weight: 400;
      color: #ed8022;
      text-align: center;
    font-family: 'InterstateMono-Lgt','Helvetica Neue','Helvetica','sans-serif';
  }
  .vacature-intro--new .vacature-intro__wrapper h2, 
  .vacature-intro--new .vacature-intro__wrapper h3, 
  .vacature-intro--new .vacature-intro__wrapper h4 {
      margin-bottom: -12px !important;
      color: #ed8022 !important;
      text-align: left !important;
      font-size: 16px !important;
  }
  .vacature-intro--new h1 {
    margin-top: 10px !important;
  }
  .vacature-intro--new h2 {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
  }
  .vacature-intro__btn{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
  }
  .vacature-intro__btn a{
    display: inline-block;
    color: white;
    background-color: #ed8022;
    border-radius: 30px;
    padding: 12px 50px;
  }
  .vacature-intro__btn a:hover{
    text-decoration: none;
    color: white;
    background-color: rgb(53,68,90);
  }
  .vacature-intro--page .vacature-intro__wrapper--left p:first-of-type{
      font-weight: 700;
  }
  .vacature-intro__wrapper--right h4 {
      color: #ed8022;
      margin: 23px 0 -7px;
      padding: 0;
      font-family: 'InterstateMono';
  }
  .vacature-intro--page p{
      font-size: 15px;
  }
  .vacature-intro__right {
      background-color: #2E3A4C;
      color: #fff;
      padding: 35px 25px 35px;
      margin-top: 25px;
      margin-bottom: 25px;
  }
  @media(max-width:767px){
      .vacature-intro__right {
          max-width: 370px;
          margin-left: auto;
          margin-right: auto;
      }
  }
  .vacature-intro__right h2 {
      color: white;
      font-size: 28px;
      margin: 0 20px 20px;
  }
  .vacature-intro__list ul {
      padding: 0;
  }
  .vacature-intro__list {
      max-width: calc(100% - 75px);
      display: inline-block;
      vertical-align: top;
      padding-right: 10px;
  }
  .vacature-intro__right ul li {
      list-style: none;
      margin: 10px 0 0;
      font-size: 16px;
      display: flex;
      margin: 0 0 5px;
  }
  .vacature-intro__sideimage {
      display: inline-block;
      width: 70px;
  }
  .vacature-intro__right ul li:before{
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f00c";
      -webkit-text-stroke: 1px #2e3a4c;
      margin: 0 10px 0 0;
      font-family: 'fontawesome-webfont' !important;
  }
  .vacature-intro__image {
      margin: 20px 0 0px;
      background-color: rgba(46,58,76,0.7);
      background-blend-mode: multiply;
  }
  .vacature-intro__image img {
      mix-blend-mode: multiply;
  }
  .vacature-intro__button {
      text-align: center;
      display: block;
      width: 100%;
      margin: 25px 15px 0;
  }
  .vacature-intro__button a {
      color: #fff;
      background-color: #2e3a4c;
      border-color: #2e3a4c;
      padding: 7px 20px;
      display: inline-block;
      border-radius: 5px;
      font-size: 20px;
      font-weight: 900;
  }
  .vacature-intro__button a:hover {
    background-color: #ed8022;
    border-color: #2e3a4c;
    color: #fff;
    text-decoration: none;
  }
  .vacature-intro__right h2 {
      color: white;
      font-size: 28px;
      margin: 0 20px 20px;
  }
  .vacature-intro__list ul {
      padding: 0;
  }
  .vacature-intro__list {
      max-width: calc(100% - 75px);
      display: inline-block;
      vertical-align: top;
      padding-right: 10px;
  }
  .vacature-intro__right ul li {
      list-style: none;
      margin: 10px 0 0;
      font-size: 16px;
      display: flex;
      margin: 0 0 5px;
  }
  .vacature-intro__sideimage {
      display: inline-block;
      width: 70px;
  }
  .vacature-intro__right ul li:before{
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f00c";
      -webkit-text-stroke: 1px #2e3a4c;
      margin: 0 10px 0 0;
      font-family: 'fontawesome-webfont' !important;
  }
  
  
  
  
  
  
  /* Vacature-item */
  .vacature-item {
      padding: 20px 0;
  }
  .vacature-item--quotes {
    background-color: #e8e9ea;
  }
  
  .vacature-item__button {
      text-align: center;
      display: block;
      width: 100%;
  }
  .vacature-item__image .logo {
      position: absolute;
      z-index: 10;
      left: 0;
      right: 0;
      bottom: 20px;
      width: auto;
      text-align: center;
      height: 25px;
      margin: 0 auto;
  }
  .vacature-item--quotes .vacature-item__title-main p {
      font-size: 22px;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      margin: 0;
  }
  .vacature-item--quotes .vacature-item__title-main h2 {
      color: #929292;
      font-family: 'InterstateMono-Lgt';
      margin: 5px 0 20px;
  }
  .vacature-item__button a {
      color: #fff;
      background-color: #ed8022;
      border-color: #ed8022;
      padding: 15px;
      display: inline-block;
      border-radius: 5px;
      font-size: 15px;
      font-weight: bold;
      margin: 30px auto -10px;
      transition: all .5s;
  }
  .vacature-item__button a:hover {
    background-color: #2e3a4c;
    transition: all .5s;
  }
  .vacature-item__title {
      position: absolute;
      z-index: 4;
      text-align: center;
      padding: 20px;
  }
  
  .vacature-item__top {
      min-height: 200px;
      position: relative;
      display:flex;
      justify-content:center;
      align-items:center;
      border: 1px solid #ed8022;
      border-bottom: none;
  }
  .vacature-item__title h2 {
      line-height: 1.1;
      color: #fff;
      margin: 0;
  }
  .vacature-item__title h3 {
      font-size: 25px;
      line-height: 1.1;
      color: #fff;
      margin: 0;
  }
  .vacature-item__card:hover img {
      transform: scale(1.05);
      transition: .2s all ease-out;
  }
  .vacature-item__image{
      position: absolute;
      top: 0;
      bottom: 0;
      overflow: hidden;
      transition: all .2s;
    width: 100%;
  }
  .vacature-item__image img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      mix-blend-mode: multiply;
      transition: all .2s;
  }
  .vacature-item__blog-logo img {
  position: relative;
    margin: 0 auto;
    height: 35px;
  }
  
  .vacature-item__card--WiFi .logo-wifi {
    display: block !important;
  }
  .vacature-item__card--WiFi .logo-beheer {
    display: none !important;
  }
  .vacature-item__blog-logo {
        margin-top: -50px;
      display: block;
      z-index: 1000000;
      width: 100%;
      margin: -50px auto 0; 
  }
  .vacature-item__bottom{
      padding: 30px 20px 50px;
      margin-bottom: 20px;
      border: 1px solid #ed8022;
      border-top: none;
  }
  .vacature-item--quotes .vacature-item__bottom {
    text-align: center;
  }
  .vacature-item__bottom h3{
      position: relative;
      color: #ed8022;
      padding-bottom: 15px;
      margin: 0;
  }
  .vacature-item__bottom h3::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 2rem;
      height: .2rem;
      background-color: #ed8022;
  }
  .vacature-item__p {
      min-height: 30px;
  }
  .vacature-item--quotes .vacature-item__p,
  .vacature-item--quotes .vacature-item__name, 
  .vacature-item--quotes .vacature-item__job-title {
      color: rgb(53,68,90);
      text-align: center;
      font-size: 22px;
      line-height: 1.45;
  }
  .vacature-item--quotes .vacature-item__p {
    margin-bottom: 20px;
  }
  .vacature-item__card--ICT-beheer .logo-wifi,
  .vacature-item__card--ICT-beheer .logo-cloud{
    display: none!important;
  }
  .vacature-item__card--ICT-beheer .logo-beheer {
    display: block!important;
  }
  .vacature-item__card--Cloud .logo-wifi,
  .vacature-item__card--Cloud .logo-beheer{
    display: none!important;
  }
  .vacature-item__card--Cloud .logo-cloud {
    display: block!important;
  }
  .vacature-item--blog .vacature-item__p {
      font-size: 20px;
      font-family: 'InterstateMono-Bold';
      padding: 0;
      margin: 0;
  }
  @media(min-width:768px){
    .vacature-item--blog .vacature-item__p {
        font-size: 24px;
        padding: 0 10px;
    }
  }
  .vacature-item__name {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      margin: 0;
  }
  .vacature-item__job-title {
       margin: 0;
  }
  .vacature-item__bottom p {
      font-size: 15px;
      color: #ed8022;
  }
  .vacature-item__btn:hover {
      color: #ed8022;
  }
  .vacature-item__btn:hover span{
      padding-left: 8px;
      transition: all .5s;
  }
  .vacature-item__btn {
      font-size: 19px;
      color: #34435A;
      position: absolute;
      bottom: 30px;
  }
  .vacature-item h3 {
      position: relative;
      z-index: 3;
  }
  .vacature-item--quotes .vacature-item__card {
    background: white;
  }
  .vacature-item__card--blue .vacature-item__top {
      border-color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__bottom{
      border-color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__bottom h3{
      color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__bottom h3::after{
      background-color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__bottom p {
      color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__btn:hover {
      color: #34435A;
  }
  .vacature-item__card--blue .vacature-item__btn {
      color: #ed8022;
  }
  .vacature-item--new .vacature-item__card {
      box-shadow: 3px 3px 5px 1px #b9b9b94d;
      display: block;
      border: none;
      height: calc(100% - 20px);
      transition: all .5s;
      -webkit-box-shadow: 3px 3px 5px 1px #b9b9b94d;
      -moz-box-shadow: 3px 3px 5px 1px #b9b9b94d;
  }
  .vacature-item--new .vacature-item__card:hover {
      box-shadow: 6px 6px 7px 4px #b9b9b94d;
      transition: all .5s;
      -webkit-box-shadow: 6px 6px 7px 4px #b9b9b94d;
      -moz-box-shadow: 6px 6px 7px 4px #b9b9b94d;
  }
  .vacature-item--new .vacature-item__top,
  .vacature-item--new .vacature-item__bottom {
    border: none;
  }
  .vacature-item__top--new {
      min-height: 250px !important;
      display: block;
  }
  .vacature-item--quotes .vacature-item__top--new {
      min-height: 280px !important;
  }
  .vacature-item__titlenew {
      position: absolute;
      z-index: 2;
      color: white;
      padding: 20px;
      bottom: 0;
  }
  .vacature-item__titlenew h2{
      font-size: 30px;
      margin: 0;
      line-height: 1.2;
  }
  .vacature-item__titlenew h3 {
      font-family: InterstateMono-Lgt;
      font-size: 24px;
      margin: 0;
  }
  .vacature-item--new .vacature-item__bottom h3::after {
      background-color: #34435a;
  }
  .vacature-item--new .vacature-item__bottom h3,
  .vacature-item--new .vacature-item__bottom p {
      color: #34435a;
  }
  .vacature-item--new .vacature-item__bottom p  {
      min-height: 25px;
  }
  .vacature-item--new .vacature-item__btn {
      color: #ed8022;
  }
  .vacature-item--new .vacature-item__bottom h3 {
      font-size: 20px;
      padding-bottom: 18px;
  }
  .vacature-item--new p,
  .vacature-item--new .vacature-item__btn {
      font-size: 12px;
      margin-top: 10px;
  }
  .vacature-item--new .vacature-item__btn {
      bottom: 35px;
  }
  .vacature-item--new .vacature-item__bottom {
    padding-bottom: 30px;
  }
  .vacature-item--quotes .vacature-item__bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .vacature-item--blog .vacature-item__bottom {
    min-height: unset !important;
  }
  .vacature-item__title-main {
      text-align: center;
      display: block;
      width: 100%;
      margin-bottom: 20px;
  }
  @media(max-width:767px){
    .vacature-item--quotes .vacature-item__title-main {
      margin-bottom: 0;
    }
  }
  .vacature-item__title-main h2 {
      color: #ed8022;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .vacature-item--new .vacature-item__button a {
      border-radius: 30px;
      font-size: 16px;
      padding: 12px 35px;
  }
  .vacature-item--new .vacature-item__button a:hover {
      background-color: #34435a;
  }
  
  
  
  /* button border round */
  .btn-brdr-rnd {
      color: white;
      border-color: white;
      border: 1px solid white;
      padding: 1rem 2rem .8rem;
      text-align: center;
      border-radius: 20px;
      margin: 10px 0;
      width: 100%;
      max-width: 280px;
      font-size: 1.5rem;
      background-image: linear-gradient(to right, #34435A 50%, transparent 50%);
      background-size: 201% 100%;
      background-position: right bottom;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
  }
  .btn-brdr-rnd:hover span{
    color: white !important;
  }
  .btn-brdr-rnd--left {
    text-align: left;
  }
  .btn-brdr-rnd:hover{
    background-position: left bottom;
    border-color: #34435A;
    color: white;
  }
  .btn-brdr-rnd--green{
    background-position: right bottom;
    background-image: linear-gradient(to right, #ed8022 50%, transparent 50%);
  }
  .btn-brdr-rnd--green:hover{
    border-color: #ed8022;
  }
  
  
  
  
  /* Hero-banner */
  .hero-banner {
      padding: 20px 0;
      background: #ddd;
      position: relative;
  }
  .hero-banner__arrow {
      margin-right: 10px;
  }
  .hero-banner--orange{
    background-color: #ed8022;
  }
  .hero-banner--green{
    background-color: #608b74;
  }
  .hero-banner__buttons{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90%;
      flex-direction: column;
  }
  
  @media(min-width: 768px){
      .hero-banner {
          padding: 20px;
      }
  }
  .hero-banner__background img {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 0;
      left: 0;
      top: 0;
      object-fit: cover;
  }
  .hero-banner h3{
      font-size: 20px;
      font-weight: 100;
      color: #fff;
      position: relative;
      padding-bottom: 20px;
      font-family: 'InterstateMono-Lgt';
  }
  .hero-banner h3::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 4rem;
      height: .2rem;
      background-color: #fff;
  }
  .hero-banner h2, .hero-banner .bigtitle{
      font-size: 30px;
      color: #fff;
      margin: 20px 0;
      text-align: left;
      font-family: 'InterstateCondBlack';
      max-width: 500px;
  }
  .hero-banner h3{
      color: #fff;
  }
  .hero-banner h4 {
      font-size: 28px;
      font-family: 'InterstateMono';
      color: white;
      font-weight: 900;
  }
  @media(max-width: 767px){
    .hero-banner h3, 
    .hero-banner h2, 
    .hero-banner .bigtitle {
      opacity: 1;
    }
    .hero-banner--green h3, 
    .hero-banner--green h2,
    .hero-banner--orange h3, 
    .hero-banner--orange h2{
      opacity: 1;
      text-align: center;
    }
    .hero-banner h3::after{
         left: 45%;
    } 
    .hero-banner--green h2,
    .hero-banner--orange h2{
      margin-bottom: 30px;
      font-size: 40px;
    }
  }
  .hero-banner__menu {
      display: none;
  }
  @media(min-width: 768px){
      .hero-banner__menu {
          text-align:right;
          display: block;
      }
  }
  .hero-banner__menu ul{
      padding: 0;
      list-style: none;
  }
  .hero-banner__menu li{
      margin-bottom: 15px;
  }
  .hero-banner__menu span {
      float: right;
      margin-top: 2px;
      margin-bottom: -2px;
  }
  .hero-banner__menu a{
      text-align: left;
      font-size: 17px;
      display: inline-block;
      width: 100%;
      padding: 5px 15px;
      font-weight: bold;
      border: 2px solid #fff;
      border-radius: 5px;
      color: #fff;
      line-height: 1.5;
      max-width: 260px;
  }
  .hero-banner__menu a:hover{
      max-width: 270px;
      margin-right: -10px;
      transition: all .4s ease-out;
      transition: color .1s ease-out, max-width .4s ease-out, margin-right .4s ease-out;
      background-color: #fff;
      color: #ed8022;
  }
  
  @media(min-width: 576px){ 
      .col2-image__wrapper h3 {
          margin-top: 8px;
      }
      .col2-image-text__caption {
          width: 80%;
      }  
  }
  @media(min-width: 992px){
      .vacature-item {
          padding: 40px 0;
      }
      .vacature-item__top {
          min-height: 400px;
      }
      .col3-icons__text a{
          font-size: 15px;
      }
      .vacature-intro h2 {
          margin-bottom: 20px;
      }
  }
  @media(min-width: 1200px){
      .col2-image-text__caption {
          width: 50%;
          margin: 90px 0 30px 40px;
      } 
      .vacature-intro {
          padding: 0 0 40px 0;
      }
      .vacature-intro h1{ 
          margin: 50px 0 0 0;
      }
      .vacature-intro h2 {
          margin: 12px 0 50px 0;
      }
      .vacature-item {
          padding: 60px 0;
      }
      .vacature-item__title h2 {
          font-size: 45px;
      }
      .vacature-item__title h3 {
          font-size: 40px;
      }
      .col3-icons__text a{
          font-size: 22px;
      }
      .col2-image-text__caption {
          font-size: 40px;
      }
      .col2-image__wrapper h3 {
          margin-top: 0;
      }
      .col2-image-text h2 {
          margin: 50px auto;
      }
      .col3-icons h2 {
          margin: 20px 0 30px;
      }
      .hero-banner h3{
          font-size: 35px;
      }
      .hero-banner h2, .hero-banner .bigtitle{
          font-size: 55px;
          margin: 20px 60px 20px 0;
      }
  }
  
  @media(min-width:768px){
      .hero-banner {
          padding: 40px 20px;
      }
  }
  
  
  
  
  .hlist ul,
  ul.hlist {
    list-style: none;
  }
  .hlist li{
    position: relative;
  }
  .hlist li::before{
      background-image: url(https://www.hupra.nl/hubfs/icons/hupra-icon-orange.svg); 
      content: '';
      position: absolute;
      left: -40px;
      right: 0;
      top: 0;
      bottom: 0;
      width: 30px;
      height: 30px;
      background-size: cover;
  }
  .hlist--blue li::before{
      background-image: url(https://www.hupra.nl/hubfs/icons/hupra-icon-blue.svg); 
  }
  .hlist--white li::before{
      background-image: url(https://www.hupra.nl/hubfs/icons/hupra-icon-white.svg); 
  }
  .hlist--green li::before{
      background-image: url(https://www.hupra.nl/hubfs/icons/hupra-icon-green.svg); 
  }
  
  
  
  /* Vacature-body */
  .vacature-body__col2 ul {
      padding-left: 0;
  }
  .vacature-body__col2 ul li{
      background: url(https://www.hupra.nl/hubfs/Hupra%20%202017/images/orange-bullet.png) no-repeat top 10px left 0;
      padding: 5px 0 5px 30px;
      list-style: none;
  }
  .vacature-body__col2--blue ul li{
      background: url('https://www.hupra.nl/hubfs/Hupra%20%202017/images/blue-favicon.png') no-repeat top 10px left 0;
      padding: 5px 0 5px 30px;
      list-style: none;
  }
  .vacature-body__title {
      padding: 60px 0;
  }
  .vacature-body__title p{
      color: #ec8022;
      font-size: 21px;
      font-family: 'InterstateMono';
      font-weight: 700;
      margin: 0;
      text-align: center;
      padding-bottom: 7px;
  }
  .vacature-body__title h1{
      font-size: 40px;
      font-family: 'InterstateMono';
      font-weight: 700;
      margin: 0;
  }
  .vacature-body__paragraph {
      color: #2e3a4c;
      font-size: 20px;
      font-weight: 700;
      font-family: 'InterstateMono-Lgt';
      margin-bottom: 25px;
  }
  .vacature-body__col2{
    margin-bottom: 30px;
  }

 .vacature-body__col2 .hstyle
{
    font-weight: 700;
  font-size: 40px;
    font-family: InterstateMono;
    margin: 0 0 20px 0;
      text-align: left;
  color: #ec8022;
}
.benefits--title-blue  .vacature-body__col2 .hstyle
{    color: #34435A !important;}
  .vacature-body__col2--orange{
      padding-top: 40px;
  }
  .vacature-body__col2--blue{
      padding: 5px 0;
  }
  .vacature-body__col2 h2{
      color: #ec8022;
      font-weight: 700;
      text-align: center;
      margin: 0 0 30px 0;
  }
  .vacature-body__col2 h2.left {
   text-align: left; 
  }
  .vacature-body__col2 h3{
      font-size: 21px;
      color: #34435A;
      font-weight: bold;
      margin: 0 0 10px 0;
  }
  .vacature-body__col2 ul li{
      font-size: 18px;
      padding: 5px 0 0 30px;
      line-height: 1.5;
  }
  .vacature-body__cta {
        margin: 0 auto;
    display: block;}
  }
  .vacature-body__link {
      color: #ec8022;
      text-decoration: underline;
      font-size: 20px;
      font-weight: 700;
      cursor: normal;
  }
  .vacature-body__btn{
      text-align: center;
      padding: 60px 0;
  }
  
  a.vacature-body__btn:hover{
      background-color: #34435a;
  }
  @media (min-width: 768px) {
      .vacature-body__col2--orange{
          padding-top: 30px;
      }
      .vacature-body__col2 h2{
          color: #ec8022;
          font-weight: 700;
          text-align: center;
          margin: 0 0 20px 0;
      }
      .vacature-body__btn{
          padding: 40px 0;
      }
  }
  @media (min-width: 992px) {
      .vacature-body__title h1{
          margin: 0 20%;
      }
  }
  @media (min-width: 1200px) {
      .vacature-body__title h1{
          font-size: 50px;
      }
      .vacature-body__btn{
          padding: 40px 0 80px 0;
      }
  }
  
  
  
  
  
  /* Blog listing */
  .blog-listing h1{
      font-size: 40px;
      font-weight: 700;
      font-family: 'InterstateMono';
      margin: 70px 0 70px 0;
  }
  .blog-item {
      display: block;
      margin-bottom: 15px;
  }
  .blog-item__title {
      position: absolute;
      z-index: 4;
      bottom: 80px;
      left: 40px;
      padding-right: 40%;
      margin: 0;
  }
  .blog-item__title h4{
      color: #fff;
      font-size: 10px;
      font-family: 'InterstateMono';
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
  }
  .blog-item__top {
      min-height: 200px;
      position: relative;
      display:flex;
      justify-content:center;
      align-items:center;
  }
  .blog-item__label img{
      width: 40%;
  }
  .blog-item__image{
      position: absolute;
      top: 0;
      bottom: 0;
      background-color: transparent !important;
      background-blend-mode: multiply;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: all .2s;
  }
  .blog-item__bottom {
      color: #34435a;
      border: 1px solid #34435a;
      padding: 20px 20px 70px;
      position: relative;
  }
  .blog-item__btn {
      position: absolute;
      bottom: 20px;
      left: 20px;
  }
  .blog-item__btn span {
      transition: all .5s;
  }
  .blog-item__btn:hover span {
      padding-left: 10px;
      transition: all .5s;
  }
  .blog-item--ICT-beheer .logo-wifi,
  .blog-item--ICT-beheer .logo-cloud{
    display: none!important;
  }
  .blog-item--WiFi .logo-wifi,
  .blog-item--ICT-beheer .logo-beheer {
    display: block!important;
  }
  
  .blog-item--WiFi .logo-beheer,
  .blog-item--Cloud .logo-wifi,
  .blog-item--Cloud .logo-beheer{
    display: none!important;
  }
  .blog-item--Cloud .logo-cloud {
    display: block!important;
  }
  
  .blog-item--ICT-beheer {
      color: #34435a;
      border: 1px solid #34435a;
  }
  .blog-item--Cloud {
      color: #608B74;
      border: 1px solid #608B74;
  }
  .blog-item--ICT-beheer .blog-item__image{
      background-color: #2e3a4c;
  }
  .blog-item--Cloud .blog-item__image{
      background-color: #608B74;
  }
  .blog-item--Cloud .blog-item__bottom {
      color: #608b74;
  }
  .blog-item__image img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      mix-blend-mode: multiply;
      transition: all .2s;
  }
  .blog-item__top:hover img {
      transform: scale(1.05);
      transition: .2s all ease-out;
  }
  .blog-item__label {
      position: absolute;
      z-index: 3;
      left: 10px;
      top: 10px;
  }
  .blog-item__credits {
      font-size: 15px;
      margin-top: 20px;
  }
  .blog-item__bottom p{
      font-size: 15px;
      font-family: 'InterstateMono-Lgt';
      margin: 20px 0 10px 0;
  }
  
  .blog-listing__paging{
      text-align: center;
  }
  .blog-listing__btn.disabled{
      pointer-events: none;
      cursor: not-allowed;
      opacity: .65;
  }
  .blog-listing__btn{
      color: #fff;
      background-color: #ed8022;
      padding: 8px 20px;
      font-size: 20px;
      font-family: 'InterstateMono';
      border-radius: 5px;
      display: inline-block;
      margin: 5px 0;
  }
  .blog-listing__btn:hover{
      background-color: #34435a;
  }
  @media(min-width: 576px){ 
      .blog-item__label img{
          width: 100%;
      }
      .blog-item__title {
          padding-right: 68%;
      }
  }
  @media(min-width: 768px){
      .blog-item {
          margin: 15px 0;
      }
      .blog-item__title h4{
          font-size: 17px;
      } 
      .blog-item__title {
          padding-right: 40%;
      }
      .blog-item__title {
          bottom: 30px;
      }
      .blog-item__bottom p{
          font-size: 13px;
      }
      .blog-listing__btn{
          font-size: 14px;
          padding: 4px 14px;
      }
  }
  @media(min-width: 992px){ 
      .blog-item {
          margin: 30px 0;
      }
      .blog-listing h1{
          font-size: 50px;
      }
      .blog-item__title h4{
          font-size: 22px;
      } 
      .blog-item__top {
          min-height: 355px;
      }
      .blog-item__title {
          bottom: 80px;
      }
      .blog-item__bottom p{
          font-size: 15px;
      }
      .blog-listing__btn{
          font-size: 20px;
          padding: 8px 20px;
      }
  }
  
  /* image triangle */
  .image-triangle{
    position: relative;
  }
  .image-triangle::after{
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border-top: 55px solid #fff;
      border-right: 103px solid transparent;
      clear: both;
  }
  
  
  /* Form headings*/
  .form2021--application {
      background-color: #e8e9ea;
  }
  .form2021--column{
      background-color: #e8e9ea;
      padding: 10px 15px;
  }
  @media(min-width: 768px){
    .form2021--column{
      padding: 10px 25px;
    }
  }
  .form2021 .hs-aantal_gebruikers {
    margin-bottom: 20px;
  }
  @media(min-width: 768px){
    .form2021 .hs-aantal_gebruikers {
        max-width: calc(100% - 2%);
        margin-bottom: 0px;
    }
  }
  
  .form2021--column h3 {
      font-size: 20px;
  }
  .form2021__subtitle {
      margin-top: -5px;
  }
  .form2021__subtitle span {
      color: #ed8022;
  }
  .form2021__title h3 {
      font-size: 17px;
      text-align: center;
      margin: 70px 0 0 0 ;
  }
  
  
  
  .form2021__title h2 {
      font-family: InterstateMono-bold;  
      font-size: 35px;
      text-align: center;
      line-height: 1.2;
      padding: 15px;
      margin: 5px 0 30px 0;
  }
  
  /*Form Input styles*/
  
  .form2021 .hs-fieldtype-select label,
  .form2021 .hs-fieldtype-text label,
  .hs-fieldtype-textarea label {
      display: none;
  }
  
  
  .form2021 .hs-form-field {
    display: block;
  }
   
  .form2021 .hs-fieldtype-select span,
  .form2021 .hs-fieldtype-text span,
  .hs-fieldtype-textarea span {
      display: none;
  }
  
  
  .form2021 .hs-fieldtype-text input::placeholder,
  .form2021 .hs-fieldtype-number input::placeholder{
      color: #34435A;
      opacity: 50%;
  }
  
  
  
  /*text area*/
  .form2021 .hs-fieldtype-textarea textarea {
      height: 159px;
      font-family: InterstateMono-Lgt;
      font-size: 14px;
      font-weight: bold; 
      color: #34435a;
      border: 0;
      border-radius: 8px;
      padding: 25px 15px;
      margin: 15px 0; 
  }
  
  .form2021 .hs-fieldtype-textarea textarea::placeholder {
      opacity: 50%;
  }
  .form2021 .hs-fieldtype-textarea textarea:focus{
      outline: none;
  }
  
  
  /* border size of name,email and cell*/
  .form2021 .input input,
  .form2021 .input select {
      font-family: InterstateMono-Lgt;
      font-size: 14px;
      font-weight: bold;
      color: #34435A;
      border-radius: 8px;
      width: calc(100% - 10px);
      margin-top: 15px;
      padding: 25px 15px;
      
  }
  .form2021 .hs-fieldtype-select select{
      color: rgb(53, 68, 90, 0.5);
      padding: 17px 15px;
      border: none;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
      .form2021 .hs-fieldtype-select select{
         -webkit-appearance: menulist-button !important;
         height: 49px !important;
      }
  }
  .form2021 .hs-fieldtype-select select:focus {
      color: #34435a;
      outline: none;
  }
  
  /* upload button styles*/
  .form2021 .hs_upload_je_cv input {
      display: none;
      
  }
  
  /*Style the label as a button- Cv upload*/
  .form2021 .hs_upload_je_cv {
      display: inline-block; 
      min-width: 200px; 
      font-family: InterstateMono;  
      font-size: 14px;
      border: 1px solid #fff;
      border-radius: 30px;
      background: url(https://www.hupra.nl/hubfs/icons/icon_upload.svg) no-repeat  calc(10% - 2px) center;
      background-color: white;
      background-size: 20px 20px;
      box-shadow: inset 0 0 1.6px #fff, 3px 3px 3px rgba(0, 0, 0, 0.3);
      padding: 15px 35px;
      margin: 5px 0 25px 0;
  }
  .form2021 .hs_upload_je_cv span{
      padding: 0 0 0 10px;
  }
  .form2021 .inputs-list input[type=checkbox] {
      width: 25px;
      height: 25px;
  }
  .form2021 .legal-consent-container span {
      padding: 8px 0 0 0;    
  } 
  .form2021 .legal-consent-container .hs-form-booleancheckbox-display>span {
      padding-left: 25px;
  }
  .form2021--column .legal-consent-container .hs-form-booleancheckbox-display>span {
      margin-bottom: -12px;
  }
  .form2021 .legal-consent-container .hs-form-booleancheckbox-display>span p,
  .form2021--meeting .hs-form-booleancheckbox span {
      font-size: 14px; 
      line-height: 1.3;
  }
  
  
  .form2021 .legal-consent-container a {
      color: #ED8022 !important;
  } 
  
  
  /*Button bottom of page*/
  .form2021 .hs_submit {
      text-align: center;
  }
  
  .form2021 .hs-button  {
      font-family: InterstateMono !important; 
      font-size: 18px;
      color: #fff;
      min-width: 250px; 
      border: 1px solid #ED8022;
      background-color:#ED8022;
      border-radius: 30px;
      margin: 20px 0 50px;
      padding: 16px 20px 13px;
  }
  .form2021--column .hs-button {
    margin-bottom: 20px;
  }
  .form2021 .hs-button:hover {
      background-color: rgb(53,68,90);
      border-color: rgb(53,68,90);
      transition: all .5s;
  }
  .form2021 .hs-button:focus {
      outline: none;
  }
  .form2021 .hs-fieldtype-file{
    position: relative;
  }
  .form2021 .hs-fieldtype-file .hs-error-msg {
    position: absolute;
    bottom: 0px;
    left: 45px;
  }
  
  
  @media only screen and (max-width: 600px) {
      .form2021 .hs-fieldtype-textarea textarea {
          width: calc(100% - 10px);
      }
  }
  
  @media only screen and (min-width: 600px) {
      .form2021 .hs-fieldtype-textarea textarea {
          width: calc(100% - 10px);
      }
  }
  
  @media only screen and (min-width: 768px) {
  
      .form2021--application .hs-fieldtype-select,
      .form2021--application .hs-fieldtype-text {
          display: inline-block;
          width: 49%;
          vertical-align: top;
      }
  
      .form2021 .hs-fieldtype-textarea textarea {
          width: calc(100% - 25px);
      }
  
      .form2021 .hs-fieldtype-file{
          width: 19%;
          margin-right: 30%;
          display: inline-block;
      }
      .form2021 .hs-fieldtype-file .hs-error-msg {
        bottom: 10px;
      }
      .form2021--application .legal-consent-container {
          display: inline-block;
          width: 49%;
      }
  }
  
  @media only screen and (min-width: 992px) {
      .form2021 .hs-fieldtype-textarea textarea {
          width: calc(100% - 33px);
      } 
  }
  .form2021--meeting{
    background-color: #e8e9ea;
  }
  @media only screen and (min-width: 768px) {
    .form2021--meeting .legal-consent-container div {
        display: inline-block;
        width: 49%;
        vertical-align: top;
        margin-top: 15px;
    }
    .form2021--meeting .legal-consent-container div div,
    .form2021--meeting .legal-consent-container {
      display: block;
      width: 100%;
    }
  }
  .form2021__desc p {
    max-width: 800px;
    margin: -30px auto 40px;
    text-align: center;
  }
  
  
  .form2021--center form {
      display: flex !important;
      flex-direction: column !important;
      text-align: center !important;
  }
  .form2021--center .hs-fieldtype-text,
  .form2021--center .hs-fieldtype-select {
      margin: 0 auto;
      text-align: center !important;
  }

  .form2021--center .legal-consent-container .hs-richtext {
      display: none !important;
  }

  .form2021--center .legal-consent-container div {
      display: block;
      margin: 15px auto;
  }

  .form2021--title-orange h2 {
    color: rgb(255,119,0) !important;
  }
  
  @media(max-width: 991px){
    .comparison{
      padding-top: 40px;
    }
  }
  .comparison--grey{
    background-color: #e8e9ea;
  }
  .comparison__bottom {
      padding-bottom: 5.625rem;
  }
  
  .comparison__bottom h2 {
      color: #ED8022;
      font-size: 30px;
      padding-bottom: 25px;
    font-weight: 700;
  }
  
  ul.comparison__yes {
      padding-left: 27px;
      margin-bottom: 25px;
  }
  
  .comparison__bottom li {
      list-style-type: none;
      font-weight: bold;
      padding-inline-start: 5px;
  }
  
  .comparison__bottom img {
      height: 18px;
  }
  
  .comparison__yes li {
      list-style-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_waarwijvoorstaanvinkje.png);
  }
  
  ul.comparison__no {
      padding-left: 23px;
  }
  
  .comparison__no li {
      list-style-image: url(https://www.hupra.nl/hubfs/icons/werknemer_kruisje.png);
  }
  
  
  .card-grid{
    padding: 40px 0;
  }
  .card-grid.white{
    background: #fff;
  }
  .card-grid.grey{
    background: #e8e9ea;
  }
  .card1 {
      height: calc(100% - 20px);
      width: 100%;
      margin-bottom: 70px;
      display: block;
      max-width: 350px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
  }
  
  .card1--blue {
      background-color: #2E3A4C;
  }
  
  .card1--orange {
      background-color: #F07F00;
  }
  
  .card1__corner {
      position: relative;
      padding: 30px;
  }
  
  .card1__corner::after {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      border-top: 50px solid #fff;
      border-right: 100px solid transparent;
      clear: both;
  }
  .grey .card1__corner::after {
      border-top: 50px solid #e8e9ea;
  }
  
  .card1__content-wrapper {
      color: white;
      background-color: transparent;
      padding-left: 45px;
      padding-right: 45px;
      width: 100%;
      padding-bottom: 20px;
      padding-top: 20px;
  }
  
  .card1__content-wrapper h2 {
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 20px;
  }
  
  .card1__review {
      position: relative;
      padding: 0;
      bottom: 0;
  }
  
  .card1__reviewbg {
      width: 78px;
      margin-bottom: 20px;
  }
  
  .card1__review label {
      position: absolute;
      color: white;
      font-weight: bold;
      top: 25px;
      left: 25px;
      font-size: 20px;
      margin-top: 3px;
  }
  
  .card1__quote-small {
      font-family: InterstateMono;
      font-size: 14px;
      line-height: 18px;
    text-align: left;
  }
  
  .card1__title-small {
      font-size: 30px;
      margin-top: 10px;
  }
  
  .card1__author {
      font-size: 11px;
      font-family: InterstateMono-Lgt;
      padding-top: 5px;
      padding-bottom: 20px;
     text-align: center;
  }
  
  .card1__btn-box {
      position: absolute;
      bottom: 0px;
      padding-left: 45px;
      padding-bottom: 20px;
  }
  .card1__btn {
    display:block;
    color: #EF8122;
  }
  .card1__btn--blue {
      color: #2E3A4C;
  }
  
  .card1__btn:hover span {
      padding-left: 20px;
      transition: all .5s;
  }
  
  .card1__btn span {
      padding-left: 15px;
      font-size: 18px;
      transition: all .5s;
  }
  
  
  .card1__icon-wrapper {
      position: absolute;
      width: 100%;
      height: 70px;
      right: 0px;
      top: 0;
  }
  .card1__icon-wrapper img {
      width: 60px;
      float: right;
      margin: 20px 20px 0 0;
  }
  .card1__shield-icon {
      position: absolute;
      height: 50px;
      width: 40px;
      right: 20px;
      top: 20px;
  }
  
  .card1__shield {
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij-shield.svg);
      background-repeat: no-repeat;
      position: absolute;
      width: 40px;
      height: 44px;
  }
  
  .card1__icon {
      position: absolute;
      right: 25px;
      top: 21px;
  }
  .photo-block {
    padding: 30px 0 40px;
    text-align: center;
    background-color: #FFF;
  }
  .photo-block h2 {
    font-size: 34px;
    margin: 0 0 20px;
  }
  .photo-block__frame{
      background-color: rgb(236,128,34) !important;
      background-blend-mode: multiply;
      overflow: hidden;
  }
  .photo-block__frame .row{
    margin-bottom: 0;
  }
  .photo-block__frame img {
      margin: 0 -15px;
      width: calc(100% + 30px) !important;
      max-width: unset;
      mix-blend-mode: multiply;
      object-fit: cover;
      height: 200px;
  }
  
  
  
  
  
  
  
  .block-tic{
    position: relative;
    overflow: hidden;
    padding: 8rem 0 4rem;
  }
.block-tic .bigtitle
{line-height: 1.1;}
  .block-tic h2, 
  .block-tic .bigtitle,
  .block-tic h3 {
    text-align: center;
  }
  .block-tic h3{
      font-family: InterstateMono-Lgt;
      font-size: 18px;
      margin: 0 0 5px;
      color: #ed8022;
      line-height: 1.5;
  }
  .block-tic h2,
  .block-tic .bigtitle
{
      color: #ed8022;
      font-size: 34px;
      margin: 10px auto 30px;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      max-width: 500px;
  }
  @media(min-width: 768px){
    .block-tic h2,
  .block-tic .bigtitle{
      font-size: 44px;
    }
  }
  .block-tic::before {
      content: '';
      left: calc(50% - 11px);
      width: 16px;
      height: 90px;
      top: -40px;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
  }
  .block-tic__video,
  .block-tic figure{
      margin: 2rem 0;
  }
  .block-tic__video {
      width: 100%;
      height: 0;
      position: relative;
      padding-top: 56.25%;
  }
  @media(min-width:1200px){
    .block-tic__video--screen::before,
    .block-tic__image--screen::before{
        content: '';
        position: absolute; 
        left: -70px;
        right: -70px; 
        top: -42px;
        bottom: -65px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-image: url(https://www.hupra.nl/hubfs/screen-bg.jpg);
    }
    .block-tic__video--screen-yt iframe,
    .block-tic__image--screen figure{
          height: 80%!important; 
          max-width: 430px !important;
          top: 25px !important;
          margin: 0 auto;
          right: 0;
          border-radius: 45px;
          overflow: hidden;
    }
    .block-tic__image--screen {
      width: 100%;
      height: 0;
      position: relative;
      padding-top: 56.25%;
      width: calc(100% - 4rem);
      margin: 2rem;
    }
    .block-tic__image--screen figure{
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: 0 auto !important;
    }
    .block-tic__image--screen img{
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
     }
    .block-tic__video--screen .vidyard-player-container {
      max-width: 430px!important;
      top: 25px !important;
    }
    .block-tic__video iframe {
      border-radius: 0;
    }
  }
  @media(min-width:768px){
    .block-tic__video,
    .block-tic figure{
      margin: 2rem;
    }
    .block-tic__video{
      width: calc(100% - 4rem);
    }
  }
  .block-tic__video div {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
  }
  .block-tic__video iframe,
  .block-tic__video ebo.vidyard-player-container{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
  }
  
  @media(min-width: 768px){
    .block-tic--right .block-tic__swop{
      flex-direction: row-reverse;
    }
    
 
  }

  .block-tic--title-blue h2,
  .block-tic--title-blue h3 {
    color: rgb(53,68,90);
  }
  
  
  
  
  
  
  .block-text-image {
    padding: 60px 0;
    position: relative;
  }
  .block-text-image--grey{
      background-color: #e8e9ea;
  }
  .block-text-image--grey .image-triangle::after {
      border-top: 55px solid #e8e9ea;
  }
  .block-text-image__p {
    font-size: 20px;
  }
  .block-text-image__p p {
      margin-bottom: 30px;
  }
  .block-text-image__p a {
    color: #ed8022;
    border-bottom: 1px solid #ed8022;
  }
  .block-text-image--margin50 {
    margin-bottom: -50px;
  }
  .block-text-image__p li{
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }   
  .block-text-image__text h3 {
      font-family: InterstateMono-Lgt;
      font-size: 22px;
      margin: 0 0 10px;
  }
  .block-text-image__text h2 {
      font-size: 40px;
      margin: 15px 0 30px;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  
  @media(min-width: 992px){
 
    
    .block-text-image__text h2,
    .block-text-image__text h3 {
      padding-left: 35px;
      padding-right: 35px;
    }
    .block-text-image__text--title-narrow h2,
    .block-text-image__text--title-narrow h3 {
      max-width: 65%;
      margin-left: auto;
      margin-right: auto;
    }
  }
  .block-text-image__text--icon {
      padding-top: 50px;
      position: relative;
  }
  .block-text-image__text--icon::before {
      content: '';
      left: 48%;
      width: 16px;
      height: 90px;
      top: -60px;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
  }
  .block-text-image__text h3,
  .block-text-image__text h2{
      color: #ed8022;
      text-align: center;
  }

.block-text-image__text .hstyle {
    color: #ed8022 !important;
    text-align: center !important;
    font-size: 40px !important;
    margin: 15px 0 30px !important;
    font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
}
  .block-text-image__text--left h3, 
  .block-text-image__text--left h2 {
    text-align: left;
    padding: 0;
  }
  .vacature-item__button--left {
      margin-top: 35px;
      text-align: left;
  }
  .block-text-image__text--blue h3, 
  .block-text-image__text--blue h2 {
    color: rgb(53,68,90);
    padding: 0;
  }
  @media(min-width: 1200px){
    .block-text-image__text--blue h2 {
      font-size: 46px;
    }
  }
  .block-text-image__image {
      width: 100%;
      height: 100%;
      position: relative;
  }
  .block-text-image__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .block-text-image svg {
    display: none;
  }
  @media (min-width: 768px){
    .block-text-image svg {
      top: 0px;
      height: 100px;
      transform: rotate(-90deg);
      position: absolute;
      display: inline-block;
  }
  }
  @media (min-width: 1100px){
    .block-text-image svg {
           top: 33px;
    }
  }
  .block-text-image__p strong {
      display: block;
      margin-bottom: 7px;
  }
  .block-text-image__p h2 {
    text-align: left;
    color: rgb(53,68,90);
    padding: 0;
    margin: 0;
  }
  .block-text-image__p h2 strong {
    font-weight: normal;
  }
  .block-text-image__orange-triangle {
    display: none;
  }
  .orange-triangle .block-text-image__orange-triangle {
    display: block;
  }
  .orange-triangle .block-text-image__orange-triangle svg {
    display: block;
    transform: unset;
    bottom: 0rem;
    left: 0;
    right: 0;
    width: 100%;
    height: unset;
    position: absolute;
    top: unset;
  }
  .block-text-image__image.orange-triangle img {
      padding: 0 2rem 2rem;
      margin-top: 6rem;
  }
  .block-text-image__image.orange-triangle {
      max-height: 400px;
  }
  @media (min-width: 992px){
    .block-text-image__image.orange-triangle img {
        padding: 0 4rem 4rem;
        margin-top: 0;
    }
    .block-text-image__image.orange-triangle {
      max-height: unset;
    }
  }
  .block-text-image__text .vacature-item__button a {
      border-radius: 30px;
      font-size: 16px;
      padding: 12px 35px;
      margin-top: 20px;
  }
  .block-text-image__orange-triangle--green path{
    fill: #608b74;
  } 
  
  
  
  .numbers {
      background-color: #e8e9ea;
      padding-bottom: 20px;
  }
  .numbers--home {
      padding: 2.5rem 0 1rem;
  }
  @media(min-width:768px){
    .numbers--home {
        padding: 4rem 0 1rem;
    }
  }
  .numbers .cls-1 {
      fill: #2f3b4d;
  }
  .numbers h2 {
      font-family: 'InterstateMono-Bold', 'Helvetica Neue', 'Helvetica', 'sans-serif';
      font-size: 40px;
      color:#2E3A4C;
      text-align: center;
      padding: 50px 0 0 0;
      margin: 0 0 50px 0;
  }
 .numbers.numbers--grey .hstyle {
      font-family: 'InterstateMono-Bold', 'Helvetica Neue', 'Helvetica', 'sans-serif';
      font-size: 40px !important;
      color:  rgb(53,68,90)  !important;
      text-align: center;
      padding: 50px 0 0 0  !important;
      margin: 0 0 50px 0  !important;
  }
  .numbers .hstyle {
      font-family: 'InterstateMono-Bold', 'Helvetica Neue', 'Helvetica', 'sans-serif';
      font-size: 40px !important;
          color:#fff  !important;
      text-align: center  !important;
      padding: 50px 0 0 0  !important;
      margin: 0 0 50px 0  !important;
  }
  .numbers h3 {
      text-align: center;
      font-size: 18px;
      margin-bottom: -40px;
      padding-top: 50px;
      font-family: 'InterstateMono-Lgt', 'Helvetica Neue', 'Helvetica', 'sans-serif';
  }
  .numbers__subtitle {
      text-align: center;
      margin: -10px auto 20px;
      max-width: 900px;
    font-family: 'InterstateMono','Helvetica Neue','Helvetica','sans-serif';
  }
  .numbers__subtitle--light {
    font-family: 'InterstateMono-Lgt','Helvetica Neue','Helvetica','sans-serif';
  }
  .numbers__subtitle--wide {
      margin: -30px auto 30px;
      max-width: 700px;
  }
 
  .numbers__box .row {
      margin: 20px 0;
  }
  .numbers__info {
      text-align: center;
      margin: 0 0 25px 0;
  }

 @media(max-width: 768px){
   
 .landingpage .fa-phone {
    color: transparent;
    position: absolute;
    right: auto;
    width: auto;
    top: 0.14285714em;
    text-align: center;
    font-size: 40px;
    left: 0px;
}
.landingpage >li {
    position: relative;
    max-width: 200px;
    display: block;
    padding-left: 50px;
}
   .numbers__info .icon-item {
         width: 50px;
  }
   .blog p {
    word-break: break-word;
    
}
     .block-text-image__text h2 {
      font-size: 30px !important;
  }
   

   
  .blog h2 {
    margin: 30px 0 20px;
    font-size: 24px;
}
  }  
  
  @media(min-width: 768px){
    .numbers__info {
        margin: 0 0 25px 0;
    }
  
  }  
  .numbers__info img{
    height: 110px;
    margin: 10px auto;
    display: block;
  }
  .numbers__info i {
      font-size: 30px;
      color: #ed8022;
     display: block;
  }
    
  .numbers__info h2 {
      font-size: 40px;
      color: #ed8022;
      padding: 3px 0 0 0;
  }
    
  .numbers__info p {
      font-size: 20px;
      font-family: 'InterstateMono';
      color: #2E3B4D;
      margin: 15px 0 0 0;
  }
  .numbers--home .numbers__info p {
      font-size: 16px;
      font-family: 'InterstateMono-Bold';
  }
  .numbers__info p strong {
      margin-bottom: -15px;
      display: block;
      font-size: 16px;
  }
  .numbers__link  {
      text-align: center;
      
  }
    
  .numbers__link p {
      font-size: 14px;
      font-weight: bold;
      color: #EC7D00;
      margin: 0 0 20px 0;
  }
  .numbers__link a {
      font-size: 14px;
      font-weight: bold;
      text-decoration: underline;
      color: #2E3B4D;
  }
  
  .numbers__top-bottom svg {
    transform: rotate(180deg);
  }
  @media(min-width: 768px) {
    .numbers--home .numbers__box {
        padding: 0 4rem;
    }
  }
  .numbers__line svg {
    margin-left: 3rem;
  }
  .numbers__cta {
    margin-bottom: 80px;
  }
  .numbers--green{
    background-color: #608b74;
    color: white;
  }
  .numbers--green,
  .numbers--green h2,
  .numbers--green h3,
  .numbers--green p,
  .numbers--green div,
  .numbers--green ul li,
  .numbers--green span {
    color: white;
  }
  .numbers--green .numbers__top svg,
  .numbers--green .numbers__bottom svg{
      -webkit-filter: grayscale(1) invert(1);
      filter: grayscale(100) invert(1);
      mix-blend-mode: screen;
  }
  .numbers--green .hs-cta-wrapper {
      margin-top: -30px;
      display: block;
  }
  .numbers--green p strong{
    font-size: 18px;
  }
  .numbers--green p{
    font-size: 16px;
  }
  
  
  .padding-30{
    padding-top: 20px !important;
    padding-bottom: 25px !important;
  }
  .padding-60{
    padding-top: 35px !important;
    padding-bottom: 50px !important;
  }
  @media(min-width:768px){
    .padding-30{
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }
    .padding-60{
      padding-top: 60px !important;
      padding-bottom: 60px !important;
    }
  }
  .padding-60 .col2-image__wrapper::after {
      content: '';
      left: 48%;
      width: 16px;
      height: 90px;
      top: -60px;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
  }
  
  
  .hero-banner--home h3,
  .hero-banner--home h2 {
    opacity: 1;
  }
  .hero-banner__quote {
    text-align: left;
    padding-left: 3.7rem;
    padding-right: 2rem;
    padding-top: 0;
    position: relative;
    z-index: 10;
  }
  .hero-banner__quote i {
    color: #ef8122;
    display: inline-block;
    margin-top: .35rem;
    font-size: 1.6rem;
  }
  .hero-banner__quote a:hover i {
      margin-left: .6rem;
      transition: all .4s;
  }
  @media(min-width:992px){
    .hero-banner__quote-triangle {
      position: absolute;
      left: 0;
      right: 0;
      top: -9rem;
      bottom: 0;
      z-index: -1;
      overflow-x: hidden;
    }
    .hero-banner__quote-triangle::before {
      content: '';
      background: #3a425a;
      position: absolute;
      top: 5rem;
      right: -5rem;
      width: 21rem;
      height: 12rem;
      transform: rotate(
    -30deg
    );
      z-index: 0;
    }
  }
  .hero-banner__quote a:hover span {
    text-decoration: underline;
  }
  
  .hero-banner__quote-bg {
    background-color: #3a425a;
    min-height: 17.1rem;
    position: absolute;
    z-index: 10;
    display: flex;
    bottom: -5rem;
    right: -0.1rem;
    height: 200px;
    left: 20%;
    right: 0;
  }
  @media(max-width:767px){
    .hero-banner__title {
      margin-bottom: 16rem;
    }
  }
  
  @media(min-width: 768px){
    .hero-banner__quote-bg {
      bottom: -2.5rem;
      right: -0.1rem;
      width: 47%;
      left: unset;
    }
  }
  .hero-banner__quote-white {
    clip-path: polygon(0% 0%, 100% 0%, 100% 73%, 18% 73%, 0 100%, 0 66%, 0 67%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
  }
  
  
  
  @media (min-width: 992px) {
    .hero-banner__quote-bg {
      width: 41%;
    }
  }
  
  .hero-banner--bottom {
    background-color: #3a425a;
    padding-bottom: 6rem;
  }
  .hero-banner__info--bg {
    background-color: #3a425a;
    position: absolute;
    z-index: 0;
    display: flex;
    bottom: 0;
    right: 0;
    width: 100%;
    transform: rotate(180deg);
  }
  
  @media screen and (max-width: 575px) {
    .hero-banner__info--bg {
      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
      height: 52%;
      width: 100%;
    }
  }
  
  @media (min-width: 576px) {
    .hero-banner__info--bg {
      clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
      height: 40%;
    }
  }
  
  @media (min-width: 767px) {
    .hero-banner__info--bg {
      clip-path: polygon(0% 0%, 100% 0%, 100% 55%, 30% 55%, 0 100%, 0 66%, 0 67%);
      height: 69%;
    }
  }
  @media (min-width: 992px) {
    .hero-banner__info--bg {
      clip-path: polygon(0% 0%, 100% 0%, 100% 55%, 30% 55%, 0 100%, 0 66%, 0 67%);
      height: 78%;
    }
  }
  
  .hero-banner__quote p {
    font-family: "InterstateMono-lgt";
    color: #34435a;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    z-index: 5;
    position: relative;
    max-width: 30rem;
    font-size: 2rem;
    line-height: 1.3;
  }
  
  @media(min-width:768px){
    .hero-banner__quote p {
      font-size: 2.3rem;
      line-height: unset;
    }
  }
  @media (min-width: 992px) {
    .hero-banner__quote span {
      font-size: 2rem;
      margin-bottom: 1.5rem;
    }
  }
  .hero-banner__quote span {
    font-family: "InterstateMono-lgt";
    font-size: 1.9rem;
    color: #ef8122;
    z-index: 5;
    position: absolute;
    left: 6.5rem;
  }
  .hero-banner__info li {
    margin-bottom: 1.1rem;
    position: relative;
  }
  .hero-banner__info li a {
    cursor: pointer;
    border: 1px solid white;
    border-radius: 1.6rem;
    position: relative;
    z-index: 50;
    font-family: "InterstateMono-lgt";
    font-size: 1.3rem;
    color: white;
    padding: .8rem 2.5rem .7rem 4rem;
    width: 100%;
    display: inline-block;
    line-height: 1.3;
  }
  .hero-banner__info li a:hover {
      background-color: white;
      color: #34435a;
  }
  
  .hero-banner__info li::marker {
    content: " ";
  }
  .hero-banner__info li a::before {
    left: 1.2rem;
    position: absolute;
    top: .6rem;
    content: "\f061";
    font-family: 'fontawesome-webfont' !important;
    font-size: 1.4rem;
    color: #ef8122;
    transition: .3s all;
  }
  .hero-banner__info li a:hover::before {
      left: 1.7rem;
      transition: .4s all;
  }
  .hero-banner__index {
    width: 2rem;
    height: 2rem;
    background-color: #ef8122;
    border-radius: 27px;
    z-index: 100;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    color: white;
    font-size: 1rem;
    text-align: center;
    line-height: 2.25;
  }
  
  .hero-banner__info h4 {
    font-family: "InterstateMono-Lgt";
    font-size: 1.7rem;
    color: #ef8122;
    position: relative;
    z-index: 5;
  }
  
  .hero-banner__info p {
    font-family: "InterstateMono-Lgt";
    font-size: 2.3rem;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
  }
  
  
  .hero-banner__arrows {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    z-index: 5;
  }
  .hero-banner__icons {
    padding-bottom: 1.7rem;
    z-index: 5;
      height: 64px;
  }
  
  .hero-banner__text {
    z-index: 5;
    height: 1.8rem;
    margin-bottom: 0.5rem;
  }
  .hero-banner__text img {
    height: 2rem;
  }
  
  @media screen and (max-width: 575px) {
    .hero-banner__arrows {
      display: none;
      padding-bottom: 0;
    }
    .hero-banner__icons {
      padding-bottom: 0.5rem;
      padding-top: 2.5rem;
    }
  }
  
  .hero-banner__arrow-down i {
    color: #ef8122;
    transform: rotate(
  90deg
  );
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .hero-banner__arrow-down a i {
    transition: all .2s;
  }
  .hero-banner__logo:hover .hero-banner__arrow-down a i {
      margin-bottom: 1.5rem;
      margin-top: .5rem;
      transition: all .3s;
  }
  
  
  .quote1 {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 110px 0 110px;
    color: white;
    background-color: #ef8122;
    background-blend-mode: multiply;  
  }
  .quote1--h-400 {
    min-height: 400px;
  }
  .quote1--h-600 {
    min-height: 600px;
  }
  .quote1--orange{
    background-color: #ec8022
  }
  .quote1--blue {
    background-color: rgb(53,68,90);
  }
  .quote1--orange .quote1__image{
      mix-blend-mode: multiply;
  }
  .quote1 .container {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .quote1__image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  .quote1__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .quote1__author {
    font-family: 'InterstateMono-Lgt';
    font-size: 20px;
  }
  .quote1 blockquote {
    font-family: 'InterstateMono-Bold';
    font-size: 40px;
    line-height: 48px;
  }
  .quote1__blockquote-small {
      margin-bottom: 0;
  }
  .quote1__btn {
    font-family: 'InterstateMono';
    font-size: 18px;
    padding: 12px 45px 9px;
    border: 1px solid white;
    border-radius: 30px;
    margin-top: 60px;
    color: white;
    display:inline-block;
    transition: color .3s;
  }
  .quote1__btn:hover {
    background-color: #34435a;
    color: white;
    transition: color .4s;
    border-color: #34435a;
  }
  
  .hero-bottom {
    display: none;
  }
  @media(min-width: 768px){
    .hero-bottom {
      display: block;
      background-color: #efefef;
      font-size: 16px;
      padding: 14px 00 12px;
    }
    .hero-bottom a, 
    .hero-bottom span {
      color: #ef8122;
    }
    .hero-bottom__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .hero-bottom__item {
        -ms-flex-preferred-size: 0;
        flex-basis: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
    }
  }
  
  
  .home-logo-block--grey .home-logo-block__logo img {
      mix-blend-mode: multiply;
  }
  .home-logo-block h2 {
      color: #608b74;
      font-size: 34px;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      margin: 60px 0 -14px;
  }
  @media(max-width: 767px){
    .home-logo-block--grey .home-logo-block__logo img {
      margin: -30px auto;
    }
     .home-logo-block--grey.mob23 .home-logo-block__logo img {
      margin: 10px auto;
    }
    .home-logo-block h2 {
        margin-bottom: 10px;
    }
    .home-logo-block--grey {
      padding: 0px 0 30px;
    }
  }
  @media(max-width: 991px){
    .home-logo-block h2 {
      font-size: 24px;
      text-align: center;
    }
  }
  .home-logo-block .section-icon svg{
    top: 28px;
  }
  .home-logo-block--grey {
      background-color: #e8e9ea;
  }
  .home-logo-block__item{
    margin: auto;
  }
  .home-logo-block__logo {
      max-width: calc(100% - 20px);
      display: block;
      margin: 15px auto;
  }
  @media(min-width:768px){
    .home-logo-block__logo {
        margin: 30px auto;
    }
  }
  .home-logo-block__logo img {
      margin-left: auto;
      margin-right: auto;
  }
  .home-logo-block__more {
      color: #ed8022;
      display: block;
      margin: 10px 0;
  }
  @media(min-width:768px){
    .home-logo-block__more {
        color: #ed8022;
        display: block;
        margin: 25px 0;
    }
  }
  .home-logo-block__more:hover {
    text-decoration: underline;
  }
  .home-logo-block__more i {
      color: rgb(53,68,90);
      padding-left: 5px;
      transition: all .2s;
  }
  
  @media(max-width: 992px) {
    .home-usp .container {
      max-width: 100% !important;
    }
  }
  .home-usp__card--package {
      background-color: white;
  } 
  .home-usp__card {
      -webkit-box-shadow: 3px 3px 5px 1px #b9b9b94d;
      -moz-box-shadow: 3px 3px 5px 1px #b9b9b94d;
      height: calc(100% - 25px);
  }
  @media(min-width: 992px){
    .home-usp__card{
      height: calc(100% - 50px);
    }
  }
  .home-usp__title-main {
      position: relative;
      width: 100%;
      text-align: center;
      overflow: hidden;
  }
  .home-usp__title-main::before{
      content: '';
      left: 48%;
      width: 16px;
      height: 90px;
      top: -40px;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
  }
  .home-usp__title-main h3 {
      color: #ef8122;
      font-family: 'InterstateMono-Lgt';
      font-size: 17px;
      margin-top: 80px;
  }
  .home-usp__title-main h2 {
      color: #ef8122;
      font-family: 'InterstateMono-Bold';
      font-size: 40px;
      margin: 20px auto 40px;
      line-height: 1.4;
      max-width: 900px;
      text-align: center;
      padding: 0 20px;
  }
  @media (max-width: 767px) {
    .home-usp__title-main h2 {
        line-height: 1.1;
    }
  }
  .home-usp__image {
      position: relative;
      width: 100%;
      height: 140px;
      overflow: hidden;
  }
  .home-usp__image img {
      object-fit: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
  }
  .home-usp__logo {
      margin: -50px 0 -30px;
      position: relative;
      z-index: 10;
      color: white;
      text-align: center;
      padding: 40px 0 55px;
      position: relative;
  }
  .home-usp__logo a {
      position: relative;
      z-index: 10;
      display: block;
  }
  .home-usp__icon img {
      width: 40px;
      margin-bottom: 20px;
    height: 40px;
  }
  .home-usp__logo-word img {
      height: 30px;
      width: auto;
      padding: 0 10px;
      max-width: calc(100% - 20px);
  }
  .home-usp__logo::before {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      height: 60%;
      transform-origin: right top;
      background: #d0041c;
      clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0% 41%);
  }
  .home-usp__logo::after {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      height: 50%;
      transform-origin: right top;
      background: #d0041c;
      clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0% 50%);
  }
  .home-usp__logo::before {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      top: 45%;
      height: 50%;
      transform-origin: right top;
      background: #d0041c;
      clip-path: polygon(100% 0, 100% 50%, 78% 100%, 0 100%, 0 0);
  }
  .home-usp__logo--cloud::before,
  .home-usp__logo--cloud::after{
      background-color: #608B74;
  }
  
  .home-usp__logo--beheer::before,
  .home-usp__logo--beheer::after{
      background-color: #2E3B4D;
  }
  .home-usp__logo--wifi::before, 
  .home-usp__logo--wifi::after{
    background-color: #ed8022;
  }
  .home-usp__bottom {
      position: relative;
      min-height: 200px;
      padding: 90px 15px 80px;
      text-align: center;
      margin-bottom: 50px;
  }
  .home-usp__bottom::before {
      content: '';
      left: 48%;
      width: 16px;
      height: 90px;
      top: -30px;
      position: absolute;
      background-image: url(https://www.hupra.nl/hubfs/icons/werkenbij_quote.svg);
      background-size: cover;
      background-position: center bottom;
  }
  .home-usp__bottom--wifi::before {
      background-image: url(https://www.hupra.nl/hubfs/logos/werkenbij_orange.svg);
  }
  .home-usp__bottom--cloud::before {
      background-image: url(https://www.hupra.nl/hubfs/logos/werkenbij_green.svg);
  }
  .home-usp__list-item i {
      color: #ef8122;
      display: block;
      font-size: 22px;
      margin-bottom: 10px;
  }
  .home-usp__list-item span {
      display: block;
      font-size: 17px;
      margin-bottom: 20px;
      font-family: 'InterstateMono-Bold';
  }
  .home-usp__bottom .vacature-item__button {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: -15px;
      max-width: calc(100% - 30px);
  }
  @media(min-width: 992px){
    .home-usp__bottom .vacature-item__button {
      bottom: 10px;
    }
  }
  .home-usp__bottom .vacature-item__button a {
      border-radius: 30px;
      font-size: 16px;
      padding: 12px 30px;
      margin: 20px 0;
  }
  
  
  
  
  
  
  
  
  
  .package-info {
    position: relative;
    padding: 6rem 0px;
  }
  .section-icon{
    display: none;
  }
  @media(min-width: 1350px){
    .section-icon{
      display: block;
    }
  }
  .section-icon svg,
  .package-info__icon svg {
      top: 0;
      height: 100px;
      transform: rotate(
  -90deg);
      position: absolute;
      display: inline-block;
  }
  .package-info__icon svg{
      top: 60px;
  }
  .package-info .hstyle {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      font-size: 30px;
      color: #ed8022;
    text-align: left;
    line-height: 1.1;
       margin-top: 20px;
    margin-bottom: 10px;
  }

 .package-info h2 {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      font-size: 30px;
      color: #ed8022;
  }


  .package-info h3 {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      font-size: 20px;
      margin-top: 0;
  }
  .package-info__text ul {
      margin: 45px 0 30px -40px;
  }
  @media(max-width:575px){
    .package-info__text ul {
      margin-left: 0;
    }
  }
  .package-info__text li {
      font-size: 1.5rem;
  }
  .package-info__cta-info {
      margin-bottom: 20px;
  }
  
  
  
  
  .package{
    height: 100%;
    padding: 60px 20px 40px;
  }
  @media(max-width: 767px) {
    .package,
    .home-usp__card--package{
          margin-top: 40px;
    }
  }
  .package--green{
    background-color: #608b74;
  }
  .package--green h3,
  .package--green h4,
  .package--green h2,
  .package--green p,
  .package--green div,
  .package--green span,
  .package--green ul li{
    color: white;
  }
  .home-usp__card--package h3,
  .package h3 {
      font-family: InterstateMono-Lgt;
      text-align: center;
      position: relative;
      z-index: 1;
      margin-top: 30px;
  }
  .home-usp__card--package h4,
  .package h4 {
      text-align: center;
      font-size: 40px;
      margin-bottom: 5px;
      margin-top: -7px;
      position: relative;
      z-index: 1;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .package__list ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 45px;
  }
  .package__list li{
    position: relative;
    display: flex;
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 5px 0 2px 25px;
    border-bottom: 1px solid #ffffff94;
    font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .package__list li::before{
      content: "\f00c";
      color: #ed8022;
      position: absolute;
      left: 0px;
      top: 4px;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 16px;
  }
  .package__period {
      font-size: 1.5rem;
      text-align: center;
      margin: 15px auto;
  }
  .package__price {
      font-size: 60px;
      text-align: center;
      margin: -16px auto;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .package-info__cta-package {
      text-align: center;
      margin: -10px auto 10px;
  }
  .package-info__cta-package a {
      width: calc(100% - 70px);
      max-width: 100%;
  }
  .home-usp__card--package .home-usp__top {
      padding: 15px 15px 5px;
  }
  .home-usp__card--package .home-usp__bottom{
    padding-bottom: 30px;
  }
  
  
  
  
  .video-text {
      padding: 4rem 0;
  }
  @media(max-width: 767px){
    .video-text__video {
      margin-bottom: 20px;
    }
  }
  .video-text__video{
      width: 100%;
      height: 0;
      position: relative;
      padding-top: 56.25%;
  }
  
  @media(min-width:768px){
    .video-text--right .video-text__swop {
      flex-direction: row-reverse;
    }
  }
  @media(min-width: 1200px){
    .video-text__video{
      width: calc(100% - 3rem); 
      margin-left: 3rem;
    }
    .video-text--left .video-text__video {
      margin-right: 3rem;
      margin-left: 0;
    }
  }
  .video-text__video iframe,
  .video-text__video div{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: 0;
  }
  .video-text__content h2 {
      color: #ed8022;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      font-size: 34px;
  }

  .video-text__content .hstyle {
      color: #ed8022;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      font-size: 34px;
        text-align: left;
    margin: 0;
    line-height: 1.1;
  }
  @media(min-width: 1200px){
    .video-text {
      padding: 6rem 0;
    }
  }
  @media(min-width:768px){
    .video-text__content{
      display: flex;
      justify-content: center;
      flex-direction: column;
      height: calc(100% - 3.5rem);
    }
  }
  .video-text__text {
      padding-top: 5px;
      margin-bottom: -15px;
  }
  .video-text__image{
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
  }
  
  
  
  
  
  
  
  .faq{
    padding: 5rem 0;
  }
  @media(min-width: 992px){
    .faq{
      padding: 7rem 0;
    }
  }
  .faq--grey {
    background-color: #e8e9ea;
  }
  .faq__p {
      margin-top: -3rem;
  }
  .faq__heading{
    text-align: center;
  }
  .faq--title-left .faq__heading {
    text-align: left;
  }
  .faq__p p {
      margin: 0 0 5rem;
  }
  .faq__heading h2 {
      margin: 1.5rem 0 .5rem;
      font-family: 'InterstateMono-Bold';
  }
  .faq--title-orange h2 {
    color: #ed8022;
  }
  .faq .card-link {
      color: rgb(53,68,90);
      font-family: 'InterstateMono-Bold';
      font-size: 20px;
  }
  .faq .card-header::after {
      content: "\f105";
      position: absolute;
      right: 20px;
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: rotate(
  90deg);
      font-size: 28px;
      color: #ED8022;
      font-weight: 900;
      top: 7px;
      right: 1rem;
      transition: transform .4s;
      cursor: pointer;
  }
  .faq .card.open .card-header::after{
      transform: rotate(270deg);
      transition: transform .4s;
  }
  @media(min-width: 992px){
    .faq .card-header::after{
      right: 5rem;
      top: 18px;
    }
  }
  .faq .card-header {
      padding: .75rem 0;
      margin-bottom: 0;
      background-color: transparent;
      border-bottom: 1px solid rgba(0,0,0,.125);
      position: relative;
  }
  @media(min-width: 992px){
    .faq .card-header{
        padding: 1.5rem 3rem;
    }
  }
  .faq .card-header:first-child {
      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  }
  .faq .collapse:not(.show) {
      display: none;
  }
  .faq .card-body {
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      min-height: 1px;
      padding: 0rem 0rem 1rem;
  }
  @media(min-width: 992px){
    .faq .card-body {
          padding: 2rem 3rem 0rem;
    }
  }
  .faq .card-body p, .faq .card-body ul li {
    margin-top: 0;
    font-size: 16px;
  }
  
  .faq .collapse.show{
    display: block;
  }
  .faq .collapse:not(.show) {
      display: none;
  }
  .faq__cta {
      text-align: center;
      padding: 2rem 0 2rem;
  }
  @media(min-width: 768px){
    .faq__cta {
      padding: 4rem 0 2rem;
    }
  }
  .block-text-image--benefits svg {
    opacity: 0;
  }
  @media(min-width: 1350px){
    .block-text-image--benefits svg {
      opacity: 1;
    }
  }
  .block-text-image--benefits svg{
    top: 63px;
  }
  .block-text-image--benefits h2 {
      margin-bottom: 10px;
  }
  
  
  
  .benefits{
    padding: 20px 20px;
  }
  .benefits__intro {
    max-width: 900px;
    margin: -3rem 0px 3rem;
  }
  .benefits--list-normal .hlist strong {
    font-weight: normal;
  }
  .benefits__intro h3 {
        color: #ec8022;
  }
  @media (min-width: 768px) {
    .benefits{
      padding: 40px 20px;
    }
  }
  .benefits li p {
      margin: 0 0 5px;
  }
  .benefits--title-blue h2 {
      color: rgb(53,68,90);
  }
      
  .benefits ul {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  @media(min-width: 768px){
    .benefits ul {
      margin-left: -35px;
    }
  }
  .benefits .section-icon svg{
    top: 40px;
  }
  .benefits .vacature-body__btn {
    padding: 0 0 20px;
  }
  @media (min-width: 768px) {
    .benefits .vacature-body__btn {
        padding: 0 0 20px;
    }
  }
  @media (min-width: 1200px) {
    .benefits .vacature-body__btn {
        padding: 0 0 20px;
    }
  }
  @media (min-width: 768px) {
    .benefits .container {
      width: calc(100% - 150px);
    }
  }
  @media (min-width: 1400px) {
    .benefits .container {
      width: 1170px;
    }
  }
  
  
  
  .package3{
    background-color: #608b74;
    text-align: center;
  }
  .package3__wrapper {
    padding: 0 20px;
  }
  @media(min-width: 1200px){
    .package3__wrapper {
        padding: 0 40px;
    }
  }
  @media(min-width: 768px){
    .container-package {
        max-width: calc(100% - 100px);
    }
  }
  @media(min-width: 1200px){
    .package3__wrapper--0, 
    .package3__wrapper--2 {
      margin-top: 60px;
    }
  }
  @media(min-width: 1400px){
    .container-package {
        max-width: 1400px;
    }
  }
  .package3 h2{
    font-size: 44px;
    color: white;
  }
  .package3 h3{
    color: white;
    margin-bottom: 50px;
    font-family: InterstateMono;
  }
  @media(min-width: 992px){
    .package3 h3{
       margin-bottom: 70px;
    }
  }
  .package3 .home-usp__image {
      height: 160px;
  }
  .package3 .home-usp__logo{
    margin-top: -70px;
  }
  .package3 .package__list li {
      font-size: 16px;
      line-height: 1.7;
  }
  .package3 .package__list li:before {
      font-size: 20px;
      margin-top: 3px;
  }
  .package3 .package__list li {
      flex-direction: column;
      text-align: left;
  }
  .package__add-margin {
      margin-bottom: 15px;
  }
  .package3 .package__list li span {
      color: #d0d0d0;
      margin-bottom: 25px;
  }
  .package3 .package__period--second {
      font-size: 18px;
  }
  .package3 .package-info__cta-package a {
      max-width: 200px;
  }
  .package3 .home-usp__logo h3 {
    margin: 0 0 15px;
    font-size: 22px;
    font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .package3__title-small {
      color: black;
      position: relative;
      z-index: 2;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      margin-bottom: 15px;
  }
  .package3 .home-usp__card {
      -webkit-box-shadow: 5px 6px 20px 5px #1f1f1f85;
      -moz-box-shadow: 5px 6px 20px 5px #1f1f1f85;
  }
  @media(max-width: 575px){
    .package3 .home-usp__card {
      margin: 0;
    }
  }
  .package3 .package-info__cta-footer {
      text-align: center;
      display: block;
      width: 100%;
      margin: -10px 0 -5px;
  }
  .package3 .package-info__cta-footer .cta_button {
      background-color: transparent;
      border: 2px solid #ed8022;
      font-size: 22px;
  }
  .package3 .package-info__cta-footer .cta_button:hover{
      background-color: #ed8022;
  }
  .package3 .home-usp__card--package .home-usp__top{
    padding: 25px 20px;
  }
  .package3--blue {
    background-color: rgb(53,68,90);
  }
  .package3--orange {
      background-color: #ed8022;
  }
  
    
  
  .icon-central svg{
    height: 100px;
  }
  
  
  .service-block{
    text-align: center;
    position: relative;
    padding: 50px 20px;
    overflow: hidden;
  }
  .service-block .icon-central{
      position: absolute;
      left: 0; 
      right: 0;
      top: -50px;
  }
  .service-block__title {
      display: block;
      text-align: center;
      width: 100%;
      margin: 20px 0;
  }
  .service-block__title h2 {
    font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif'; 
    font-size: 44px;
  }
  .service-block a{
    color: rgb(53,68,90);
    font-size: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 45px 0 20px;
  }
  .service-block a::before {
    content: "\f061";
    color: rgb(53,68,90);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    font-family: 'FontAwesome';
    color: #ef8122;
    transition: all .3s;
    transform: translateY(0) rotate(90deg);
  }
  .service-block a:hover::before{
    transform: translateY(8px) rotate(90deg);
    transition: all .5s;
    font-size: 22px; 
  }
  
  
  .branches .vacature-item__top--new {
      min-height: 130px!important;
  }
  .branches .vacature-item__bottom {
      text-align: left;
  }
  @media(min-width:768px){
    .branches .vacature-item__button a {
        min-width: 260px;
    }
  }
  .branches .vacature-item__block-title::after {
    content: none;
  }
  .branches .vacature-item__block-title,
  .branches .vacature-item__branch-p {
    text-align: left;
    color: rgb(53,68,90);
  }
  .branches .vacature-item__bottom {
      padding: 20px 15px;
  }
  .branches .vacature-item__block-title {
      padding-bottom: 5px !important;
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  }
  .branches .vacature-item__branch-p {
      font-size: 16px;
  }
  .branches .vacature-item__bottom {
      min-height: unset !important;
  }
  .branches .vacature-item__bottom--link{
    padding-bottom: 6rem;
  }
  .branches .vacature-item__arrow {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
  }
  .branches .vacature-item__arrow span {
      color: #ed8022;
      font-size: 18px;
      transition: all .3s;
  }
  .branches .vacature-item__arrow:hover span{
    transition: all .5s;
    padding-left: 15px;
  }
  .branches .vacature-item__button {
    margin-bottom: 20px;
  }
  @media(min-width:1200px){
    .branches .vacature-item__button {
      margin-bottom: 20px;
    }
  }
  
  .download-block{
    position: relative;
    color: white;
    padding: 35px 20px 80px;
  }
  .download-block:before{
    content: none;
  }
  .download-block--beheer:before {
    background-color: rgb(46,58,76);
  }
  .download-block--cloud:before {
    background-color: rgb(96,140,115);
  }
  .download-block--wifi:before {
    background-color: rgb(236,128,34);
  }
  .download-block--algemeen:before {
    background-color: rgb(236,128,34);
  }
  .download-block--security:before {
    background-color: rgb(46,58,76);
    
  }
  .download-block--overlay:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .7;
    mix-blend-mode: multiply;
    z-index: 3;
  }
  .download-block__bg img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
.download-block__logo,
.download-block .container {
  position: relative;
  z-index: 4;
}
  .download-block h2,
  .download-block__p {
    text-align: center;
    display: block;
    width: 100%;
  }
  .download-block .logo {
    display: none;
  }
  .download-block__url{
    display: inline-block;
  }
  .download-block__logo{
    display: block;
    width: 100%;
    text-align: center;
  }
  .download-block--cloud .logo-cloud {
    display: inline-block;
  }
  .download-block--wifi .logo-wifi {
    display: inline-block;
  }
  .download-block--beheer .logo-beheer {
    display: inline-block;
  }
  .download-block--algemeen .logo-algemeen {
    display: inline-block;
  }
  .download-block h2 {
    margin: 80px auto 5px;
    font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
    max-width: 800px;
  }
  .download-block__p p {
      font-size: 18px;
      max-width: 600px;
      margin: 30px auto 20px;
  }
  .download-block input::placeholder,
  .download-block textarea::placeholder {
    color: #acacac;
  }
  .download-block input[type=text],
  .download-block input[type=email],
  .download-block input[type=tel],
  .download-block input[type=phone],
  .download-block input[type=number],
  .download-block textarea {
      padding: 17px 15px 15px;
      height: unset;
      font-size: 13px;
      border-radius: 10px;
      font-family: InterstateMono-Lgt;
      font-weight: bold;
  }
  .download-block .hs-form-field {
      flex-direction: column;
  }
  .download-block .hs-richtext span {
    display: none;
  }
  .download-block .hs-error-msg {
      background-color: rgb(53,68,90);
      font-size: 13px;
      padding: 0px 12px;
      width: 100%;
      display: block;
      margin-top: 8px;
  }
  .download-block textarea {
      width: 100%;
      margin-top: 10px;
      min-height: 150px;
  }
  .download-block .hs-submit {
    display: block;
    width: 100%;
    text-align: center;
  }
  .download-block input[type=submit] {
      background-color: #fff;
      color: #ed8022;
      border-color: #ed8022;
      padding: 15px;
      display: inline-block;
      border-radius: 5px;
      font-size: 15px;
      font-weight: bold;
      margin: 30px auto -10px;
      transition: all .5s;
      border-radius: 30px;
      font-size: 16px;
      padding: 12px 25px;
      min-width: 200px;
      border: 1px solid #ed8022;
  }
  .download-block input[type=submit]:hover {
    background-color: rgb(53,68,90);
    color: white;
    border-color: rgb(53,68,90);
  }
  .download-block textarea:focus {
      outline: none;
  }
  .download-block__ebook {
      margin: 20px auto;
      max-width: 210px;
  }
  .download-block__ebook--left {
      margin: 10px auto 30px;
  }
  .download-block__ebook--right{
      display: none;
  } 
  @media(min-width: 768px){
    .download-block__ebook--right{
      display: block;
    }
    .download-block__ebook--left {
      display: none;
    }
  }
  .download-block form label a,
  .download-block .legal-consent-container .hs-form-booleancheckbox-display p a{
      color: white;
      text-decoration: underline;
  }
  .download-block form label span p {
      font-size: 14px;
      line-height: 1.2;
      display: inline-block;
      vertical-align: top;
  }
  .download-block form label input {
    vertical-align: top;
    display: inline-block;
  }
  .download-block .inputs-list li input[type=checkbox] {
      margin-top: 0px;
  }
  .download-block .legal-consent-container span {
      padding-left: 7px;
  }
  .download-block .legal-consent-container .hs-error-msg {
      padding: 12px 15px 10px;
  }
  
  
  
  
  .title-btn{
    text-align: center;
    padding: 50px 20px 70px;
    background-color: #e8e9ea;
  }
  .title-btn h2 {
      font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
      margin: 0 0 0;
  }
  .title-btn h3 {
      font-size: 18px;
  }
  .title-btn__cta{
      margin-top: 30px;
  }
  .title-btn .cta_button {
      min-width: 200px;
  }
  
  
  
  
  .home-usp__card--green .home-usp__logo::before,
  .home-usp__card--green .home-usp__logo::after{
      color: #608b74;
  }
  .home-usp__card--orange .home-usp__logo::before,
  .home-usp__card--orange .home-usp__logo::after{
      background-color: #ed8022;
  }
  .home-usp__card--blue .home-usp__logo::before,
  .home-usp__card--blue .home-usp__logo::after{
      background-color: rgb(53,68,90);
  }
  
  
  
  .package3--orange .package__list li::before{
        color: rgb(53,68,90);
  }
  .package3--green .package__list li::before{
        color: #ed8022;
  }
  .package3--blue .package__list li::before{
        color: #608b74;
  }
  
  
  .home-usp__card--blue .package3__title-small {
      color: #ed8022;
  }







.range{
  background-color: #e8e9ea;
  margin-bottom: -10px;
  padding-bottom: 30px;
}
.range-wrapper{
  border-top: 1px solid #34435a ;
}

.range-section{
  text-align:center;
  padding: 65px 10px 81px;
  border-top: 1px solid #34435a;
  
}
.range-section:nth-child(1){
  border-top: none;
}

.range-section__input{
  font-family: 'InterstateMono-Lgt';
  font-size: 18px;      
  color: #34435a;
  border-radius: 8px;
  width: calc(100% - 10px);
  margin-top: 15px;
  padding: 14px 15px;
  border:none;
  margin-top:42px;
  
}
.range-section__input::placeholder{
  color: #d0d0d0;      
}
@media(min-width:768px){
  .range-section__input{
    width: 460px;
  }
}
.range-section__input:focus{
  outline:none;
}
.range-section__p,
.range-section__p p {
  margin-bottom:0;
  margin-top: 13px;
  font-size:19px; 
  margin-bottom:15px;     
}
@media(min-width:768px){
  .range-section__p,
  .range-section__p p{
    padding: 0 40px;
    margin-bottom: 0; 
  }
}
.range-section__p a{
  color:#34435a;
  text-decoration:underline;
}
.range-section__p--strong {
  font-weight: bold;
  margin-bottom: -10px;
  margin-top: 38px;
  font-size:17px;
}

.range-section__smp,
.range-section__smp p{
  color: #ed8022 ;
  font-size: 15px ;
  margin-top: 10px;      
  margin-bottom: -5px;
}
@media(min-width:768px){
  .range-section__smp,
  .range-section__smp p{
    padding: 0 86px;
  }
  .range-section__smp p {
    padding: 0;
  }
}

.results{
  text-align: center;
  background-color: #FFFFFF;
  padding: 15px 15px 5px;
  box-shadow: 3px 3px 5px 1px #b9b9b94d; 
  position:sticky;
  top:10px;
}
@media(min-width:768px){
  .results{
    margin-top:50px;
    padding: 10px 24px 35px;
  }
}

.results__title{
  font-size:20px;
  padding-bottom:20px;
  font-weight:700;
}
.results__h3{
  font-size: 16px;
  line-height: 1.5;
  font-family: 'InterstateMono-Lgt','Helvetica Neue','Helvetica','sans-serif';
  margin: 0;
  font-weight:600;
  color: #34435a ;
}
.results__price{
  font-size:16px;
  color: #ed8022 ;
  font-family: 'InterstateMono-Lgt','Helvetica Neue','Helvetica','sans-serif';
  font-weight: 600;
}
.results__p{
  color: #ed8022 ;
  font-size: 16px;
  margin: 0 0 10px 0;
}

.results__p:before{
  content:"\20AC";
  margin-right: 3px;
}
.results__total{
  font-size:35px;
  margin-top:10px;
  color: #ed8022 ;
  font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
  margin-bottom: 10px;
}
.results__hr{
  border-top:1px solid #34435a;
  width: 100%;
  margin: 30px 0 30px 0 ;
}
.results__total:before{
  content:"\20AC";
  margin-right:3px;
}
.range-section__radio{
  display:none;
}
.range-section__radio:checked + .range-section__label{
  background: #ed8022;
  color:#ffffff;
}

.range-section__label{
  border: 1px solid #ed8022;
  color: #ed8022;
  font-size: 18px;
  border-radius: 30px;
  padding: 14px 30px;
  cursor: pointer;
  transition: 0.1ms;
  display: inline-block;
  min-width: 170px;
  font-weight: 700;
}
.range-section__label:nth-child(4) {
  margin: 20px 40px;
}
  
.range-section__btn{
  font-family: "InterstateMono";
  font-size: 18px;
  color: #fff;
  min-width: 250px;
  border: 1px solid #ed8022;
  background-color: #ed8022;
  border-radius: 30px;
  margin: 20px 0 50px;
  padding: 16px 30px 13px;
  transition: all 0.25s ease-in-out; 
  display:inline-block;
}
  
@media(min-width:768px){
  .range-section__btn{
    padding: 16px 100px 13px;
  }
}
.range-section__btn:hover{
  background-color: #35445a;
  border-color: #35445a;
  color: white;
}

.range-section__heading{
  font-family: 'InterstateMono-Bold','Helvetica Neue','Helvetica','sans-serif';
}

.range-section__heading--orange{
  color:#ed8022;
}
@media( min-width: 768px ) {
  .range .modal-dialog {
      max-width: 600px;
  }
}
.range .modal-content {
    background-color: #ebecee;
    padding: 10px 20px;
    border-radius: 10px;
}
.range .close {
    font-family: arial;
    font-size: 50px;
    font-weight: 400;
    position: absolute;
    right: 15px;
    top: 5px;
}
.range h3.modal-title {
  margin: 0;
  max-width: calc( 100% - 20px );
}
  
.range .modal fieldset {
    max-width: unset;
    margin: 0;
    padding: 0;
}
.range .modal fieldset input[type=text], 
.range .modal fieldset input[type=email] {
    width: 100% !important;
}
.range .modal fieldset .hs-form-field {
    width: 100% !important;
}
.range .modal fieldset .hs-form-booleancheckbox label span {
    padding: 8px 0 0!important;
    margin-bottom: -14px;
}
.range .form2021 .hs-button {
    margin-bottom: 20px;
}
.range .modal-header {
    border: none;
}
.range .modal-body .form-title {
    display: none;
}
.range .modal .hs-error-msg, 
.range .modal .hs-error-msgs label {
    color: white !important;
    display: inline-block !important;
    background: red !important;
    padding: 5px !important;
    width: unset !important;
}
.results-wrapper--desktop {
    height: 100%;
}
@media( min-width: 768px ) {
  .results-wrapper--mobile {
    display: none;
  }
}