/*
Theme Name: Velocity Child
Description: Child theme for Velocity
Author: As you were
Author URI: https://asyouwere.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


/* Disable font smoothing on Windows only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  * {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }
}


/* Fonts */
@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro/CeraPro-Light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro/CeraPro-Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro/CeraPro-Bold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro/CeraPro-Black.woff') format('woff');
    font-weight: 900;
}
@font-face {
    font-family: Helvetica Neue;
    src:url('fonts/HelveticaNeue/HelveticaNeue.woff2') format('woff2'),
        url('fonts/HelveticaNeue/HelveticaNeue.woff') format('woff'),
        url('fonts/HelveticaNeue/HelveticaNeue.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: Helvetica Neue;
    src: url('fonts/HelveticaNeue/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.1em;
}
p {
    line-height: 1.5em;
}
p a {
    color: #3B3B3B!important;
    text-decoration: underline;
}
@media (min-width: 960px){
.text-lead, .text-lead:not(ul) > * {
    line-height: 1.2em;
    }
}
@media (max-width: 959px){
.text-lead, .text-lead:not(ul) > * {
    font-size: 26px;
    line-height: 1.3em;
    }
}
.footer p a {
    color: #3B3B3B!important;
    text-decoration: none!important;
}
.footer p a:hover {
    color: #08cc80!important;
}
.contact p, .contact td {
    font-size: 16px!important;
}

::-moz-selection{
    background: #3B3B3B;
    color: #fff !important;
}
::selection {
    background: #3B3B3B;
    color: #fff !important;
}

.italic {
    font-style: italic;
    text-align: left;
}

/* Colors */
.white {
    color: #fff!important;
}

/* Page body */
.post-wrapper .post-body {
    max-width: 1600px;
    margin: auto;
}
:not(.contact-page .page-body).page-body {
    background-image: url(img/velocity_background.svg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 35vh!important; 
}
.contact-page {
    background-image: url(img/velocity_background.svg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 45vw;
    background-position-x: center; 
    background-position-y: 60%; 
}

body.error404 {
    background-image: url(img/velocity_background.svg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 90vh;
    background-position: center!important; 
}


/* Destkop menu */ 
.top-menu.navbar.menu-secondary {
    background-color: #f0f0f0;  
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li > a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    color:#3B3B3B;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0px!important;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li > a:hover {
   color:#08cc80;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li.current-menu-item > a {
    color:#08cc80;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li > a .fa.fa-angle-right.fa-dropdown {
    display: none;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li > a i {
    font-size: 12px;
    margin: 0;
    line-height: 12px;
}
.top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li.new-tab > a {
    padding-right: 22px!important;
    background-image: url(img/new_tab.svg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
    background-size: 12px;
}



@media (max-width: 959px){
.top-menu-enhanced .menu-mini.menu-smart a {
    padding: 9px 8px 9px 8px;
    }
}

/* Destkop menu */ 
@media (min-width: 1250px){
.menu-primary-inner .menu-item a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px!important;
    font-weight: 400!important;
    color: #3B3B3B!important;
    text-decoration: none!important;
    }
.drop-menu {
    transform: translate(-47% ,0px);
    }
}
@media (min-width: 960px) and (max-width: 1250px){
.menu-primary-inner .menu-item a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 12px!important;
    font-weight: 400!important;
    color: #3B3B3B!important;
    text-decoration: none!important;
    }
.drop-menu {
    transform: translate(-38% ,0px);
    }
}
@media(min-width: 960px){
.page-id-1825 .is_stuck .logo-image.main-logo    {
    background-image: url(https://www.velocity.nl/wp-content/uploads/2022/07/2022-Velocity-EurogamesLogo.svg);
    }
.page-id-1825 .is_stuck #main-logo .navbar-brand img {
    opacity: 0;
    }
.menu-container{
    background-color: #ffffff!important;
    }
.error404.menu-container{
    background-color: transparent!important;
    }
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.active > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li a.active, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-parent > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-ancestor > a, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {    
    color: #08cc80!important;
    }
.hmenu .menu-primary .menu-smart > li > a:after, .hmenu-center .menu-primary .menu-smart > li > a:after {
    content: "";
    display: block;
    height: 50%;
    }
.menu-smart > li > a {
    margin: 0px 14px 0px 14px;
    padding: 0px!important;
    }
.menu-primary .menu-smart > li.current-menu-item > a:after{
    border-bottom: 2px solid #08cc80;
    position: absolute;
    width: 100%;
    left: 0;
    height: 40px;
    }
body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:hover, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-desktop-transparent)):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li > a:focus {
    color: #08cc80!important;
    }
.menu-primary .menu-smart > li > a:hover:after{
    border-bottom: 2px solid #08cc80;
    position: absolute;
    width: 100%;
    left: 0;
    height: 40px;
    }
.menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) {
    width: auto!important;
}
.drop-menu {
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 25px 25px 25px 25px!important;
    box-shadow: 0px 20px 40px -35px #000000;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
    width: auto!important;
    min-width: 0px!important;
    max-width: none!important;
    top: 100%!important;
    left: auto!important;
    right: auto!important;
    margin-left: 0px!important;
    margin-top: 0px!important;
    }
.drop-menu .menu-item {
    display: inline-block;
    border: 0px solid transparent!important;
    }
.drop-menu .menu-item:hover {
    border: 0px solid transparent!important;
    border-radius: 20px;
    }
body[class*=hmenu-] .submenu-light .menu-smart ul a:hover, body[class*=hmenu-] .submenu-light .menu-smart ul a:focus {
    color: rgba(0,0,0,0);
    background-color: rgba(0, 0, 0, 0);
    }
.drop-menu .menu-item a {
    display: inline-block;
    padding-top: 110px;
    padding-bottom: 10px!important;
    text-align: center;
    color: #3B3B3B!important;
    border-radius: 20px;
    }
.menu-primary-inner .drop-menu .menu-item a {
    color: #3B3B3B!important;
    }
.menu-item-description {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 10px!important;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.2em;
    color: #3B3B3B;
    margin-top: 5px;
    }
.menu-item-2876:before, .menu-item-2958:before, .menu-item-2702:before, .menu-item-2957:before { 
    background-image: url(img/package_icon.svg);
    }
.menu-item-2879:before {
    background-image: url(img/post_icon.svg);
    }  
.menu-item-2878:before {
    background-image: url(img/armadillo_icon.svg);
    }
.menu-item-2877:before {
    background-image: url(img/medicine_icon.svg);
    }
.menu-item-2875:before {
    background-image: url(img/spread_icon.svg);
    }
.menu-item-2874:before{
    background-image: url(img/package_icon.svg);
    }

}

/* Mega menu */
@media(min-width: 960px){
.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner {
    background-color: #ffffff;
    padding: 40px 40px !important;
    vertical-align: middle!important;
    box-shadow: 0px 4px 8px -8px rgba(0, 0, 0, 0.6);
    max-width: 1400px!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
:not(.menu-sub-enhanced).menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li {
    vertical-align: middle!important;
    }
.submenu-light .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > a {
    color: #3B3B3B !important;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    z-index: 999999;
    position: absolute;
    pointer-events: auto!important;
    cursor: pointer!important;
    height: 100%;
    padding-top: 90px !important;
    top: 0px;
    left: 0px;
    }
.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > ul .menu-item-button {
    bottom: 0px;
    position: absolute;
    height: auto;
    }
body[class*=hmenu-] .submenu-light .menu-smart ul a:hover, body[class*=hmenu-] .submenu-light .menu-smart ul a:focus {
    color: rgba(0,0,0,1);
    background-color: transparent;
    }
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover, .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:focus, .menu-item.menu-item-type-taxonomy.menu-item-object-product_cat.menu-btn-container.btn:hover{
    background-color: transparent!important;
    }
.submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:not(.block-wrapper-parent *):hover, .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:not(.block-wrapper-parent *):focus {
    background-color: transparent!important;
    }
.mega-menu .open-animated {
    display: grid!important;
    grid-template-columns: repeat(4, 24%)!important;
    grid-auto-rows: auto!important;
    gap: 16px!important;
    }
.mega-menu .open-animated .menu-item a {
    padding: 0px!important;
    display: block!important;
    width: 100%!important;
    height: auto;
    text-align: center;
    pointer-events: auto;   
    }
.mega-menu .open-animated .menu-item, :not(.menu-sub-enhanced).menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li:first-child {
    border: 1px solid #3B3B3B!important;
    padding: 20px 20px!important;
    border-radius: 20px;
    }
.mega-menu .open-animated .menu-item:hover, :not(.menu-sub-enhanced).menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li:first-child:hover {
    background-color: #f1f1f1;
    }
:not(.menu-sub-enhanced).menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li {
    width: 100%!important;
    height: auto;
    position: relative;
    aspect-ratio: 2 / 1;
    }
.mega-menu-inner .menu-item:before {
    content: '';
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: 25%;
    background-position-y: 0%;
    background-position-x: 50%;
    width: 100%;
    height:100%;
    }
}

@media (max-width: 1400px) {
.mega-menu p.menu-item-description {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 10px!important;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.2em;
    color: #3B3B3B;
    margin-top: 10px;
    text-align: center;
    }
}



/* Mobile Menu */
@media(max-width: 959px){
.is_mobile_open .logo-image.mobile-logo {
    background-image: url(https://www.velocity.nl/wp-content/uploads/2021/03/Velocity_logo.svg);
    }
.is_mobile_open .logo-image.mobile-logo img {
    opacity: 0;
    }
.is_stuck .logo-image.mobile-logo {
    background-image: url(https://www.velocity.nl/wp-content/uploads/2021/03/Velocity_logo.svg);
    }
.is_stuck #main-logo .navbar-brand img {
    opacity: 0;
    }
.page-id-1920 .logo-image.mobile-logo, .page-id-548 .logo-image.mobile-logo, .page-id-579 .logo-image.mobile-logo {
    background-image: url(https://www.velocity.nl/wp-content/uploads/2021/03/Velocity_logo.svg);
    }
.page-id-1920 #main-logo .navbar-brand img, .page-id-548 #main-logo .navbar-brand img, .page-id-579 #main-logo .navbar-brand img{
    opacity: 0;
    }
.menu-primary-inner.menu-smart.sm {
    text-align: center;
    }
.menu-container:not(.isotope-filters) ul.menu-smart a:not(.social-menu-link) {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-weight: 600!important;
    color: #3B3B3B;
    text-transform: none;
    line-height: 2em;
    }
.font-size-menu-mobile, .menu-container:not(.isotope-filters) ul.drop-menu  a:not(.social-menu-link):not(.vc_control-btn){
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 17px!important;
    font-weight: 600!important;
    color: #3B3B3B;
    text-transform: none;
    line-height: 2em;
    }
.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.current_page_item.active > a {
    padding: 0px;
    margin:auto;
    width: fit-content;
    color: #08cc80!important;
    border-bottom: 4px solid #08cc80;
    }
.menu-item-description{
    display: none!important;
    }
.menu-container .logo-container {
    float:right;
    position: relative;
    padding: 27px 18px 27px 18px !important;
    }
.menu-dark .row-brand, .menu-dark .row-menu .row-menu-inner {
    border-bottom: 0px solid rgba(0,0,0,1);
    }
.menu-light .row-brand, .menu-light .row-menu .row-menu-inner {
    border-bottom: 0px solid rgba(0,0,0,1);
    }
.mobile-menu-button-light .lines:before, .mobile-menu-button-light .lines:after {
    background-color: #08cc80;
    }
.lines, .lines:before, .lines:after {
    display: inline-block;
    width: 25px;
    height: 3px;
    border-radius: 5px;
    background-clip: padding-box;
    }
.mobile-menu-button {
    padding: 27px 18px 27px 18px;
    }
.mobile-menu-button:before {
    content:"Menu";
    position: absolute;
    font-size: 16px;
    left: 55px;
    color: #3B3B3B;
    font-family: 'Cera Pro';
    bottom: 28px;
    }
.mobile-menu-button.close:before {
    content:"Sluit" !important;
    position: absolute;
    font-size: 16px;
    left: 55px;
    color: #3B3B3B;
    font-family: 'Cera Pro';
    bottom: 28px;
    }
.navbar-header {
    position: absolute;
    z-index: 1;
    }
.mmb-container {
    box-shadow: 0px 0px 25px -15px #000000;
    background-color: #ffffff;
    left: 0;
    height: 55px;
    right: auto;
    width: 100%;
    transition: 0.5s;
    position: fixed;
    top: unset!important;
    bottom: 0!important;
    padding-bottom: env(safe-area-inset-bottom); /* Prevents overlap */
    z-index: 9999; /* Make sure it’s on top */
    }
.open-overlay-menu .menu-container {
    background-color: #ffffff!important;
    z-index: 1000;
    height: 100vh;
    position: fixed;
    }
.mobile-menu-button {
    transform: none;
    width: 100%;
    }
body:not(.menu-mobile-centered) .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
    margin-left: 0px;
    }
.open-overlay-menu .menu-container .fa.fa-angle-right.fa-dropdown {
    display: none;
    }
.menu-smart a i.fa-dropdown {
    float: right;
    right: 0px;
    top: 2px;
    }
.page-id-548 .logo-image.mobile-logo.logo-skinnable img, .page-id-583 .logo-image.mobile-logo.logo-skinnable img, .page-id-579 .logo-image.mobile-logo.logo-skinnable img, .page-id-1564 .logo-image.mobile-logo.logo-skinnable img {
    display: none!important;
    }
.page-id-548 .logo-image.mobile-logo.logo-skinnable, .page-id-583 .logo-image.mobile-logo.logo-skinnable, .page-id-579 .logo-image.mobile-logo.logo-skinnable, .page-id-1564 .logo-image.mobile-logo.logo-skinnable {
    background-image: url(https://www.velocity.nl/wp-content/uploads/2021/03/Velocity_logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 37px!important;
    width: 97px!important;    
    }
}

/* Link page */
@media (min-width: 960px) {
.menu-link-in-bio-container ul {
    padding: 0px!important;
    }
.link-page-menu .menu-item {
    margin: 20px 0px;
    background-color: transparent!important;
    border: 2px solid #08cc80!important;
    padding: 18px 20px!important;
    border-radius: 50px;
    transition: 0.5s;
    text-align: center;
    max-width: 250px;
    }
.link-page-menu .menu-item:hover {
    background-color: #08cc80!important;
    }
.link-page-menu .menu-item a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    letter-spacing: 0em!important;
    line-height: 1em!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    font-weight: 400!important;
    text-transform: none!important;
    font-size: 17px;
    }
.link-page-menu .menu-item:hover a {
    color: #fff!important;
    }
.link-page-menu .menu-smart > li:first-child {
    border-left-width: 1px !important;
    }
.link-page-menu ::marker {
    content: none;
    } 
}
@media (max-width: 959px) {
.menu-link-in-bio-container ul {
    padding: 0px!important;
    }
.link-page-menu .menu-item {
    margin: 20px 0px;
    background-color: transparent!important;
    border: 2px solid #08cc80!important;
    padding: 18px 20px!important;
    border-radius: 50px;
    transition: 0.5s;
    text-align: center;
    }
.link-page-menu .menu-item:hover {
    background-color: #08cc80!important;
    }
.link-page-menu .menu-item a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    letter-spacing: 0em!important;
    line-height: 1em!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    font-weight: 400!important;
    text-transform: none!important;
    font-size: 17px;
    }
.link-page-menu .menu-item:hover a {
    color: #fff!important;
    }
.link-page-menu .menu-smart > li:first-child {
    border-left-width: 1px !important;
    }
.link-page-menu ::marker {
    content: none;
    } 
}

/* buttons */
@media (max-width: 569px) {
.btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
    transform: scale(1);
    transform-origin: left;
    }
}
.scroll-down-section {
    margin-top: -60px!important;
    margin-bottom: 60px!important;
}
.single-cases .scroll-down-section, .single-vacature .scroll-down-section {
    margin-top: -132px!important;
    margin-bottom: 60px!important;
}
.scroll-down-btn.btn-default {
    font-family: 'Cera Pro'!important;
    font-size: 16px!important;
    letter-spacing: 0px!important;
    text-transform: none!important;
    color: #fff!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/scroll-down-icon.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 90%;
    padding-bottom: 50px!important;
    transition: 0.5s;
}
.scroll-down-btn.btn-default:hover{
    background-position-y: 100%;
}
.scroll-down-btn.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #fff!important;
}
.custom-link.btn-round.btn-default {    
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 17px!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
    line-height: 1em!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 2px solid #08cc80!important;
    padding: 25px 28px!important;
    min-width: 217px;
    border-radius: 50px;
    transition: 0.5s;
}
.custom-link.btn-round.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #fff!important;
    background-color: #08cc80!important;
}
.custom-link.btn-down.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 17px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/scroll-down-icon.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    padding: 20px 80px 20px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.custom-link.btn-down.btn-default:hover{
    background-position-y: 65%!important;
}
.custom-link.btn-down.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #3B3B3B!important;
}
.custom-link.btn-right.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px!important;
    line-height: 16px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #08cc80!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 30px!important;
    background-position-x: 98%;
    background-position-y: 50%;
    padding: 10px 60px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.custom-link.btn-right.btn-default:hover{
    background-position-x: 100%;
}
.custom-link.btn-right-white.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px!important;
    line-height: 16px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #fff!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 30px!important;
    background-position-x: 98%;
    background-position-y: 50%;
    padding: 10px 60px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.custom-link.btn-right-white.btn-default:hover{
    background-position-x: 100%;
}
.custom-link.btn-right-clean.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px!important;
    line-height: 16px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #08cc80!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right-green.svg);
    background-repeat: no-repeat;
    background-size: 10px!important;
    background-position-x: 98%;
    background-position-y: 50%;
    padding: 10px 30px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.custom-link.btn-right-clean.btn-default:hover{
    background-position-x: 100%;
}
.custom-link.btn-right.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #3B3B3B!important;
}
@media (min-width: 960px){
.custom-link.btn-right-complaint.btn-default:before {
    position: absolute;
    content: "";
    background-image: url(img/complaint_icon.svg);
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
}
.custom-link.btn-right-complaint.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 17px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    padding: 10px 80px 10px 60px!important;
    transition: 0.5s;
    text-decoration: none!important;
    text-align: left;
    }
