.bim-content .button {
     color: #ffffff;
}
 .footerBlock .usp-box img {
     object-fit: contain;
     width: auto;
}
 .c-button:before {
     content: '';
     display: block;
     background: url(https://www.macropack.nl/wp-content/uploads/2018/06/button-icon.png);
     height: 54px;
     width: 54px;
     position: absolute;
     left: -35px;
     top: -5px;
}
 .c-button {
     display: inline-block;
     padding: 10px 15px 10px 30px;
     border: solid 1px #0068b3;
     border-left: none;
     position: relative;
     border-radius: 5px;
     font-weight: 600;
     text-align: center;
     margin: 15px 15px 15px 40px;
}
 .c-button.multi-line {
     line-height: 12px;
}
 .wp-image-465, .wp-image-466 {
     display: none;
}
 .usp-bar {
     background-color: #373646;
     color: #ffffff;
}
 .usp-bar ul {
     display: flex;
     flex-wrap: wrap;
     margin: auto;
     padding: 0;
     max-width: 1200px;
}
 .usp-bar ul li {
     list-style: none;
     margin: 5px auto;
     font-weight: 600;
}
 .usp-bar ul li img {
     height: 20px!important;
     width: 20px!important;
}
 @media (min-width: 1024px) {
     .mainFooter .upperFooter .footerBlock {
         width: calc(25% - 30px);
         float: left;
         margin: 0 15px;
    }
}
 .usp-box ul {
     padding: 0;
     margin: 0;
}
 .usp-box ul li {
     list-style: none;
     margin-bottom: 15px;
}
 .usp-box ul li:before {
     content: '\f00c';
     font-family: FontAwesome;
     margin-right: 5px;
     color: #5bff00;
}
 .mainFooter .upperFooter .footerBlock #wpgmza_map {
     color: #000000;
}
 .headerImage {
     height: auto;
}
 .menu .top>div {
     display: flex;
}
 .menu .top>div > div {
     margin: 0 5px;
}
 @media (max-width: 767px) {
     .header-phone {
         display: none;
    }
}
 #menu-item-1132 a, #menu-item-35 a, #menu-item-1140 a {
     background-color: #0068b3;
     color: #ffffff;
     padding: 10px 25px;
     position: relative;
     top: -9px;
}
 .cta-bar {
     background-color: #373646;
}
 .cta-bar h2 {
     color: #ffffff;
     margin: 0;
}
 .cta-bar .row {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: center;
}
 .cta-bar .row:after {
     display: none;
}
 .cta-bar .button {
     font-size: 1.3em;
     padding: 10px 25px;
     line-height: normal;
     height: auto;
     margin: 0;
}
 .cta-bar .row > div {
     margin: 15px;
}
 li:before {
     display: none 
}
 .single .pg-content:nth-last-child(4) .c-button {
     display: none;
}
/* Flex template */
 .page-template-tpl-flex img {
     max-width: 100%;
}
 .page-template-tpl-flex .content {
     padding: 50px 0;
     position: relative;
}
 .page-template-tpl-flex .row > .center {
     float: none;
     margin: auto;
}
 .flex-background-img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     opacity: 0.25;
}
 .page-template-tpl-flex .content.white {
     background-color: #ffffff;
     color: #404040;
}
 .page-template-tpl-flex .content.white a {
     color: #0068B3;
}
 .page-template-tpl-flex .content.grey {
     background-color: #f2f2f2;
}
 .page-template-tpl-flex .content.dark-grey {
     background-color: #373646;
}
 .page-template-tpl-flex .content.blue {
     background-color: #0068B3;
}
 .page-template-tpl-flex .content.dark-grey *, .page-template-tpl-flex .content.blue * {
     color: #ffffff;
}
 .page-template-tpl-flex .mainContent {
     padding: 0;
}
 .col-1 {
     width: 5.55556%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-2 {
     width: 13.88889%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-3 {
     width: 22.22222%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-4 {
     width: 30.55556%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-5 {
     width: 38.88889%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-6 {
     width: 47.22222%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-7 {
     width: 55.55556%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-8 {
     width: 63.88889%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-9 {
     width: 72.22222%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-10 {
     width: 80.55556%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-11 {
     width: 88.88889%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 .col-12 {
     width: 97.22222%;
     float: left;
     margin-left: 1.38889%;
     margin-right: 1.38889% 
}
 @media (max-width: 767px) {
     .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
         width:91.78404%;
         float: left;
         margin-left: 4.10798%;
         margin-right: 4.10798% 
    }
}
 b, strong {
     font-weight: 600;
}
/* END Flex template */
/* Landingspagina */
 .bim-full-width .bim-v-align-none .bim-image, .bim-full-width .bim-v-align-none .bim-image img {
     height: 100%;
     width: 100%;
     object-fit: cover;
}
 .header-text .button {
     color: #ffffff;
     padding: 10px 25px;
     line-height: normal;
     height: auto;
}
 .side-form .gform_body ul {
     width: 100%!important;
     margin: 0!important;
     padding: 0!important;
}
 .side-form .gform_body {
     display: flex;
     flex-direction: column;
}
 .bim-content .bim-text a:not(.button) {
     color: #0068b3;
}
 .bim-content .bim-text a:not(.button):hover {
     color: #373646;
}
 .package-options .bim-text a {
     text-decoration: underline;
     color: #0068b3;
}
 .cta-container .bim-column {
     background-color: rgba(255, 255, 255, 0.85);
     padding: 25px;
}
 .cta-container .two-column_wrapper .gform_body .gform_fields.s2 {
     padding: 0;
}
 .bim-widgets .widget {
     background-color: #ffffff;
     padding: 25px!important;
     margin: 15px 0!important;
}
 .package-options .bim-container {
     justify-content: center;
}
 @media (max-width: 767px) {
     .header-buttons .bim-html {
         display: flex;
         justify-content: space-between;
         margin-top: 15px;
    }
     .header-buttons .button {
         color: #ffffff;
         padding: 10px 25px!important;
         line-height: normal;
         height: auto;
         margin: 0;
    }
     .header-title h1 {
         color: #ffffff!important;
         font-size: 2.5em;
         line-height: normal;
         margin-bottom: 20px!important;
    }
     .package-options .bim-text a {
         text-decoration: underline;
         color: #0068b3;
    }
     .cta-container .bim-column {
         background-color: rgba(255, 255, 255, 0.85);
         padding: 25px;
    }
     .cta-container .two-column_wrapper .gform_body .gform_fields.s2 {
         padding: 0;
    }
     .cta-container .two-column_wrapper .gform_body .gform_fields.s1 {
         padding-top: 0px;
    }
     .usp-bar li:not(:last-child) {
         display: none;
    }
     .header-text {
         margin: 0 15px;
    }
     .header-buttons .bim-html {
         flex-direction: column;
    }
     .header-buttons .button {
         margin: 0 15px 15px;
         width: calc(100% - 30px);
    }
     h1 {
         text-align: center!important;
    }
     .bim-full-width .bim-column> :not(.bim-image) {
         padding: 25px 15px!important;
    }
     .bim-full-width .bim-v-align-none {
         order: 1;
    }
     .cta-container {
         padding: 75px 15px;
    }
}
/* END landingspagina */
/* Header redesign */
 .mainHeader {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     background-color: #ffffff;
     z-index: 999;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
 .mainContainer {
     padding-top: 127px;
}
 .admin-bar .mainHeader {
     top: 32px;
}
 .mainMenu>ul>li>a {
     text-transform: none;
     font-size: 1.2em;
}
 .header-phone {
     font-size: 1.2em;
}
 .wpml-ls-legacy-list-horizontal a span {
     font-size: 1.2em;
}
 .usp-bar {
     padding: 10px 0;
     font-size: 1.2em;
}
/* END Header redesign */
/* Nav menu dropdowns */
 .mainMenu>ul>li.menu-item-has-children > a:after {
     content: '\f078';
     font-family: FontAwesome;
     margin-left: 5px;
     font-size: 0.85em;
     background-color: transparent;
     position: static;
}
 .mainMenu>ul>li.current-menu-item>a:before {
     content: '';
     height: 1px;
     width: 100%;
     background-color: #0068B3;
     position: absolute;
     bottom: 0;
     left: 0;
}
 .mainMenu>ul>li>ul>li {
     width: auto;
     margin: 0;
}
 .mainMenu>ul>li>ul>li>a {
     font-size: 16px;
     text-transform: none;
     min-width: 200px;
     padding: 10px 15px;
     border-bottom: solid 1px #d7d7d7;
     border-left: solid 3px transparent;
}
 .mainMenu>ul>li:hover>ul.sub-menu {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
     top: 150%;
}
 .mainMenu>ul>li>ul>li:hover {
     background-color: #f2f2f2;
}
 .mainMenu>ul>li>ul>li:hover>a {
     border-left: solid 3px #0068b3;
}
 .mainMenu>ul>li>ul>li:last-child>a {
     border-bottom: none;
}
 .mainMenu>ul>li.menu-item-has-children:after {
     content: '';
     display: block;
     position: absolute;
     left: 0;
     top: 100%;
     height: 15px;
     width: 100%;
}
/* END Nav menu dropdowns */
 @media (min-width: 767px) {
     .package-options .bim-content-image {
         max-height:200px;
         min-height: 200px;
    }
}
 @media (max-width: 767px) {
     .package-options .bim-content-image {
         max-height:100px;
         min-height: 100px;
         margin-top: 20px;
    }
}
/* Redesign 2024 */
 @import url('https://fonts.googleapis.com/css?family=Montserrat');
 body {
     font-size: 16px;
     line-height: 1.8;
     font-family: 'Montserrat', sans-serif;
     color: #000000;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 900;
}
 .onw-hero .bim-html {
     padding: 0!important;
     text-align: right;
}
 .onw-hero .usp-bar {
     max-width: 80%;
     display: inline-block;
     width: 100%;
     padding-left: 50px;
     font-size: 1em;
}
 .onw-hero:before, .onw-hero:after {
     content: '';
     width: calc(20% + 45px);
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background-color: #0069b3;
     z-index: 2;
     clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
 .onw-hero:after {
     background-color: #d2ddf1;
     width: 20%;
}
 .onw-hero {
     padding-top: 285px!important;
}
 .onw-hero .bim-background-img {
     opacity: 1;
}
 .onw-hero .usp-bar img {
     margin-right: 10px;
     height: 30px!important;
     width: auto!important;
}
 .onw-hero .usp-bar li {
     display: flex;
     align-items: center;
     margin: 15px auto;
}
 .mainHeader {
     background-color: transparent;
     box-shadow: none;
     top: 75px!important;
}
 .mainHeader .menu .bottom {
     margin: 0;
     display: block;
}
 .mainHeader .row {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     background-color: #ffffff;
     padding: 10px 25px;
     border-radius: 20px;
     border: solid 1px #eaeaea;
     box-shadow: 0 5px 10px rgba(0,0,0,0.05), 0 6px 6px rgba(0,0,0,0.025);
     width: 100%;
     margin: 0;
}
 #menu-item-1132 a, #menu-item-35 a, #menu-item-1140 a {
     top: auto;
     background-color: #d2ddf1;
     color: inherit;
     border-radius: 10px;
}
 .mainMenu>ul>li>a {
     padding: 10px 20px!important;
     color: #000000;
}
 .mainMenu>ul>li>ul {
     top: 100%!important;
}
 .mainMenu>ul>li:after {
     display: none;
}
 .mainContainer {
     padding-top: 0;
}
 .button {
     color: #ffffff!important;
     font-size: 18px;
     padding: 15px 25px;
     line-height: normal;
     height: auto;
     border-radius: 10px;
     margin: 0;
}
 .button + .button {
     background-color: #d2ddf1;
     color: #000000!important;
     margin-left: 15px;
}
 .onw-packaging-list a {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-rows: repeat(2, 1fr);
     grid-column-gap: 0px;
     grid-row-gap: 0px;
     padding: 15px 5px!important;
     border-bottom: solid 1px #c7c7c7;
     transition: all 200ms ease-in-out;
}
 .onw-packaging-list a img {
     grid-area: 1 / 1 / 3 / 2;
     height: 125px;
     width: 100%;
     object-fit: contain;
}
 .onw-packaging-list {
     padding: 0 10px 0 0;
}
 .onw-packaging-list h4 {
     margin: 0;
     align-self: flex-end;
}
 .onw-packaging-list strong {
     color: #0068b3!important;
     font-size: 0.9em;
     font-weight: 100;
}
 .onw-packaging-list strong i {
     font-size: 0.8em;
     transition: all 200ms ease-in-out;
}
 .onw-packaging-list a:hover i {
     margin-left: 5px;
}
 .onw-packaging-list a:hover {
     transform: scale(1.05);
}
 .onw-rounded:first-child {
     border-radius: 0 20px 20px 0!important;
     margin-top: 75px;
}
 .onw-rounded:last-child {
     border-radius: 20px 0 0 20px!important;
}
 .onw-rounded img {
     border-radius: 5px;
     /* mix-blend-mode: luminosity; */
     height: 400px!important;
}
 .onw-boxed .bim-container {
     background-color: #0069b3;
     padding: 75px 0;
     border-radius: 20px;
}
 .onw-boxed .bim-colour-white {
     border-radius: 0 20px 20px 0!important;
}
 .onw-boxed .bim-colour-none {
     color: #ffffff;
     padding: 0 75px;
}
 .onw-boxed .bim-colour-none a {
     color: #ffffff!important;
     text-decoration: underline;
}
 h1 {
     font-size: 2em;
}
 h2 {
     font-size: 1.5em;
}
 h3 {
     font-size: 1.25em;
}
 .mainContainer + div:not(.onw-hero) {
     padding-top: 250px;
}
 @media (max-width: 767px) {
     .mainHeader .mobileLink {
         position: relative;
         top: 0;
         line-height: 1;
    }
     .mainHeader .bottom {
         display: none;
    }
     .mainHeader .row {
         margin: 0 15px;
         width: calc(100% - 30px);
    }
     .mainHeader {
         top: 15px!important;
    }
     .onw-hero .usp-bar li:not(:nth-child(3)) {
         display: none;
    }
     .onw-hero .usp-bar {
         padding: 0;
         max-width: 100%;
    }
     .onw-hero:before, .onw-hero:after {
         display: none;
    }
     .onw-hero {
         padding-top: 200px!important;
    }
     .bim-content.onw-hero .bim-column .bim-html {
         padding: 0!important;
    }
     .button + .button {
         margin: 15px 0 0;
    }
     .onw-boxed .bim-colour-white {
         border-radius: 20px!important;
         margin: 0 25px 50px;
    }
     .onw-boxed .bim-colour-white aside {
         margin: 0!important;
         padding: 0!important;
    }
     .onw-rounded:last-child {
         border-radius: 20px!important;
         margin: 0 25px;
    }
     .onw-rounded:first-child {
         border-radius: 20px!important;
         margin: 75px 25px 0!important;
    }
     .cta-bar .left-cta {
         text-align: center;
    }
     .cta-bar .right-cta {
        width: 100%;
    }
}
/* END Redesign 2024 */