.custom-link.btn-right-complaint.btn-default:hover{
    background-position-x: 100%;
    }
.custom-link.btn-right-complaint.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #3B3B3B!important;
    }
}
@media (max-width: 959px){
.custom-link.btn-right-complaint.btn-default:before {
    position: absolute;
    content: "";
    background-image: url(img/complaint_icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 35px;
    width: 35px;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    }
.custom-link.btn-right-complaint.btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 14px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    padding: 10px 60px 10px 45px!important;
    transition: 0.5s;
    text-decoration: none!important;
    text-align: left;
    }
.custom-link.btn-right-complaint.btn-default:hover{
    background-position-x: 100%;
    }
.custom-link.btn-right-complaint.btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover {
    color: #3B3B3B!important;
    }
}

/* Custom styles */
.margin-top-0 {
    margin-top: 0px!important;
}
.margin-top-10 {
    margin-top: 10px!important;
}
.margin-top-18 {
    margin-top: 18px!important;
}
.margin-top-50 {
    margin-top: 50px!important;
}
.cta-text {
    margin-top: 50px!important;
    max-width:390px!important;
}
.cta-links a {
    text-decoration: none!important;
    color: #3B3B3B!important;
}
 iframe.tracktrace {      
    display: block; 
    height: 100vh;
    width: 100%; 
    margin: auto;    
    border: none;
    border-radius: 20px;
}
.img-border-radius img {
    border-radius: 20px;
}
.animation-border img {
    border: 1px solid #3B3B3B!important;
}
.proces-icon {
    background: linear-gradient(45deg, #8EBCA4 -65%, #08cc80);
    padding: 74px 36px!important;
    border-radius: 20px;
}
.proces-icon .fluid-svg {
    max-width: 200px!important;
    margin: auto;
}
.quote-name {
    margin-top: 10px!important;
    text-align: right;
    font-style: italic;
}
@media(min-width: 960px){
.proces-column:after {
    position: absolute;
    content: " ";
    height: 100%;
    max-height: 150px;
    margin-left: 50%;
    border-left: 1px solid #3b3b3b!important;
    transform: translate(0px, 50%);
    }
.main-cta .uncont {
    padding: 100px 75px 50px 75px;
    }
.main-cta .uncont .vc_custom_heading_wrap, .main-cta .uncont .uncode_text_column {
    width: 60%;
    }
.vloot-specs .uncont{
    padding-left: 20%;
    }
}
.main-cta .uncol{
    box-shadow: 0px 0px 25px -15px #000000;
}
.main-cta .uncol, .main-cta .background-inner {
    border-radius: 20px!important;
}
.main-cta .background-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient( to right, #000000 -10%, transparent 70% );
    border-radius: 20px!important;
}
.vloot-img .t-entry-visual:after {
    position: absolute;
    top: 5%;
    left: 5%;
    margin: auto;
    width: 90%;
    height: 90%;
    content: "";
    border-radius: 20px!important;
    background: linear-gradient(45deg, #B7B7B7 -65%, #E5E5E5);
}

.cta-column-white :not(.cta-inner-column .uncont).uncont { 
    padding: 36px 0px 0px 36px;
}
.cta-column-white .uncol{
    box-shadow: 0px 0px 25px -15px #000000;
}
.cta-column-white .uncol, .cta-column-white .background-inner {
    border-radius: 20px!important;
}
.cta-inner-column .uncol {
    background-color: #fff;
    width: 60%;
    border-radius: 20px!important;
    margin-bottom: -72px;
    padding: 54px;
}


@media(min-width: 960px){
.hide-on-desk {
    display: none;
    }
.logistiek-img .uncoltable {
    height: 67vh;
    max-height: 574px!important;
    }
.logistiek-img .background-wrapper {
    border-radius: 20px;
    }
.logistiek-img-title {
        padding: 0px 100px;
    }
.logistiek-img-excerpt {
    margin-top: 10px!important;
    }
.logistiek-img-excerpt p {
    padding: 0px 100px;
    width: 60%;
    font-size: 18px!important;
    color: #fff!important;
    }
.logistic-img .t-entry-title {
    padding: 0px 100px;
    }
.logistic-img .t-entry-excerpt {
    padding: 0px 100px;
    width: 60%;
    font-size: 18px;
    }
.square-content-row {
    z-index: 2;
    margin-top: -80px!important;
    max-width: 800px!important;
    margin: auto;
    }
}
.logistic-img .t-entry-title {
    color: #08cc80!important;
}
.logistic-img .t-entry-visual{
    border-radius: 20px; 
}
.square-content-column .uncoltable {
    background-color: #fff;
    border-radius: 20px;
    padding: 40px 40px!important;
    box-shadow: 0px 0px 25px -15px #000000;
}
.square-content-column .btn-container {
    text-align: right;
    margin-top: 18px!important;
}
.img-case-top .t-entry-visual, .img-case-back .t-entry-visual, .img-back .t-entry-visual, .img-back-left .t-entry-visual, .img-back-right .t-entry-visual{
    border-radius: 20px; 
}
.img-case-top-left .t-entry-visual, .img-case-back .t-entry-visual {
    border-radius: 20px; 
}

@media (min-width: 1075px){
.img-case-top {
    z-index: 1;
    margin-top: -150px!important;
    margin-right: -50px!important;
    max-width: 66%!important;
    float: right!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-left {
    z-index: 1;
    margin-top: -150px!important;
    margin-left: -18px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.toeslagen.small.img-case-top-left {
    z-index: 1;
    margin-top: -150px!important;
    margin-left: -36px!important;
    max-width: 100%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-right {
    z-index: 1;
    float: right;
    margin-top: -150px!important;
    margin-right: -18px!important;
    max-width: 100%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.verspreiding {
    z-index: 1;
    margin-top: -100px!important;
    margin-left: -18px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
}
@media (min-width: 960px) and (max-width: 1074px) {
.img-case-top {
    z-index: 1;
    margin-top: -150px!important;
    margin-right: -50px!important;
    max-width: 66%!important;
    float: right!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-left {
    z-index: 1;
    margin-top: -150px!important;
    margin-left: -18px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.toeslagen.small.img-case-top-left {
    z-index: 1;
    margin-top: -150px!important;
    margin-left: -18px!important;
    max-width: 100%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-right {
    z-index: 1;
    float: right;
    margin-top: -150px!important;
    margin-right: -18px!important;
    max-width: 100%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.verspreiding {
    z-index: 1;
    margin-top: -150px!important;
    margin-left: -18px!important;
    max-width: 80%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.dienst-content-right .uncont {
    padding-left: 50px;
    }
.dienst-content-left .uncont {
    padding-right: 50px;
    }
}
@media (max-width: 959px){
.img-case-top {
    z-index: 1;
    margin-top: -100px!important;
    margin-right: 0px!important;
    max-width: 66%!important;
    float: right!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-left {
    z-index: 1;
    margin-top: -100px!important;
    margin-left: 0px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-case-top-right {
    z-index: 1;
    margin-top: -100px!important;
    margin-left: 0px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.verspreiding {
    z-index: 1;
    margin-top: -100px!important;
    margin-left: 0px!important;
    max-width: 66%!important;
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px; 
    }
.img-back-left {
    padding-left: 35px;
    }
.img-back-right, .img-case-back {
    padding-right: 35px;
    }
}
@media (min-width: 960px) {
.square-content-column .uncell {
    padding-bottom: 60px!important;
    }
.square-content-column .btn-container {
    position: absolute;
    bottom: 0px;
    right: 0px;
    }
.col-lg-4.content-left, .col-lg-4.content-right {
    width: 39.33333333333333%!important;
    }
.col-lg-8.img-left, .col-lg-8.img-right {
    width: 60.66666666666666%;
    }
.img-left { 
    padding-right: 40px!important;
    }
.img-right {
    padding-left: 40px!important;
    }
}
.img-case-back {
    z-index: 0;
}
.img-case-back .dummy {
    padding-top: 110%!important;
}
.pre-title p {
    padding-top: 20px!important;
}
.footer-right-column {
    float: right;
    min-width: 200px;
}
.footer .icon-box.icon-box-top.icon-inline {
    padding-left: 0px!important;
    padding-right: 13px!important;

}
@media (max-width: 959px){
.main-container .row-container .single-h-padding, .main-container .row-container .row-parent {
    padding-left: 18px;
    padding-right: 18px;
    }
.single-cases .main-container .post-body .row-container .row-parent {
    padding-left: 0px;
    padding-right: 0px;
    }
.single-cases .main-container .post-body .row-container .limit-width.row-parent {
    padding-left: 18px;
    padding-right: 18px;
    }
}

.voordelen {
    margin-top: 18px!important;
}
.voordelen li {
    font-size: 15px!important;
}

/* Tarieven */
.pricing-wrapper {
    background-color: #fff;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
}
.pricing-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.pricing-table thead th {
    color: #08cc80;
}
.pricing-table .vehicle {
    font-weight: 700;
}
@media (min-width: 960px){
.pricing-table th {
    padding: 50px 50px 30px 50px; 
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    }
.pricing-table td {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #3B3B3B;
    line-height: 1.75;
    padding: 10px 50px; 
    }
.pricing-table tr:last-child td {
    padding-bottom: 100px; 
    }
.pricing-table .col-city {
    background-color: #08cc80;
    border-top-left-radius: 20px;
    color: #fff;
    padding-left: 50px!important;
    }
.pricing-table .city-list {
    background-color: #08cc80;
    color: #fff;
    vertical-align: top;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    border-bottom-left-radius: 20px;
    padding: 0px 0px 50px 50px!important;
    width: 270px!important
    }
} 

@media (max-width: 959px){
.pricing-table th {
    padding: 50px 20px 0px 20px!important;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    }
.pricing-table td {
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #3B3B3B;
    line-height: 1.75;
    padding: 10px 18px!important;
    width: 25%!important; 
    }
.pricing-table .col-city {
    background-color: #08cc80;
    border-top-left-radius: 20px;
    color: #fff;
    padding-left: 18px!important;
    }
.pricing-table .city-list {
    background-color: #08cc80;
    color: #fff;
    vertical-align: top;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
    border-bottom-left-radius: 20px;
    padding: 0px 0px 50px 18px!important;
    }
}    

/* Header home */
@media (min-width: 960px){
.header-home {
    max-width: 1330px;
    margin: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
.header-home .background-inner {
    height: 85%!important;
    }
.custom-header {
    max-width: 1330px;
    margin: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
.custom-header .uncont {
    padding: 200px 80px;
    }
.page-headline {
    width: 60%;
    }
.page-headline-55w {
    width: 55%;
    }
.page-headline-700 {
    max-width: 700px;
    }
.page-headline span {
    font-size: 50px;
    line-height: 50px;    
    }
.header-intro {
    max-width: 40%;
    margin-top: 10px!important;
    }
.header-team-intro {
    max-width: 40%;
    margin-top: 10px!important;
    }
.header-intro p, .header-team-intro p {
    color: #fff;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-intro p, .header-team-intro p {
    font-weight: 450;
    }
}
.header-home .background-inner:after, .custom-header .background-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient( to right, #000000 -60%, transparent 80% );
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;
    }
}
@media (max-width: 959px){
.custom-header .uncont {
    padding: 80px 18px;
    }
.page-headline {
    width: 90%;
    }
.header-intro {
    margin-top: 10px!important;
    }
.header-team-intro {
    margin-top: 10px!important;
    }
.header-intro p, .header-team-intro p {
    color: #fff;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    }
.header-home .background-inner:after, .custom-header .background-inner:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(transparent 50%, #000000 130%)
    }
}

.page-headline span:last-child.heading-line-wrap:after, .page-headline-full span:last-child.heading-line-wrap:after, .page-headline-700 span:last-child.heading-line-wrap:after {
    content: ".";
    font-family: 'Cera Pro';
    font-weight: 700!important;
    color: #08cc80;
}

/* Koeriersdiensten */
@media (min-width: 960px){
.statistics {
    background-color: #fff;
    z-index: 1;
    margin-top: -50px!important;
    margin-right: -50px!important;
    margin-left: 50px;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    }
.statistics-icon .icon-media{
    width: 35px!important;
    }
.statistics .row-inner > div {
    height: 100px;
    }
.statistics p {
    line-height: 1em;
    font-size: 20px;
    text-align: center;
    }
.uncode-counter-wrap p {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    }
.statistics .counter-prefix {
    order: 1;
    }
.statistics .counter-suffix {
    order: 3;
    display: block;
    font-size: 12px;
    flex-basis: 100%!important;
    }
.row-dienst-detail .col-lg-4 {
    width: 37%;
    }
.cta-column {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    padding: 75px!important;
    }
.cta-contact {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    padding: 75px;
    }
.main-service-full-width .tmb .t-entry-visual .dummy {
    padding-top: 30%!important;
    }
}
@media (max-width: 959px){
.statistics {
    background-color: #fff;
    z-index: 1;
    margin-top: -50px!important;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    max-width: 500px;
    float: right;
    margin-left: 10px;
    }
.statistics .column_child {
    max-width: 25%;
    display: inline-block;
    }
.statistics-small {
    max-width: 75%!important; 
    float: right;   
    }
.statistics-small .column_child {
    max-width: 50%;
    display: inline-block;
    }
.statistics .single-block-padding {
    padding: 0px 0px 0px 0px;
    }
.statistics .row-inner > div {
    padding: 0px 0px 0px 0px!important;
    height: 100px;
    }
.statistics-icon .icon-media img{
    width: 35px!important;
    }
.statistics p {
    line-height: 1em;
    font-size: 14px;
    }
.statistics .counter-suffix {
    display: block;
    font-size: 12px;
    }
.cta-contact {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    padding: 75px 50px;
    }
}
.statistics .row-inner {
    margin-left: 0px!important;
}
.statistics-icon .uncell { 
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
.main-services.main-service-full-width .uncode_text_column {
    min-height: 0px!important;
}
.main-services .vc_row.row-internal.row-container {
    margin-top: 0px!important;
}
.main-service .uncol{
    padding: 30px;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
 }
.main-service .uncode_text_column {
    min-height: 95px;
}
.main-service .btn-container {
    margin-top: 10px!important;
    text-align: right;
}
.zone-price p {
    font-family: 'Cera Pro';
    font-weight: 700!important;
}
@media (min-width: 960px){
.zones-content-row {
    z-index: 1;
    margin-top: -80px!important;
    max-width: 950px!important;
    margin: auto;
    }
.zones-zip-codes {
    margin-top: 18px!important;
    min-height: 100px; 
}
.prices p {
    font-family: 'Cera Pro';
    line-height: 1.2em;
    font-size: 20px;
    font-weight: 500!important;
    }
}
@media (max-width: 959px){
.prices-description {
    max-width: 66%;
    display: inline-block;
    }
.prices-amount {
    max-width: 34%;
    display: inline-block;
    }
.prices p {
    font-family: 'Cera Pro';
    line-height: 1.2em;
    font-size: 16px;
    font-weight: 500!important;
    }
}
.prices .row-inner {
    margin-left: 0px!important;
}
.prices  .row-inner > div {
    padding: 0px 0px 0px 0px!important;
}
.prices  {
    background-color: #fff;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
}
.prices .uncell { 
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

/* Team */ 
.team-member-column .uncol{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
}
.team-member-column .uncode-single-media.team-img-large .t-entry-visual img {
    padding: 50px!important;
}
.team-name {
    margin-top: 0px!important;
    margin-bottom: 36px;    
    text-align: center;
}
.team-member-column p.panel-title a {
    text-decoration: none;
}
.team-member-column .panel-title span {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 16px!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
    color: #fff!important;
}
.team-member-column .align_left .panel-title > a > span:after {
    color: #fff;
}
.team-member-column .uncode-accordion .panel {
    background-color: #08cc80!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.team-member-column .panel-group .panel-heading {
    border-radius: 0px;
    padding: 0px 24px;
}
.team-member-column .uncode-accordion.wpb_accordion.wpb_content_element.plus-signed {
    margin-top: 0px!important;
}
.team-member-column .panel-title > a > span{
    border-right: 1px solid #fff;
    padding: 24px 36px 24px 0px;
}
.team-member-column .panel-title > a > span:after {
    content: ""!important;
    background-image: url(img/accordion_arrow_up.svg);
    width: 24px;
    height: 24px;
    background-size: 24px!important;
    background-repeat: no-repeat;
    transition: transform 0ms ease-out;
    background-position: center;
}
.team-member-column .panel-title.active > a span:after {
    transform: translateY(-50%) rotate(180deg)!important;
}
.team-member-column .panel-body {
    min-height: 293px;
    padding: 20px!important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-height: none;
}
.team-member-column .collapsing, .team-member-column .collapse.in {
    display: block;
    bottom: 68px;
    position: absolute;
    background-color: #08cc80!important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.team-name-bio {
    padding: 16px 0px;
    display: inline-block;
}
.team-member-column .uncode-single-media.team-img-small {
    max-width: 70px;
    display: inline-block;
    float: right;
}
.team-bio {
    margin-top: 20px;
}
.team-bio p {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    color: #fff;
    font-size: 12px!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
}
@media (min-width: 960px){
.team-name p {
    font-size: 30px!important;
    line-height: 1em;
    }
}
@media (max-width: 959px){
.team-member-column {
    display: inline-block;
    width: 50%;
    padding: 10px!important;
    }
.team-member-column .uncode-single-media.team-img-large .t-entry-visual img {
    padding: 20px!important;
    }
.main-container .team-members.row-container .single-bottom-padding {
    padding-bottom: 0px;
    }
.team-name p {
    font-size: 24px!important;
    line-height: 1em;
    }
}


/* Team 
.team-member-column .uncol{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
}
.team-member-column .uncode-single-media.team-img-large .t-entry-visual img {
    padding: 30px;
}
.team-name{
    margin-top: 0px!important;
    margin-bottom: 36px;    
    text-align: center;
}
p.panel-title a {
    text-decoration: none;
}
.panel-title span {
    font-family: 'Helvetica Neue'!important;
    font-size: 17px!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
    color: #fff!important;
}
.align_left .panel-title > a > span:after {
    color: #fff;
}
.uncode-accordion .panel {
    background-color: #08cc80!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.panel-group .panel-heading {
    border-radius: 0px;
    padding: 11px 30px;
}
.uncode-accordion.wpb_accordion.wpb_content_element.plus-signed {
    margin-top: 0px!important;
}
.panel-title > a > span{
    border-right: 1px solid #fff;
    padding: 34px 80px 34px 30px;
}
.panel-title > a > span:after {
    content: ""!important;
    background-image: url(img/accordion_arrow_up.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    transition: transform 0ms ease-out;
    background-position: center;
}
.panel-title.active > a span:after {
    transform: translateY(-50%) rotate(180deg)!important;
}
.panel-body {
    min-height: 394px;
    padding: 20px!important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-height: none;
}
.collapsing, .collapse.in {
    display: block;
    bottom: 89px;
    position: absolute;
    background-color: #08cc80!important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.team-name-bio {
    padding: 16px 0px;
    display: inline-block;
}
.team-member-column .uncode-single-media.team-img-small {
    max-width: 70px;
    display: inline-block;
    float: right;
}
.team-bio {
    margin-top: 20px;
}
.team-bio p {
    font-family: 'Helvetica Neue'!important;
    color: #fff;
    font-size: 17px!important;
    font-weight: 400!important;
    letter-spacing: 0em!important;
}
*/

/* Veelgestelde vragen */
.veelgestelde-vragen .panel-title a {
   text-decoration: none!important;
   padding-right: 50px;
}
.veelgestelde-vragen .uncode-accordion:not(.default-typography) .panel-title > a > span {
    font-weight: 800!important;
    font-family: "aktiv-grotesk", sans-serif;!important;
    font-size: 18px;
    letter-spacing: 0!important;
}
.veelgestelde-vragen .panel-body {
    border: 0px!important;
    padding-top: 0px!important;
}
.veelgestelde-vragen .panel-title > a > span:after {
    content: "";
    background-image: url(img/dropdown.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    transition: transform 0ms ease-out;
    transform: translateY(-50%) translateX(-0%) rotate(-180deg);
    background-position: center;
    }
.veelgestelde-vragen .panel-title.active > a span:after {
    transform: translateY(-50%) translateX(-0%) rotate(0deg);
    }

/* Bulletpoints */
@media (min-width: 960px) {
.column-bulletpoints .uncont {
    background-color: #08cc80;
    border-radius: 15px;
    padding: 50px 100px!important;
    }
}
@media (max-width: 959px) {
.main-container .row.row-parent:not(.no-h-padding) .column-bulletpoints .column_child > .uncol > .uncoltable > .uncell > .uncont:not(.col-custom-width) {
    background-color: #08cc80;
    border-radius: 15px;
    padding: 50px 18px!important;
    }
}
.column-bulletpoints li {
    color: #fff;
    line-height: 45px;
    padding-left: 20px!important;
}
.column-bulletpoints .positive li::marker {
    content: url("img/checkmark.svg");
}
.column-bulletpoints .negative li::marker {
    content: url("img/cross.svg");
}

/* Postbox */
.postbox .t-inside {
    box-shadow: 0px 0px 25px -15px #000000;
    border-radius: 20px;
}
.postbox .t-entry-visual {
    border-top-left-radius: 20px!important;
    border-top-right-radius: 20px!important;
}
.postbox .t-entry-text {
    padding:30px;
    background-color: #fff;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
}
.postbox .t-entry-title {
    min-height: 56px;
    overflow: hidden;
}
.postbox .t-entry-title.h6, .postbox .t-entry-cf-detail-939819 {
    margin-top: 0px!important;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 22px;
    font-weight: 400!important;
    color: #08cc80;
}
.postbox .t-entry-text p {
    font-size: 14px;
}
.postbox .t-entry-text .single-block-padding {
    padding: 0px!important;
}
.postbox .t-entry-readmore.btn-container {
    text-align: right;
}
.postbox .t-entry-readmore.btn-container  .btn-default {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 14px!important;
    line-height: 14px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #08cc80!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    padding: 10px 60px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.postbox .t-entry-readmore.btn-container .btn-default:hover{
    background-position-x: 100%;
}
@media (min-width: 480px) and (max-width: 959px){
.postbox .t-entry-title.h6 {
    min-height: 58px;
    }
}
@media (min-width: 960px){
.postbox .t-entry-excerpt {
    height:104px!important;
    overflow: hidden;
    }
}

/* Projects */
.project-quote:before {
    content: '"';
    font-family: 'Cera Pro';
    font-size: 34px;
    font-weight: 700!important;
    color: #08cc80;
}
.project-customer-text {
    margin-top: 18px!important;
    max-width:390px!important;
}
.single-cases .main-container .row-container .double-bottom-padding {
    padding-bottom: 0px!important;
}
.single-cases .post-tag-share-container.flex- {
    display: none!important;
}
.single-cases .custom-header .background-inner {
    background-position-y: 30%!important;
}

/* Vacatures */
@media (max-width: 959px){
.single-vacature .main-container .post-body .row-container .row-parent {
    padding-left: 0px;
    padding-right: 0px;
    }
.single-vacature .main-container .post-body .row-container .limit-width.row-parent {
    padding-left: 18px;
    padding-right: 18px;
    }
}
.single-vacature .main-container .row-container .double-bottom-padding {
    padding-bottom: 0px!important;
}
.single-vacature .post-tag-share-container.flex- {
    display: none!important;
}
.single-vacature ul {
    margin:0px!important;
}
.single-vacature li {
    font-size: 17px;
    line-height: 2.5em;
}
.uncode-wrapper.uncode-list {
    box-shadow: 0px 0px 25px -15px #000000;
    height: auto;
    padding: 29px 20px 29px 120px;
    font-size: 17px;
    background-color: #fff;
    border-radius: 20px;
}
.uncode-wrapper.uncode-list:before {
    position: absolute;
    margin-left: -120px!important;
    margin-top: -29px;
    padding: 39px 39px;
    height: 100%;  
    content: "";
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-image: url(img/check_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #08cc80;
}

/* Contact */
@media (min-width: 960px){
.column-contact-details {
    min-height: 670px!important;
    }
.column-contact-form {
    min-height: 670px!important;
    }
.column-complaint-form .uncol {
    min-height: 670px!important;
    max-width: 400px!important;
    }
.column-contact-form {
    padding-left: 150px!important;
    }
}

.table-label {
    font-size: 16px;
    color: #08cc80!important;
    width: 200px;
}

/* Tables */
table {
    empty-cells: show;
    border: 0px solid;
}
tr {
    vertical-align: top;
}
@media (min-width: 960px){
.toeslagen, .transportmiddel, .verspreiding  {
    background-color: #fff;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    padding: 30px;
}
table td, table th {
    background-color: transparent;
    border-left: 0px solid;
    border-bottom: 0px solid;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 5px 0px 5px 0px;
    font-weight: 400;
    color: #3B3B3B;
    line-height: 1.75;
    }
.toeslagen th, .transportmiddel th, .verspreiding th {
    color: #08cc80;
    padding: 5px 25px;
    font-weight: 700;
    font-size: 24px;
    }
.toeslagen.small th, .transportmiddel.small th, .verspreiding.small th, .verspreidingsweken p {
    font-size: 20px;
    }
.toeslagen td, .transportmiddel td, .verspreiding td {
    padding: 5px 25px;
    font-size: 16px;
    }
.verspreiding .vc_custom_heading_wrap {
    padding: 5px 25px;
    }
}
@media (max-width: 959px) {
.toeslagen, .transportmiddel, .verspreiding  {
    background-color: #fff;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 0px 0px 25px -15px #000000;
    padding: 10px;
    }
table td, table th {
    background-color: transparent;
    border-left: 0px solid;
    border-bottom: 0px solid;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 5px 0px 5px 0px;
    font-weight: 400;
    color: #3B3B3B;
    line-height: 1.5;
    padding: 5px 5px!important;
    }
.toeslagen th, .transportmiddel th, .verspreiding th {
    color: #08cc80;
    padding: 5px 25px;
    font-weight: 700;
    font-size: 16px;
    }
.toeslagen.small th, .transportmiddel.small th, .verspreiding.small th, .verspreidingsweken p {
    font-size: 16px;
    }
.toeslagen td, .transportmiddel td, .verspreiding td {
    padding: 5px 25px;
    font-size: 14px;
    }
.transportmiddel th {
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    }
.column-contact-details .table-label {
    width: 130px;
    }
.column-contact-details td {
    font-size: 14px!important
    }
}
.toeslagen.img-case-top-left th, .toeslagen.img-case-top-left td, .toeslagen.img-case-top-right th, .toeslagen.img-case-top-right td {
    width: 50%!important;
    text-align: left;
}
.verspreiding .uncode_text_column {
    margin-top: 0px!important;
}

/* Instagram feed */
.sbi_bio_info, .sbi-feedtheme-avatar, .sbi-date-wrap svg, .sbi_meta_wrap, .sbi-divider{
    display: none!important;
}
.sbi-user-info-inner {
    flex: 1!important;
}
.sbi-theme:not(.sbi-default_theme) .sbi-user-info strong, .sbi-theme:not(.sbi-default_theme) .sbi-user-info .sbi-user-info-inner span {
    font-size: 12px;
    font-weight: 400;
}
.sbi_more, #sb_instagram a, .sbi-theme:not(.sbi-default_theme) .sbi_item p.sbi_caption_wrap {
    text-decoration: none!important;
    font-size: 12px!important;
    font-weight: 400!important;
    font-family: aktiv-grotesk, sans-serif!important;
    line-height: 1.75em!important;
}
.sbi_follow_btn a { 
    background: transparent!important;
    color: #08cc80!important;
    text-decoration: underline!important;
}
.sbi {
    border-bottom: 1px solid #707070;
}
@media (min-width: 960px) {
.sbi-theme:not(.sbi-default_theme).sb_instagram_header {
    border-bottom: 0px solid transparent;
    }
.sbi_follow_btn {
    position: absolute!important;
    top: 30px!important;
    right: 0px!important;
    }
}

/* Caldera */
.caldera-grid .row {
    margin-top: 18px;
}
 .caldera-grid .col-sm-12 {
    display: block;
}
.caldera-grid .form-control {
    background-color: transparent;
    border: 0px!important;
    border-radius: 0px;
    border-bottom: 1px solid #CBCBCB!important;
    padding: 5px 12px 5px 0px;
    color: #3B3B3B!important;
    font-size: 14px!important;
    line-height: 20px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
}
.caldera-grid select.form-control  {
    background-color: transparent;
    border: 0px!important;
    border-radius: 0px;
    border-bottom: 1px solid #CBCBCB!important;
    padding: 5px 12px 5px 0px;
    color: #c0c0c0!important;
    font-size: 14px!important;
    line-height: 20px!important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
}
.caldera-grid .form-control.cfdatepicker.is-cfdatepicker {
    background-image: url(img/arrow-down-green.svg)!important;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
}
.caldera-grid  option,  select.form-control:valid {
    color: #3B3B3B!important;
}

.caldera-grid label {
    letter-spacing: 0.00em;
    font-weight: 400;
    font-size: 14px;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    color: #08cc80!important;
}
.caldera-grid input[type="file"]::file-selector-button {
    background: transparent!important;
    color: #3b3b3b;
    border: none;
    padding: 10px 30px 10px 50px;
    border-radius: 0px;
    font-size: 12px;
    cursor: pointer;
    background-image: url(img/upload-icon.svg)!important;
    background-size: 36px!important;
    background-repeat: no-repeat!important;
    background-position-x: 0px;
    background-position-y: 50% !important;
}
.caldera-grid input[type="file"]::file-selector-button:hover {
    background: #1a68d1;
}
input[type="file"], input[type="range"] {
    font-size: 12px !important;
    color: #c0c0c0;
}
.btn.btn-default.submit-btn {
    width: 140px;
    font-size: 14px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    padding: 10px 80px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
    float: right;
}
.btn.btn-default.submit-btn:hover{ 
    background-position-x: 100%;
}
.style-light select:not([multiple]) {
    background-image: url(img/arrow-down-green.svg)!important;
    background-size: 16px;
    background-repeat: no-repeat;

}
.caldera-grid .form-control::-webkit-input-placeholder {
   color: #c0c0c0;
   vertical-align: bottom!important;
}

.caldera-grid .form-control:-moz-placeholder { /* Firefox 18- */
   color: #c0c0c0;
    vertical-align: bottom!important; 
}

.caldera-grid .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #c0c0c0;  
}

.caldera-grid .form-control:-ms-input-placeholder {  
   color: #c0c0c0;  
}
.caldera-grid .form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    border-bottom: 1px solid #CBCBCB;
}
/* Caldera messages */
.caldera-grid .alert-danger, .caldera-grid .alert-error, .caldera-grid .alert-info, .caldera-grid .alert-success, .caldera-grid .alert-warning {
    text-shadow: 0 0px 0 rgba(255,255,255,.5);
}
.caldera-grid .alert-success {
    background-color: transparent;
    border-color: transparent;
    color: #EAE6E3;
    padding: 0;
}
.caldera-grid .btn.active, .caldera-grid .btn:active {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
}
.style-light input.form-control.parsley-error, .style-light select.form-control.parsley-error, .style-light textarea.form-control.parsley-error {
    background-color: transparent!important; 
    border-color: #3B3B3B!important;
    color: #3B3B3B;
}
.style-dark input.form-control.parsley-error, .style-dark select.form-control.parsley-error, .style-dark textarea.form-control.parsley-error {
    background-color: transparent!important; 
    border-color: #3B3B3B!important;
    color: #3B3B3B;
}
.style-light input.form-control.parsley-success, .style-light select.form-control.parsley-success, .style-light textarea.form-control.parsley-success {
    color: #3B3B3B;
    background-color: transparent;
    border-color: #3B3B3B;
}
.style-dark input.form-control.parsley-success, .style-dark select.form-control.parsley-success, .style-dark textarea.form-control.parsley-success {
    color: #3B3B3B;
    background-color: transparent;
    border-color: #3B3B3B;
}
.caldera-grid .has-error .form-control {
    border-color: inherit;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.caldera-grid .has-error .form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    border-bottom: 1px solid #EAE6E3;
}
.caldera-grid .has-error .checkbox, .caldera-grid .has-error .checkbox-inline, .caldera-grid .has-error .control-label, .caldera-grid .has-error .help-block, .caldera-grid .has-error .radio, .caldera-grid .has-error .radio-inline, .caldera-grid .has-error.checkbox label, .caldera-grid .has-error.checkbox-inline label, .caldera-grid .has-error.radio label, .caldera-grid .has-error.radio-inline label {
    color: #f90000;
    font-size: 14px;
}
.caldera-grid .btn.active.focus, .caldera-grid .btn.active:focus, .caldera-grid .btn.focus, .caldera-grid .btn:active.focus, .caldera-grid .btn:active:focus, .caldera-grid .btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 0px;
    outline-offset: 0px;
}
.caldera-grid .btn:active:focus, .caldera-grid .btn:focus {
    outline: 0px!important;
}


/* Privacy Beleid */
.cky-audit-table-element h3 { 
    color: #3B3B3B;
}
table.cky-cookie-audit-table thead tr th {
    background: transparent!important;
    color: #3B3B3B;
}
table.cky-cookie-audit-table tbody, table.cky-cookie-audit-table tr {
    padding: 0px!important;
    width: auto!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table th {
    border: 1px solid #3B3B3B!important;
    padding: 10px!important;
    vertical-align: top;
    width: 33.3%!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table td p {
    margin-top: 0px!important;
    background: transparent!important;
    color: #3B3B3B!important;
    font-weight: 400!important;
    display: revert!important;
    line-height: 1.4em;
    font-size: 14px!important;
}
.cky-cookie-audit-table { 
    margin-top:10px auto!important;
    width: 100%!important;
}
.cky-audit-table-element h3 {
    font-size: 18px;
}
a.cky-banner-element {
    margin-top: 20px;
    border: 0px;
    background-color: transparent!important;
    background-image: url(img/arrow-right.svg);
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 35px!important;
    padding: 12px 50px 12px 0px !important;
    color: #3B3B3B!important;
    font-size: 18px!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
}
a.cky-banner-element:hover {
    background-position-x: 100%!important;
}

/* Cookie bar */
.cky-consent-container .cky-consent-bar {
    background-color: #ffffff!important;
    border: 0px!important;
}
.cky-title {
    color: #08cc80!important;
    width: fit-content;
}
.cky-notice-des p, .cky-notice-des p a {
    color: #3B3B3B!important;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}

@media (min-width: 769px){
.cky-notice {
    max-width: 900px;
    margin: auto;
    }
.cky-notice-group { 
    display: block!important;
    align-items: right!important;
    }
.cky-notice-btn-wrapper {
    display: block;
    justify-content: right!important;
    align-items: right!important;
    margin-left: 0px;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #08cc80!important;
    border: 0px;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #ffffff!important;
    font-size: 14px!important;
    line-height: 14px;
    transition: 0.3s;
    }
.cky-btn.cky-btn-customize {
    background-color: transparent!important;
    border: 1px solid #08cc80!important;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #08cc80!important;
    font-size: 14px!important;
    line-height: 14px!important;
    transition: 0.3s;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: transparent!important;
    border: 1px solid #08cc80!important;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #08cc80!important;
    font-size: 14px!important;
    line-height: 14px!important;
    transition: 0.3s;
    }
}
@media (max-width: 768px){
.cky-box-bottom-right {
    bottom: 0px!important;
    right: 0px!important;
    }
.cky-consent-container {
    width: 100%!important;
    }
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding: 0px 16px!important;
    }
.cky-notice-btn-wrapper {
    display: block!important;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    margin-top: 10px!important;
    background-color: #08cc80!important;
    border: 0px;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #ffffff!important;
    font-size: 14px!important;
    line-height: 14px!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-customize {
    margin-top: 10px!important;
    background-color: transparent!important;
    border: 1px solid #08cc80!important;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #08cc80!important;
    font-size: 14px!important;
    line-height: 14px!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    margin-top: 10px!important;
    background-color: transparent!important;
    border: 1px solid #08cc80!important;
    border-radius: 20px;
    padding: 12px 20px 12px 20px!important;
    color: #08cc80!important;
    font-size: 14px!important;
    line-height: 14px!important;
    transition: 0.3s;
    width: 100%!important;
    }
}
@media (max-width: 440px){
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding: 0 18px;
    }
}

/* Mailchimp */
.newsletter-form {
    margin-top: 0px!important;
}
.mailchimp-form {
    width: 100%;
}
input.mailchimp-form {
    background-color: transparent;
    border: 0px!important;
    border-radius: 0px;
    border-bottom: 1px solid #CBCBCB!important;
    padding: 0px 0px 5px 0px;
    color: #3B3B3B!important;
    font-size: 15px!important;
    line-height: 1.75;
    box-shadow: none;
    width: 100%;
}
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit).mailchimp-btn {
    width: 125px;
    font-size: 14px!important;
    letter-spacing: 0em!important;
    font-weight: 400!important;
    text-transform: none!important;
    color: #3B3B3B!important;
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/arrow-right.svg);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 50%;
    padding: 10px 80px 10px 0px!important;
    transition: 0.5s;
    text-decoration: none!important;
    float: right;
}
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit).mailchimp-btn:hover {;
    color: #08cc80!important;
    background-position-x: 100%;
}
.mc4wp-response {
    margin-top: 90px!important;
}
.mc4wp-alert.mc4wp-success p {
    color: #08cc80!important;
    font-size: 12px!important;
}
.mc4wp-alert.mc4wp-notice p {
    color: #08cc80!important;
    font-size: 12px!important;
}

/* Hustle Slide In */
@media (min-width: 960px){
.hustle-slidein-content.hustle-animate-in {
    margin: 25px!important;
    }
}
@media (max-width: 959px){
}
.hustle-info.hustle-info--compact {
    bottom: 0px;
    border-radius:10px;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    background-color: #fff;
}
.hustle-ui.hustle-slidein .hustle-slidein-content .hustle-info.hustle-info--compact .hustle-button-icon {
   top: 0px!important;
   color: #08cc80!important;
}
.hustle-ui .hustle-layout {
    background-size: 60px!important;
    background-position-y: 20px!important;
    background-color: #fff!important;
    padding: 0px 20px!important;
}
/*
.hustle-content {
    padding-top: 60px!important;
    text-align: center;
}*/
.hustle-ui .hustle-layout .hustle-title {
    color: #08cc80!important;
    font-family: 'Cera Pro'!important;
    font-size: 27px!important;
    font-weight: 700!important;
    line-height: 1em!important;
    font-style: normal!important;
    letter-spacing: 0px!important;
    text-transform: none!important;
    text-decoration: none!important;
    text-align: center!important;
    margin-bottom: 10px!important;
}
.hustle-ui .hustle-layout .hustle-group-content p:not([class*="forminator-"]) {
    color: #3B3B3B!important;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-size: 13px!important;
    font-style: normal;
    letter-spacing: 0px;
    text-transform: none;
    text-decoration: none;
}
.hustle-ui .hustle-layout .hustle-cta-container .hustle-button-cta {
    background-color: #08cc80!important;
    color: #fff!important;
    border-radius: 50px!important;
    background-image: url(img/arrow_right_clean.svg)!important;
    background-repeat: no-repeat!important;
    background-position-x: 90%!important;
    background-position-y: 50%!important;
    background-size: 8px!important;
    padding: 4px 40px 4px 20px!important;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-weight: 400!important;
    transition: 0.3s!important;
}
.hustle-ui .hustle-layout .hustle-cta-container .hustle-button-cta:hover {
    background-position-x: 91%!important;
    background-color: #08cc80!important;
    }


.theme-fixed-btn {
    position: fixed;
    height: auto!important;
    bottom: 34px;
    left: 50%;
    transform: translateX(calc(666px - 100%));
    background-color: #08cc80!important;
    border: 0px;
    border-radius: 50px;
    padding: 10px 50px 10px 50px!important;
    color: #fff!important;
    font-size: 13px!important;
    line-height: 13px!important;
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-weight: 400!important;
    transition: 0.3s;
    text-decoration: none;
    text-align: center;
    display: block;
    z-index: 999999999999999;
    box-shadow: 0px 0px 10px -7px rgb(0, 0, 0,1);
}
.theme-fixed-btn.is-active {
    padding: 10px 107px 10px 107px!important;
}

/* Responsive fallback */
@media (max-width: 1400px) {
.theme-fixed-btn {
    left: auto;
    right: 18px;
    transform: none;
    }
.hustle-ui.module_id_8 .hustle-popup-content.hustle-animate {
    padding: 36px 7px!important;
    margin-bottom: 0px!important;
    }
}

/* Hustle Pup-Up*/
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content p a.hustle-btn {
    background-color: #08cc80!important;
    border: 1px solid #08cc80;
    border-radius: 50px;
    padding: 10px 30px 10px 30px!important;
    width: 100%;
    color: #fff!important;
    font-size: 13px!important;
    line-height: 13px!important;
    display: block;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content p a.hustle-btn:hover { 
    background-color: #fff!important;
    border: 1px solid #08cc80;
    color: #08cc80!important;
    }
.hustle-ui.module_id_8 .hustle-popup-content.hustle-animate {
    max-width: 1400px;
    padding: 36px 34px;
    margin-bottom: 0px!important;
    }
.hustle-ui.module_id_8 .hustle-info.hustle-info--default {
    max-width: 299px;
    float: right;
    padding: 0px!important;
    }
.hustle-ui.module_id_8 .hustle-layout {
    border-radius:20px!important;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1)!important;
    padding: 40px 20px!important;
    }
.hustle-ui.module_id_8 .hustle-layout-content {
    display: block!important;
    }
.hustle-ui.module_id_8 .hustle-layout .hustle-content .hustle-content-wrap {
    padding: 0px 0 20px 0!important;
    }
.hustle-ui:not(.hustle-size--small).module_id_8 .hustle-layout .hustle-image {
    margin: auto;
    max-width: 100%!important;
    }
.hustle-ui.module_id_8 .hustle-layout .hustle-image { 
    background-color: #fff!important;
    }
.hustle-ui.module_id_8 .hustle-content {
    padding: 0px 18px!important;
    margin:auto!important;
    }
}
@media (max-width:959px){
.hustle-ui.hustle-popup .hustle-popup-content {
    width: 100%!important;
    max-width: 1400px!important;
    position: fixed!important;
    margin: unset;
    right: 30px;
    left: 0px;
    bottom: 30px;
    top: auto;
    }
.hustle-main-wrapper {
    border-radius:20px;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    background: #ffffff;
    padding: 36px 18px!important;
    }
}
.direct-contact a:hover {
    background-color: #08cc80!important;
    color: #fff!important;
}
.hustle-ui.module_id_8 .hustle-layout-header {
    border: 0px!important;
    padding: 0px!important;
}
.hustle-ui.module_id_8 .hustle-layout-header, .hustle-ui.module_id_8 .hustle-content-wrap {
    text-align: center;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-title {
    display: none!important;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content p {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    font-weight: 400!important;
    font-size: 18px!important;
    line-height: 1.4em!important;
    color: #3B3B3B;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content p a {
    font-family: 'aktiv-grotesk',Arial,'Work Sans',sans-serif !important;
    color: #08cc80!important;
    font-size: 20px;
    font-weight: 400!important;
    line-height: 2em!important;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content p a:hover {
    color: #666666!important;
}
.hustle-ui.module_id_8 .hustle-layout .hustle-group-content a.telefoonnummer {
    background-color: transparent!important;
    border: 0px!important;
    background-image: url(img/phone.svg);
    background-size: 20px;
    line-height: 2em;
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 50%;
    padding: 10px 0px 10px 30px!important;
    transition: 0.5s;
    text-decoration: none!important;
}
.hustle-ui.module_id_8 button.hustle-button-close {
    color: #08cc80!important;
    right: 10px!important;
    top: 10px!important;
}