/* 
	Theme Name: DeLiftfabriek_v3
	Description: De Liftfabriek website
	Version: 3.0.2 
	Author: Dion Spierings 
	Author URI: https://groeigenoten.online 
	Tags: HTML5, CSS3 
	License: MIT 
*/


/*------------------------------------------------------------------ 
[CSS Table of contents] 
1. Main 
2. Typography 
3. Print 
4. U.I. Components
4.1 Buttons
4.2 Forms
5.1 General Layout 
5.2 Header 
	5.2.1 Logo 
	5.2.2 Navigation 
	5.2.3 Mobile Navigation 
5.3 Footer
	5.3.1 Popup 
10. Pages .swiper-slide img
10.1 Home
	10.1.0 Binnenkomer Mockup
	10.1.1 Product Swiper 
	10.1.2 Over ons 
	10.1.5 Onze Werkwijze 
	10.1.7 FAQ / Accordion
	10.1.8 Nieuws
10.2 About 
10.7 Contact
10.8 Privacy
10.10 Product detail pagina's
11. Media Queries


/*------------------------------------------------------------------- 
1. Main 
-------------------------------------------------------------------*/




.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

a {
    color: #ff720a;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-underline-offset: 8px;
}






a:link {
    color: #ff720a;
    text-decoration: none;
}

a:visited {
    color: #ff720a;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    outline: 0;
    color: #ff720a;
    text-decoration: underline;
}


.accordion-body a.readmore {
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    line-height: 1.95;
    font-size: 20px;
    color: #E7AA00;
}


input:focus,
textarea:focus {
    outline: 0;
}

ul.type-usplist {
    list-style-type: none;
    font-size: 14px;
}

/* wrapper */
.wrapper {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;

    >.col,
    >[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
}


section.black-bg {
    position: relative;
    z-index: 6;
    background-color: black;
}

section.white-bg {
    position: relative;
    z-index: 6;
    background-color: white;
}

.contrast_s {
    background-color: #ff720a;
    padding: 60px 0px 60px 0px;
    width: 100%;
    display: block;
}

.contrast_s h2,
.contrast_s h2.p2,
.contrast_s p,
.contrast_s strong,
.contrast_s a,
.contrast_s li {
    color: white !important;
}


.contrast_s ul li {
    margin-bottom: 20px;
}

.contrast_s li::marker {
    color: #dec84c;
}


/*------------------------------------------------------------------- 
2. Typographys
 -------------------------------------------------------------------*/


@font-face {
    font-family: 'Roboto-Regular';
    src: url('fonts/Roboto/Roboto-Regular.eot');
    src: url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto/Roboto-Regular.woff') format('woff'),
        url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
        url('fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto/Roboto-Bold.eot');
    src: url('fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto/Roboto-Bold.woff') format('woff'),
        url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
        url('fonts/Roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('fonts/Montserrat/Montserrat-Bold.eot');
    src: url('fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.eot");
    src: url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.woff2") format("woff2"), url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.woff") format("woff"), url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.ttf") format("truetype"), url("/wp-content/themes/Ondernemersbasis_v2/fonts/fontawesome-free-5.15.1-web/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}


.post-content-single p a {
    color: #ff720a;
}

.post-content-single p a:hover,
.post-content-single p a:focus {
    text-decoration: underline;
}

/*------------------------------------*\ 
MISC 
\*------------------------------------*/
::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------------------------------------- 
2. Print 
-------------------------------------------------------------------*/


@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " ("attr(href) ")";
    }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*------------------------------------------------------------------- 
Internet Explorer 11 
-------------------------------------------------------------------*/


_:-ms-fullscreen,
:root .clientstory_logo img {
    max-width: 200px;
}

_:-ms-fullscreen,
:root a.navbar-brand img,
_:-ms-fullscreen,
:root a.navbar-brand-unscrolled img {
    width: inherit !important;
    max-width: 200px !important;
}


/*------------------------------------------------------------------- 
2. Body / Typography 
-------------------------------------------------------------------*/


html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    position: relative;
    font-size: 17px !important;
    /* background-color: black !important; */
    background: white;
    margin-bottom: 0px !important;
}


.wrap_noscroll {
    position: relative;
    overflow: hidden;
    width: 100%;
}

p,
table,
.bodytext {
    line-height: 1.95;
    font-family: 'Roboto-Regular', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #6f6f6f;
}



.text-white {
    color: white;
}

.text-purple {
    color: #ff720a
}

.text-dark-purple {
    color: #ff720a;
}

.text-right {
    text-align: right;
}

a {
    color: #c6294c;
}

a,
button {
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    color: #ff720a;
    text-decoration: none;
    background-color: transparent;
}

a.btn-brand-link,
.privacy_band a {
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
}

a.attention {
    color: #ff720a;
    font-family: 'Parkinsans-Regular-SemiBold';
    position: relative;
    z-index: 4;
}

.text-primary {
    color: #fed136 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat-Bold', Tahoma, sans-serif;
    color: #6f6f6f !important;
}

strong.intro {
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    font-size: 20px;
    line-height: 1.95;
    margin-bottom: 0px;
    color: #6f6f6f;
}


h1.p2 {
    font-size: 32px;
    color: #6f6f6f !important;
}

h2.p2 {
    color: #6f6f6f !important;
}

h2.p2.text-white {
    color: white !important;
}

h2.p2.heading1 {
    /* padding-top:150px; */
}

h2.p2.heading1_c {
    /* padding-top:100px; */
}

p.p2 {
    /* margin-bottom:50px;margin-bottom:50px; */
}


h4.service {
    font-family: 'Parkinsans-Regular-Bold', Tahoma, sans-serif;
}

h2.section-heading-title {
    font-size: 50px;
    text-transform: uppercase;
}

h2.section-heading {
    /* 	font-family: 'Oxanium-Bold', sans-serif; */
    font-family: 'Oxanium-Bold', sans-serif;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #ff720a;
}

.paragraph h2 {
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    font-size: 26px;
}

h3 {
    margin: 5px 0px 25px 0px;
}

section h3.section-subheading {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 75px;
    text-transform: none;
    color: #2a3442;
}


.post-content-single p h2,
.post-content-single h2,
.post-content-single p h3,
.post-content-single h3,
.post-content-single h4 {
    font-size: 1.3rem;
    font-family: 'Montserrat-Bold', Tahoma, sans-serif;
    padding-top: 25px;
    margin-bottom: 10px;
    margin-top: 20px;
}



.post-content-single h5 {
    font-family: 'Montserrat-Bold', Tahoma, sans-serif;
    padding-top: 25px;
    margin-bottom: 15px;
    margin-top: 25px;
}



ol li,
ul li {
    line-height: 1.95;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    font-size: 20px;
    color: #6f6f6f
}

li::marker {
    color: #ff720a;
}

'


.text-white ul.list-unstyled.arrow li {
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    font-size: 20px;
    color: #6f6f6f
}

.text-white ol {
    color: #6f6f6f
}




strong,
.paragraph p strong {
    /* font-family: 'Oxanium-Bold', Tahoma, sans-serif !important; */
    font-family: 'Roboto-Bold', Verdana, Tahoma, sans-serif;
    font-weight: normal !important;
}

hr {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    border: 0 !important;
    border-top: 1px solid transparent !important;
}


blockquote {
    position: relative;
    padding: 50px 200px 50px 200px;
    color: #ff720a;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    display: block;
    line-height: 24px;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    margin: 40px 0px 10px 0px;


}

blockquote::before {
    font-size: 20px;
    color: #ff720a;
    position: absolute;
    top: 17px;
    content: "\f10d";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    left: 10px;
}

blockquote::after {
    font-size: 20px;
    color: #ff720a;
    position: absolute;
    bottom: 17px;
    content: "\f10e";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    right: 10px;
}

blockquote p {
    color: #ff720a;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    font-size: 18px;
    line-height: 30px;

}

.post-blockquote-author {
    font-size: 16px;
    margin-top: 20px;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    color: #464646;
    font-style: normal;
    margin-bottom: 50px;
}

.blockquote-fancy::before {
    font-size: 20px;
    color: #3544ee;
    position: absolute;
    top: 17px;
    content: "\f10d";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    left: 0;
}

.blockquote-left-border {
    border-left: 3px solid #3544ee;
}

.blockquote-right-border {
    border-right: 3px solid #3544ee;
}

.blockquote-box {
    padding: 45px;
}

.blockquote-left {
    max-width: 400px;
}

.blockquote-right {
    max-width: 400px;
    float: right;
}


/* XXL devices (xx large desktops, 1600px and up)*/
 @media (min-width: 1600px) {

    .post-content-single p h2,
    .post-content-single h2,
    .post-content-single p h3,
    .post-content-single h3,
    .post-content-single h4 {
        font-size: 1.3rem;
        font-family: 'Montserrat-Bold', Tahoma, sans-serif;
        padding-top: 50px;
        margin-bottom: 25px;
        margin-top: 25px;
    }


}



/*------------------------------------------------------------------- 
4. U.I. Components 
-------------------------------------------------------------------*/



/*------------------------------------------------------------------- 
4.1 Buttons
-------------------------------------------------------------------*/


/* POB_v2 button */


/* General button style (reset) */
button {
    border-radius: 0;
    border: 0;
}


.DLF-btn {
    font-family: 'Montserrat-Bold', Tahoma, sans-serif !important;
    font-size: 14px;
    color: white !important;
    cursor: pointer;
    padding: 10px 55px;
    display: inline-block;
    margin: 10px 0px 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    text-align: center;
}

.DLF-btn.white {
    border-color: white !important;
}

.DLF-btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.DLF-btn:hover,
.DLF-btn:focus {
    text-decoration: none;
}

.DLF-btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.DLF-btn:hover,
.DLF-btn:focus {
    text-decoration: none;
}

.DLF-btn {
    background-image: linear-gradient(to right, #ff720a 0%, #ff720a 51%, #e0c9c0 100%)
}

.DLF-btn {
    transition: 0.5s;
    background-size: 200% auto;
}

.DLF-btn:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: white;
    text-decoration: none;
}


.cta-1 {
    background: #ff720a;
    color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}


.DLF-btn-2 {
    border: 5px solid;
    border-color: white;
    font-family: 'Repo-ExtraBold', Tahoma, sans-serif !important;
    font-size: 14px;
    color: white !important;
    background: none;
    cursor: pointer;
    /*padding: 25px 80px;*/
    padding: 10px 55px;
    display: inline-block;
    /* margin: 15px 30px; */
    margin: 10px 0px 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.DLF-btn-2:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.DLF-btn-2:hover,
.DLF-btn-2:focus {
    text-decoration: none;
    border-color: #e7aa00;
}


.DLF-btn-3 {
    border: 5px solid;
    border-color: var(--paletgroen-POB);
    font-family: 'Repo-ExtraBold', Tahoma, sans-serif !important;
    font-size: 14px;
    color: var(--paletgroen-POB) !important;
    background: none;
    cursor: pointer;
    /*padding: 25px 80px;*/
    padding: 10px 55px;
    display: inline-block;
    /* margin: 15px 30px; */
    margin: 10px 0px 20px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.DLF-btn-3:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.DLF-btn-3:hover,
.DLF-btn-3:focus {
    text-decoration: none;
    border-color: #e7aa00;
}


.cta-2 {
    background: transparent;
    color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}


.banana {
    /*border-radius: 40px;*/
    /* border-radius: 0px; */
}

.banana:hover {
    /* box-shadow: 0 4px #ab3c3c; */
    /* top: 2px;
	text-decoration: none; */
}

.banana:active {
    /* box-shadow: 0 0 #ab3c3c; */
    /* top: 6px;
	text-decoration: none; */
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e1e1e1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
    color: white;
}

.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal,
.hvr-shutter-out-horizontal a,
.hvr-shutter-out-horizontal input {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    /*  box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-shutter-out-horizontal:before,
.hvr-shutter-out-horizontal a:before,
.hvr-shutter-out-horizontal input:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    /*border-radius: 50px;*/
    border-radius: 0px;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal.white:before {
    background: #ffffff;
}

.hvr-shutter-out-horizontal.button1 a:before,
.hvr-shutter-out-horizontal.button2 a:before,
.hvr-shutter-out-horizontal.button1 input:before,
.hvr-shutter-out-horizontal.button2 input:before,
a.blogleesverder.hvr-shutter-out-horizontal:before {
    background: #090f23;
}

.hvr-shutter-out-horizontal.orange:before {
    background: #ff720a;
    /* Old browsers */
    background: -moz-linear-gradient(left, #ff720a 0%, #ff720a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff720a 0%, #ff720a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff720a 0%, #ff720a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:active {
    color: white !important;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal a:hover:before,
.hvr-shutter-out-horizontal a:active:before,
.hvr-shutter-out-horizontal input:hover:before,
.hvr-shutter-out-horizontal input:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


a.centered.DLF-btn,
a.centered.DLF-btn-2 {
    display: block;
    width: 345px;
    margin: auto;
    text-align: center;
}

/*buttons*/

a.btn.btn-primary {
    font-size: 20px;
    position: relative;
    z-index: 4;
}

a.btn.btn-primary.btn-rounded.btn-lg {
    position: relative;
    z-index: 4;
}

a.btn.btn-primary.btn-rounded.whitepaper {
    font-size: 16px;
    position: relative;
    z-index: 5;
}

.btn-xl {
    font-size: 28px !important;
    padding: 10px 33px !important;
    margin-top: 10px;
    border-radius: 0px !important;
}

.btn-primary {
    font-family: 'Parkinsans-Regular-Bold' !important;
    text-transform: uppercase;
    /*background-color: #3ac849!important;
    /*green button*/
    background-color: #DC531F !important;
    /*purple*/
    box-shadow: 0 3px #520A76 !important;
    color: white !important;
    border-color: #520A76 !important;
    position: relative;
    display: inline-block;
    transition: all 0.2s ease 0s !important;
    border-radius: 0px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    border-color: #DC531F !important;
    text-decoration: none !important;
}


a.cs_btn.btn.btn-1.slider_cta.rotated {
    -webkit-transform: translateY(-50%) translateX(100%) rotate(90deg);
    transform: translateY(-50%) translateX(100%) rotate(90deg);
    z-index: 3;
    position: relative;
}


input.wpcf7-form-control.wpcf7-submit.btn-primary {
    transition: all 0.2s ease 0s !important;
}

input.wpcf7-form-control.wpcf7-submit.btn-primary:hover,
input.wpcf7-form-control.wpcf7-submit.btn-primary:focus,
input.wpcf7-form-control.wpcf7-submit.btn-primary:active {
    /*background-color: #3ac849!important;
    /*green button*/
    background-color: #A3DEFE !important;
    /*blue hover*/
    /* background-color: #DC531F!important;
     */
    box-shadow: 0 3px #DC531F !important;
    background-color: #DC531F !important;
    border-color: #DC531F !important;
    outline: 0;
    top: 1px;
    box-shadow: 0 2px #DC531F !important;
}

a.btn.btn-primary.btn-xl.js-scroll-trigger:hover,
a.btn.btn-primary.btn-xl.js-scroll-trigger:focus,
a.btn.btn-primary.btn-xl.js-scroll-trigger:active {
    /* background-color: #DC531F!important;
     */
    background-color: #3ac849 !important;
    /*green button*/
    box-shadow: 0 3px #DC531F !important;
    background-color: #DC531F !important;
    border-color: #DC531F !important;
    outline: 0;
    top: 1px;
    box-shadow: 0 2px #3480a1;
    text-decoration: none !important;
}


/* original btn styles */
.btn {
    font-size: 20px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    /* -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     */
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    transition: .3s ease;
}

a.btn:hover,
a.btn:focus,
a.btn:active {
    background-color: #9E28B5 !important;
    outline: 0;
    /* top: 1px;
     */
    box-shadow: 0px !important;
    color: white !important;
}

a.btn.btn-primary {
    color: white !important;
}

::selection {
    background: #fed136;
    text-shadow: none;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

/* General button style (reset) */
.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 25px 80px;
    display: inline-block;
    /* margin: 15px 30px;
     */
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

/* Button 1 */
.btn-1 {
    border: 3px solid #fff;
    color: #fff;
}

/* Button 1c */
.slider_cta:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--paletgroen-POB);

}

.slider_cta:hover,
.slider_cta:active {
    /* color: #0e83cd;
     */
}

.slider_cta:hover:after,
.slider_cta:active:after {
    width: 100%;
}


/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .DLF-btn,
    .DLF-btn-2,
    .DLF-btn-3 {
        font-size: 20px;
    }

}


button.ds_swiper-cta {
    border: 3px solid;
    border-color: #ff720a;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    font-size: 20px;
    color: #ff720a !important;
    background: none;
    cursor: pointer;
    padding: 10px 55px;
    display: inline-block;
    margin: 10px 0px 20px 0px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}


button.ds_swiper-cta:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

button.ds_swiper-cta:hover,
button.ds_swiper-cta:focus {
    text-decoration: none;
    border-color: white;
}


/*------------------------------------------------------------------- 
4.2 Forms
-------------------------------------------------------------------*/

.form-group {
    margin-bottom: 25px;
}

.form-group input,
.form-group textarea,
input.wpcf7-form-control.wpcf7-text {
    padding: 20px;
}

input.wpcf7-form-control.wpcf7-text {
    /* margin-bottom:25px; */
}

.form-group.form-check input.form-check-input {
    padding: 16px;
}

.form-group input.form-control {
    height: auto;
}

.form-group textarea.form-control {
    height: 248px;
}


.form-control {
    background-color: #e0e0e0 !important;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    font-size: 20px !important;
    color: #ff720a !important;
    border-radius: 0px !important;
}

.form-check-input {
    background-color: #efefef !important;
}


.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #ff720a !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(201, 119, 83, .25) !important;
}



::-webkit-input-placeholder {
    color: #5a4d4d;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

:-moz-placeholder {
    color: #5a4d4d;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

::-moz-placeholder {
    color: #5a4d4d;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

:-ms-input-placeholder {
    color: #5a4d4d;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5a4d4d !important;
    opacity: 1;
    /* Firefox */
}

/*textareas & inputs*/
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    display: block;
    /* width: 100%;
     */
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 0px;
}

span.wpcf7-list-item.first input,
span.wpcf7-list-item.last input {
    height: 15px;
    width: 15px;
}

span.wpcf7-form-control.wpcf7-checkbox.wpcf7-exclusive-checkbox span.wpcf7-list-item.first.last input {
    display: inline;
    width: inherit;
}

.wpcf7-exclusive-checkbox.checkit span.wpcf7-list-item {
    display: block;
}

.wpcf7-exclusive-checkbox.checkit span.wpcf7-list-item * {
    /* display: block;
     background-color:#ff720a;
     */
}

.comment-form-comment textarea {
    overflow: hidden;
}

input::after,
input::before,
textarea#comment::after,
textarea#comment::before {
    -webkit-box-sizing: none;
    -moz-box-sizing: none;
    box-sizing: none;
}

input::selection,
textarea#comment::selection,
textarea.wpcf7-textarea::selection {
    color: white;
    background-color: #f8ba2c;
}

input::-moz-selection,
textarea#comment::-moz-selection,
textarea.wpcf7-textarea::-moz-selection {
    color: white;
    background-color: #f8ba2c;
}

.mc4wp-form-fields p input:hover,
.mc4wp-form-fields p input:focus,
.mc4wp-form-fields p input:active,
textarea.wpcf7-form-control.wpcf7-textarea:hover,
textarea.wpcf7-form-control.wpcf7-textarea:focus,
textarea.wpcf7-form-control.wpcf7-textarea:active,
input.wpcf7-form-control:hover,
input.wpcf7-form-control:focus,
input.wpcf7-form-control:active {
    cursor: pointer;
    background-color: #d6fffc;
    transition: color 0.2s ease 0s !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
    /* margin-top: 68px;
     */
}

input#submit.submit:focus,
input#submit.submit:hover,
input#submit.submit:active {
    color: black;
    -webkit-box-shadow: inset 0px 0px 0px 2px black;
    -moz-box-shadow: inset 0px 0px 0px 2px black;
    box-shadow: inset 0px 0px 0px 2px black;
    background: white;
    cursor: pointer;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 10px 0 0px;
}

div.wpcf7 form.wpcf7-form span.ajax-loader {
    width: 91px;
    height: 91px;
    background-repeat: no-repeat;
    background-image: url(img/loading.svg);
    background-size: 91px 91px;
}

.wpcf7-radio.keuze span.wpcf7-list-item.last label {
    margin-left: 60px;
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing,
.wpcf7-mail-sent-ok,
.wpcf7 form {
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}


.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900 !important;
    background-color: #ffb900 !important;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232 !important;
    background-color: #dc3232 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    background-color: #46b450 !important;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28 !important;
    background-color: #f56e28 !important;
}


/*checkboxes label first vertical*/
span.wpcf7-list-item {
    display: table-row !important;
}

span.wpcf7-list-item * {
    display: table-cell !important;
    margin-right: 10px !important;
}

.wpcf7-exclusive-checkbox span.wpcf7-list-item span.wpcf7-list-item-label {
    padding-right: 10px;
    font-size: 20px;
}


.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked,
.mc4wp-checkbox-contact-form-7 input[type=checkbox]:checked {
    accent-color: #ff720a;
}

.paragraph.initiatief p {
    font-size: 19px;
}

.form-check-input:checked {
    background-color: #ff720a !important;
    border-color: #ff720a !important;
}


p.wpcf7-list-item-label,
span.wpcf7-list-item-label,
p.wpcf7-list-item-label a {
    font-size: 14px !important;
}


textarea.wpcf7-form-control.wpcf7-textarea {
    height: 250px;
}


.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

/*MC4WP */

.mc4wp-checkbox-contact-form-7 label {
    display: block;
}

.mc4wp-checkbox-contact-form-7 label span {
    font-size: 14px;
    padding-left: 11px;
    vertical-align: inherit;
}


.mc4wp-checkbox-contact-form-7 input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0px 0px 0px 0px;
    display: inline;
    vertical-align: text-top;
    position: relative;
    top: 8px;
    overflow: hidden;
}


/*Mailchimp */


form.mc4wp-form {
    margin-bottom: 35px;
}


.mc4wp-response .mc4wp-alert p {
    text-align: center;
    padding: 5px;
}

.mc4wp-response .mc4wp-alert.mc4wp-success p {
    text-align: center;
    padding: 5px;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.mc4wp-response .mc4wp-alert.mc4wp-notice p,
.mc4wp-response .mc4wp-alert.mc4wp-error p {
    text-align: center;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 5px;
}

.mc4wp-response .mc4wp-alert.mc4wp-error p {
    text-align: center;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 5px;
}

.form-group.form-check label.form-check-label {
    font-family: 'Roboto-Regular';
    padding: 0px 0px 20px 0px;
    margin: 5px 20px 0px 10px;
    font-size: 20px;
    color: #5a4d4d;
}

button.MCN {
    width: 100%;
    padding: 20px;
    margin: 30px 0px 50px 0px;
}

button.MCN:hover,
button.MCN:focus {
    top: 1px;
}

.form-check-input {
    margin-top: 0.37rem !important;
}




.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    transition: linear opacity 1s;
}

.grecaptcha-badge.showgr {
    visibility: visible;
    opacity: 1;
    transition: linear opacity 1s;
    z-index: 5;
}




@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .form-group.form-check label.form-check-label {
        margin: 10px 20px 0px 10px;
        max-width: 75%;
    }
}


/* Small devices (landscape phones, 576px - 768px)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .form-group.form-check label.form-check-label {
        margin: 10px 20px 0px 10px;
        max-width: 75%;
    }
}


/*------------------------------------------------------------------- 
5.1 General Layout 
 -------------------------------------------------------------------*/

/* colors*/
/*Note: Section space help to create top bottom space;
*/
.space-xs-small {
    padding-top: 25px;
    padding-bottom: 25px;
}

.space-small {
    padding-top: 60px;
    padding-bottom: 60px;
}

.space-medium {
    padding-top: 50px;
    padding-bottom: 100px;
}

.space-large {
    padding-top: 120px;
    padding-bottom: 120px;
}

.space-ex-large {
    padding-top: 140px;
    padding-bottom: 140px;
}

.content {
    padding-top: 20px;
    padding-bottom: 20px;
}


.px-7 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.pageheader,
.pageheader_home,
.pageheader_landingpage {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: left top;
    /* Create the parallax scrolling effect */
    /* background-attachment: fixed; */
    background-position: center;
    background-size: cover;
    /* height:100vh; */
    background: rgb(70, 70, 70);
}



.hero_M_bg {
    opacity: 0.07;
}

.pageheader_text {
    margin-top: 120px;
}



.pageheader_text p {
    color: white;
}


.pageheader .pageheader_text strong.ph_subheader_home a {
    font-family: Montserrat-Bold, Tahoma, sans-serif !important;
    color: white;
    text-decoration: underline;
}


hr.product_ph {
    border-top: 3px solid #ada8a8 !important;
    margin: 20px 0px 20px 0px !important;
}


.breadcrumbs {
    z-index: 5;
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.breadcrumbs a,
.breadcrumbs p {
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    font-size: 14px;
    color: #464646;
    display: inline;
}


.breadcrumbs.white a,
.breadcrumbs.white p {
    color: white;
}


.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs.white a:hover,
.breadcrumbs.white a:focus {
    color: #dec84c;
}


.ph_subheader_home ul {
    list-style-position: inside;
    padding-left: 0;
}

.ph-img-sat {
    background: rgb(70, 70, 70);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 26%;
    background-attachment: fixed;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.watermerk_ph_w {
    height: 100vh;
    width: 50vw;
    top: 0;
    right: 0;
    display: block;
    position: absolute;
    z-index: 5;
    background-blend-mode: luminosity;
}

.POB_beeldmerk {
    z-index: 9999;
    position: relative;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: url('/wp-content/themes/Ondernemersbasis_v2/img/Beeldmerk_Ondernemersbasis_overlay.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: 47%;
    background-attachment: fixed;
    background-position: center right;
    mix-blend-mode: hard-light;
    opacity: 0.478;
    background-blend-mode: revert;
}


.binnenkomer.shape {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 50px;
    height: 100vh;
    width: 100vw;
    /* 
	mask-image: url('/wp-content/themes/Ondernemersbasis_v2/img/pob_outline_shape.svg');
	-webkit-mask-image: url('/wp-content/themes/Ondernemersbasis_v2/img/pob_outline_.svg'); */


    mask-mode: match-source;
    -webkit-mask-mode: match-source;

    mask-position: 106% 57%;
    -webkit-mask-position: 106% 57%;

    -webkit-mask-size: 62%;
    mask-size: 62%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


h1.ph_header,
h1.ph_header_page,
h1.ph_header_homepage,
h1.ph_header_landingpage {
    font-family: 'Montserrat-Bold', Verdana, Geneva, Tahoma, sans-serif;
    /* text-transform: uppercase; */
    font-size: 64px;
    line-height: 79px;
    text-align: left;
    color: white;
    z-index: 4;
    position: relative;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


h1.ph_header_homepage span.emph,
h1.ph_header_landingpage span.emph {
    font-family: 'Oxanium-Bold', sans-serif;
}

h2.ph_subheader,
h2.ph_subheader_home,
h2.ph_subheader_landingpage strong.ph_subheader,
strong.ph_subheader_home,
strong.ph_subheader_landingpage {
    /* font-family: 'Roboto-Regular', sans-serif; */
    font-family: 'Montserrat-Bold', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    line-height: 35px;
    text-align: left;
    color: white;
    width: 75%;
    z-index: 4;
    position: relative;
}

.pageheader_text strong.ph_subheader_home.text-white ul li {
    color: white;
}



/* Solid border */
hr.home {
    border-top: 3px solid #ff720a !important;
    margin: 50px 0px 50px 0px !important;
}



.contact_box_img_home {
    width: 100%;
}



/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


    h2.ph_subheader,
    h2.ph_subheader_home,
    strong.ph_subheader,
    strong.ph_subheader_home {
        width: 100%;
    }


}

/* Small devices (landscape phones, 576px - 768px)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    h2.ph_subheader,
    h2.ph_subheader_home,
    strong.ph_subheader,
    strong.ph_subheader_home {
        width: 100%;
    }



}



/* Large devices (desktops, 992px - 1200px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {



    .hero_M_bg {
        display: none;
    }


}

/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {


    .contact_box_img_home {
        width: 75%;
    }




}



/* Extra large devices (extra large desktops, 1400px and up)*/
@media (min-width: 1400px) {


    .pageheader,
    .ph-img-sat {
        height: 100vh;
    }



}










/* XXL devices (xx large desktops, 1600px and up)*/
@media (min-width: 1600px) {




    .pageheader,
    .ph-img-sat {
        height: 85vh;
    }

    .product_ph_hero_w {
        margin-top: 0px;
    }

    .pageheader_text {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .hero_M_bg {
        opacity: 0.2;
    }
}













/*-------------------------------------------------------------------
 5.2 Header 
 -------------------------------------------------------------------*/


/*------------------------------------------------------------------- 
5.2.1 Logo
 -------------------------------------------------------------------*/


.navbar-brand {
    transition: all .5s;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: initial;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand.scroll::before {
    transform: translate(-50%, -85%) rotate(-45deg) scale(.85);
}

.navbar-brand.scroll .logo-full {
    display: block !important;
    max-width: 100%;
    height: 58px;
    width: auto;
    margin: .5em auto;
}


.logo_wrapper {
    transition: all .2s ease-in-out;
    width: 300px;
    height: 58px;
}






.navbar-brand .logo_wrapper img {
    width: 100%;
}

.logo_white.hidden,
.logo_color.hidden {
    display: none;
}



.Home.logo_DLF.navbar--scrolled,
.logo_DLF {
    display: block;
    width: auto;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/DeLiftfabriek_v3/img/DeLiftfabriek_logo.svg);
    background-size: contain;
    background-position: center;
}

.Home.logo_DLF,
.Home.logo_DLF.navbar--scrolled.menu--opened,
.logo_DLF.navbar--scrolled.menu--opened,
.logo_DLF.menu--opened {
    display: block;
    width: auto;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/DeLiftfabriek_v3/img/deliftfabriek_logo.svg);
    background-size: contain;
}



/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .logo_wrapper {
        width: 220px;
    }

}







/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .navbar-brand {
        margin-top: 10px;
    }

    .logo_wrapper {
        width: 400px;
    }

    .logo_wrapper.navbar--scrolled {
        width: 25vw;
        height: 70px;
    }


}


/*------------------------------------------------------------------- 
5.2.2 Navigation 
-------------------------------------------------------------------*/
.nav-link {
    font-family: 'Roboto-Bold', Tahoma, sans-serif !important;
    /* text-transform: uppercase; */
}

.dropdown-item {
    font-family: 'Roboto-Bold', Verdana, Tahoma, sans-serif;
}




a.navbar-brand-unscrolled.hidden {
    display: none;
    opacity: 0;
}

a.navbar-brand img,
a.navbar-brand-unscrolled img {
    width: 200px;
    height: auto;
    margin: 5px 0px 5px 0px;
}

#mainNav {
    background-color: white;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: white;
    border: 0;
    background-color: #f58220;
}

#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #fec503;
}


nav.navbar.homepage {
    background-color: white;
    transition: all .3s ease 0s !important;
}

nav.navbar.homepage.navbar--scrolled {
    background-color: white;
    box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}

nav.navbar.Home.navbar-nav .nav-item .nav-link {
    /* color:white; */
}


nav.navbar.navbar-nav .nav-item .nav-link {
    padding: 0.75em 0;
    color: #464646;
    outline: 0;
    transition: all 0.2s ease 0s !important;
    text-decoration: none !important;
    text-transform: none;
}

nav.navbar.Home li.nav-item a.nav-link {
    /* 	color:white; */
}


/* nav.navbar.homepage li.nav-item a.nav-link:hover,
nav.navbar.homepage li.nav-item a.nav-link:focus,
nav.navbar.homepage li.nav-item a.nav-link.l.has-submenu:hover,
nav.navbar.homepage li.nav-item a.nav-link.l.has-submenu:focus {
	text-decoration: underline;
	color: #464646;
} */


nav.navbar.homepage.navbar--scrolled li.nav-item a.nav-link:hover,
nav.navbar.homepage.navbar--scrolled li.nav-item a.nav-link:focus {
    color: #ff720a !important;
    text-decoration: none !important;
}

li.nav-item a.nav-link,
.dropitmenuitem h4.menuheader {
    color: rgb(70, 70, 70);
    font-size: 20px;
}


li.nav-item a.nav-link.l i,
li.nav-item.dropdown a.nav-link.l.has-submenu.scrolled {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* li.nav-item a.nav-link.l:hover,
li.nav-item a.nav-link.l:focus,
.Home.navbar--scrolled li.nav-item a.nav-link.l.has-submenu.scrolled:hover,
.Home.navbar--scrolled li.nav-item a.nav-link.l.has-submenu.scrolled:focus, */
li.nav-item.dropdown a.nav-link.l.has-submenu.scrolled:hover,
li.nav-item.dropdown a.nav-link.l.has-submenu.scrolled:focus,
li.nav-item.dropdown a.nav-link.l.has-submenu.scrolled.highlighted,
li.dropdown a.dropdown-item:hover,
li.dropdown a.dropdown-item:focus,
li.dropdown a.dropdown-item.highlighted,
li a.dropdown-item:hover,
li a.dropdown-item:focus,
li a.dropdown-item.highlighted,
li.nav-item a.nav-link.l:hover,
li.nav-item a.nav-link.l:focus,
li.nav-item.dropdown a.nav-link.l.has-submenu:hover,
li.nav-item.dropdown a.nav-link.l.has-submenu:focus {
    text-decoration: none;
    color: #ff720a;
}

li.nav-item a.nav-link.l i:hover,
li.nav-item a.nav-link.l i:focus {
    color: #ff720a;
}


/* mega menu */
.dropdown-menu {
    border: 0px !important;
    border-radius: 0px !important;
    --bs-dropdown-link-active-bg: #CBB6D6 !important;
}


.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #e0f4fc !important;
}


.lead {
    font-size: 21px !important;
    line-height: 32px !important;
    color: #181825 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

::selection {
    background: #FDDFBE !important;
    color: #272c30 !important;
}

.header-transparent .navbar-toggler {
    padding: 0px;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    position: relative;
    background-color: #fff;
}


.navbar-toggler {
    border: 0px !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */
.uncollapsed.hamburger_wrap {
    /* background-color: #eb5e28;
     */
}

.uncollapsed.hamburger_wrap:hover,
.uncollapsed.hamburger_wrap:focus {
    /* background-color: rgba(235, 94, 40, 0.6);
     background: rgba(235, 94, 40, 0.6);
     */
}

.hamburger_wrap {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 55px;
    /* border-radius: 50%;
     transition: all .3s ease 0s !important;
     */
}

.hamburger_wrap:hover,
.hamburger_wrap:focus {
    /* background-color: rgba(204, 197, 185, 0.6);
     background: rgba(204, 197, 185, 0.6);
     */
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #ff720a;
}

.hamburger.is-active:hover .hamburger-inner,
.hamburger.is-active:hover .hamburger-inner::before,
.hamburger.is-active:hover .hamburger-inner::after .hamburger.is-active:focus .hamburger-inner,
.hamburger.is-active:focus .hamburger-inner::before,
.hamburger.is-active:focus .hamburger-inner::after {
    background-color: #403D39
}

.hamburger-box {
    width: 40px;
    height: 31px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #ff720a;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

/* * Collapse */
.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*smartmenus*/
.dropdown-menu {
    border-radius: 0px !important;
}

a.nav-link.l.scrolled {
    text-decoration: none;
    -webkit-transition: all 0.3s w;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.nav-link.l.scrolled:hover,
a.nav-link.l.scrolled:focus,
a.nav-link.l.scrolled.highlighted {
    color: #510C76;
}

a#cta1.nav-link.cta {
    background-color: #ff720a;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

a#cta1.nav-link.cta:hover,
a#cta1.nav-link.cta:focus,
a#cta1.nav-link.cta.highlighted {
    background-color: #510C76;
}

#navbarNavDropdown.collapse.navbar-collapse {
    flex-direction: row-reverse;
}

li.nav-item.dropdown ul.dropdown-menu {
    -webkit-box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.13);
}

.dropdown-item,
.dropdown-item:focus,
.dropdown-item:hover {
    line-height: 27px;
}


li.nav-item.dropdown .dropdown-menu li a.dropdown-item {
    color: rgb(70, 70, 70) !important;
}

li.nav-item.dropdown .dropdown-menu li a.dropdown-item:hover,
li.nav-item.dropdown .dropdown-menu li a.dropdown-item:focus {
    color: #ff720a !important;
}

/* apply the animations just in desktop view */
@media (min-width:768px) {

    /* prevent text rendering degrade during animation in Mac browsers */
    #main-menu {
        -webkit-font-smoothing: subpixel-antialiased;
    }

    /* show animation */
    #main-menu ul.show-animation {
        -webkit-animation: show-animation 0.1s;
        animation: show-animation 0.1s;
    }


    /*Fade In*/
    @-webkit-keyframes show-animation {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes show-animation {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* hide animation */
    #main-menu ul.hide-animation {
        -webkit-animation: hide-animation 0.2s;
        animation: hide-animation 0.2s;
    }

    /*Fade Out*/
    @-webkit-keyframes hide-animation {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

    @keyframes hide-animation {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }


}

/*mobile menu*/
/* Extra small devices (portrait phones, less than 576px)*/


@media (max-width: 575.98px) {
    nav.navbar.navbar-expand-lg.fixed-top {
        margin: 0px;
        /* background-color: white; */
    }
}


nav.navbar {
    background-color: white;
}

nav.navbar.menu--opened,
nav.navbar.navbar--scrolled.menu--opened {
    /* background-color: yellow; */
    box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);
}


nav.navbar.navbar-expand-lg.fixed-top {
    margin: 0px;
    /* background-color: white; */
}



li.nav-item.dropdown a.nav-link.has-submenu.scrolled:hover,
li.nav-item.dropdown a.nav-link.has-submenu.scrolled:focus {
    color: #ff720a;
}



/* mobile menu css */
.icon-bar {
    width: 21px;
    height: 3px;
    background-color: white;
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-top: 4px
}

.navbar-toggler:focus {
    outline: 0px;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 190%;
    background-color: white;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% -80%;
    background-color: white;
}

.navbar-toggler.change .top-bar,
.navbar-toggler.flip .top-bar {
    transform: rotate(0);
    background-color: white;
}

.navbar-toggler.change .middle-bar,
.navbar-toggler.flip .middle-bar {
    opacity: 1;
}

.navbar-toggler.change .bottom-bar,
.navbar-toggler.flip .bottom-bar {
    transform: rotate(0);
    background-color: white;
}

ul.menuitems {
    list-style-type: none;
}

.header-transparent {
    position: fixed;
    width: 100%;
    z-index: 1050;
    /*   height:100px; */
    height: 87px;
    /*always white bg*/
    background-color: white;
    border-color: white;
}

.header-collapse {
    background-color: white;
    border-color: white;
    -webkit-box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.13);
    box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.13);
}

a#menu-5.btn {
    padding: 5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a#menu-5.btn.header-collapse {
    background: #D47228;
}

a#menu-5.btn.header-collapse:hover,
a#menu-5.btn.header-collapse:focus {
    background: #31869A;
}


a.flag.nav-link.l.has-submenu:hover {
    text-decoration: none !important;
}


.wpml-ls-legacy-list-horizontal {
    padding: 0px !important;
}


.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    /*   padding: var(--bs-dropdown-item-padding-y)!important; */
    margin: 0 !important;
    list-style-type: none !important;
    display: block !important;
    width: 100% !important;
    line-height: 1.95;
}


.wpml-ls-legacy-list-horizontal a:hover,
.wpml-ls-legacy-list-horizontal a:focus {
    background-color: #F8F9FA;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
    display: inline !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}


.wpml-ls-legacy-list-horizontal a {
    padding: 5px !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
    margin-left: 0.2em !important;
}


.wpml-ls-legacy-list-horizontal a span {
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    line-height: 1.95;
}

a.wpml-ls-link:hover,
a.wpml-ls-link:focus {
    text-decoration: none;
}


/*-------------------------------------------------------------------
5.2.3 Mobile Navigation 
-------------------------------------------------------------------*/


@media (min-width: 992px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: 2.5rem !important;
    }
}

.headroom--animated {
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-100%)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideDown {
    0% {
        -o-transform: translateY(-100%)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.headroom--animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(-100%)
    }
}

@-o-keyframes slideUp {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(-100%)
    }
}

@keyframes slideUp {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}

.headroom--animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp
}

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}

@-moz-keyframes swingInX {
    0% {
        -moz-transform: perspective(400px) rotateX(-90deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }
}

@-o-keyframes swingInX {
    0% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg)
    }
}

@keyframes swingInX {
    0% {
        transform: perspective(400px) rotateX(-90deg)
    }

    100% {
        transform: perspective(400px) rotateX(0deg)
    }
}

.headroom--animated.swingInX {
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ie-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: swingInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: swingInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: swingInX;
    backface-visibility: visible !important;
    animation-name: swingInX
}

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
}

@-moz-keyframes swingOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(-90deg)
    }
}

@-o-keyframes swingOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -o-transform: perspective(400px) rotateX(-90deg)
    }
}

@keyframes swingOutX {
    0% {
        transform: perspective(400px) rotateX(0deg)
    }

    100% {
        transform: perspective(400px) rotateX(-90deg)
    }
}

.headroom--animated.swingOutX {
    -webkit-transform-origin: top;
    -webkit-animation-name: swingOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: swingOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: swingOutX;
    -o-backface-visibility: visible !important;
    animation-name: swingOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.headroom--animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.headroom--animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-200px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.headroom--animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }

    30% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0)
    }

    30% {
        opacity: 1;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(-200px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0)
    }

    30% {
        opacity: 1;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    30% {
        opacity: 1;
        transform: translateY(20px)
    }

    100% {
        opacity: 0;
        transform: translateY(-200px)
    }
}

.headroom--animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}


/*mobile menu*/


.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    background-color: black;
    overflow-y: scroll;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}


.overlay a {
    font-family: Oswald-Regular, Tahoma, sans-serif !important;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 18px;
    line-height: 32px;
    color: white;
    display: inline-block;
    transition: 0.3s;
    margin-left: 21px;
}


.mm_panel ul {
    list-style-type: none;
}

.mm_panel ul li a {
    font-family: 'Montserrat-Bold', Verdana, Geneva, Tahoma, sans-serif !important;
    text-transform: none;
    list-style-type: none;
}
}

.mm_panel ul li a:hover,
.mm_panel ul li a:focus {
    color: #ff720a;
}

.overlay a:hover,
.overlay a:focus {
    color: #ff720a;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.overlay-content ul.menuitems {
    padding: 0px;
}

.mm_accordion,
.mm_accordion_link {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    padding: 10px 0px 10px 0px;
}

.menu_active,
.mm_accordion:hover {
    background-color: #464646;
}

.mm_accordion:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 35px;
    padding: 0px 41px 0px 0px;
    line-height: 32px;
}




.link.mm_accordion:after {
    color: transparent;
}

.menu_active:after {
    content: "\2212";
}

.mm_panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.mm_panel ul li {
    margin-bottom: 20px;
}


.mm_panel ul li:first-of-type {
    margin-top: 20px;
}


@media screen and (max-height: 450px) {
    .overlay {
        overflow-y: auto;
    }

    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}


/* For responsive images as background */
.scroll-down-wrap {
    width: 100%;
    position: absolute;
    bottom: 50px;
}

i#scroll-down-icon.fa {
    display: inline-block;
    border-radius: 60px;
    border-width: 0px;
    color: #ffffffbf;
    padding: 0.5em 0.6em;
    background-color: transparent;
}

#scroll-down {
    position: relative;
    margin: auto;
    z-index: 2;
    color: white;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
}

#scroll-down a i {
    color: #ffffffbf;
    font-size: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#scroll-down a i:hover,
#scroll-down a i:focus {
    color: white;
}

/* Extra small devices (less than 992px)*/
@media (max-width: 992px) {

    nav.navbar.menu--opened,
    nav.navbar.navbar--scrolled.menu--opened {
        background-color: transparent;
        -webkit-box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.2);
    }
}


#return-to-top:active a,
#return-to-top:focus a {
    outline: none;
}

#return-to-top:active i,
#return-to-top:focus i {
    outline: none;
}

*/ h3.section-subheading.text-muted {
    margin: 20px 0px 20px 0px;
}



section#nieuwsbrief {
    padding: 0px;
}

section#subfooter-info {
    margin: 50px 0px 0px 0px;
    background-color: white;
    padding: 0px !important;
}

.socialbuttons {
    margin-bottom: 50px;
}


.socialbuttonsiconwrapper {
    display: table;
    margin: auto;
}

h1.text-center,
h3.text-center,
.text-center {
    text-align: center !important;
    margin: auto;
}

.headers-over h2.intro-subheading.emphasis,
.headers-over h4.event-title-header.text-center {
    padding: 0px;
    margin: 0px;
    line-height: 36px;
}

.headers-over h4.event-title-header.text-center {
    margin-bottom: 60px;
}

/*------------------------------------------------------------------- ?? Layout: Footer -------------------------------------------------------------------*/


a#direct-contact.contact_M_btn .dot {
    width: 10px;
    height: 10px;
    right: 0.4rem;
}


.contact_M_btn {
    display: none;
    width: 60px;
    height: 60px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px;
    border-radius: 50%;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    background-color: #ff720a;
    color: rgb(0, 0, 0);
    padding: 11px;
    font-size: 26px;
    display: block;
    text-align: center;
    line-height: 1.3;
    z-index: 999;
    position: fixed;
    bottom: 20px;
    right: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


#direct-contact:hover {
    background-color: #ff720a;
}

#direct-contact:active a,
#direct-contact:focus a {
    outline: none;
}

#direct-contact:active i,
#direct-contact:focus i {
    outline: none;
}

a#direct-contact.contact_M_btn svg.c_icon-chat {
    fill: white;
}


#contactMobileModal.modal-header {
    border-bottom: none !important;
}

ul.modal_m_contact {
    padding-left: 0;
}

.modal-body li.modallist h2,
.modallist h2 {
    font-size: 20px;
    text-align: center;
    color: #0055A5;
}

.modallist h2 {
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: 25px;
    text-align: center;
    color: #0055A5;
}

.modallist p,
.modal-body li.modallist h2 {
    font-size: 20px;
    text-align: center;
    color: #0055A5;
}

.modal-body li.modallist p {
    text-align: center;
}

.modallist p {
    font-size: 15px;
}


.modallist,
li.modallist,
a.modallink,
.modal-widget ul li a,
.modal-widget ul.list-unstyled li a {
    color: #0055A5;
    line-height: 28px;
    font-size: 19px;
    margin-bottom: 21px;
    background: #ececec;
    padding: 10px;
    list-style-type: none;
}


.wrapper_s_contact {
    z-index: 5;
    /* height: 240px; */
    height: 180px;
    width: 100px;
    background-color: transparent;
    position: fixed;
    right: 0;
    bottom: 0;
}


li#gg_live {
    /* background-color:red; */
    background: transparent;
}


li#gg_chat {
    /* background-color:green; */
    background: transparent;
}


li#gg_email {
    /* background-color:brown; */
    background: transparent;
}


li#gg_call {
    /* background-color:pink; */
    background: transparent;
}


li.c_item {
    height: 60px;
    width: 60px;
    background-color: #0000FF;
    display: block;
    font-size: 6px;
    position: relative;
}


li.c_item_M {
    height: 60px;
    width: 100%;
    /*   background-color: #0000FF; */
    display: block;
    font-size: 6px;
    position: relative;
    margin-bottom: 20px;
}


.icon_item_w {
    display: inline-block;
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.icon_item_w.btnC {
    background-color: #464646;
    border-radius: 4px;
}


.c_icon_M {
    display: block;
    width: 66%;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: transparent;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    fill: #ff720a;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.c_content_M {
    margin-left: 40px;
    position: relative;
    width: 85%;
    height: 100%;
    /* background-color: yellow;*/
    margin-bottom: 10px;
}


.c_content_M p,
.c_content_M a {
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: absolute;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
    /* color: #ff720a; */
    color: white;
    margin-left: 20px;
}


.c_content_M p {
    color: #464646;
    font-size: 16px;
}


.c_content_M a {
    font-size: 17px;
}

.c_content_M.opening {
    background-color: transparent;
}

.c_icon {
    display: block;
    width: 66%;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: transparent;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    fill: white;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.c_icon:hover,
.c_icon:focus {
    fill: rgba(255, 255, 255, 0.8);
}

.c_icon.has_scrolled {
    fill: purple;
}

.c_icon_M svg.c_icon-mail {
    margin-top: 3px;
}


svg.c_icon-clock.has-scrolled,
svg.c_icon-telephone.has-scrolled,
svg.c_icon-mail.has-scrolled,
svg.c_icon-chat.has-scrolled {
    fill: #ff720a;
}


#tippy-1.tippy-box {
    min-width: 200px;
}

.tippy-box {
    width: auto;
    background-color: #ff720a;
    color: white;
    border-radius: 4px;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}


.tippy-box[data-theme~='gg_live'] {
    background-color: white !important;
    border: 1px solid #464646;
    min-width: 200px;
    margin: 0px -10px 0px 0px;
    box-shadow: 5px 0px 7px 1px rgba(0, 0, 0, 0.2);
}

.tippy-content p.gg_live {
    color: #464646 !important;
    text-align: center;
}

.tippy-box[data-theme~='gg_call'] {
    background-color: #ff720a;
    min-width: 123px;
    margin: 0px -10px 0px 0px;
}


.tippy-box[data-theme~='gg_mail'] {
    background-color: #ff720a;
    margin: 0px -10px 0px 0px;
}

.tippy-box[data-theme~='gg_call']:hover,
.tippy-box[data-theme~='gg_mail']:hover,
.tippy-box[data-theme~='gg_call']:focus,
.tippy-box[data-theme~='gg_mail']:focus {
    background-color: #ff720a;

}


.tippy-box[data-theme~='gg_chat'] {
    background-color: #ff720a;
    margin: 0px -10px 0px 0px;
}

.tippy-content p,
.tippy-content a {
    color: white;
    font-size: 15px;
    line-height: 1.4;
    margin: 0px;
    font-family: 'Roboto-Regular', sans-serif;
}

.tippy-content a:hover,
.tippy-content a:focus {
    text-decoration: none;
}

.tippy-content p {
    text-align: right;
}


.dot {
    /* 	width: .4375rem;
	height: .4375rem; */
    width: 7px;
    height: 7px;
    right: -0.55rem;
    top: 0.18rem;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
}

.dot.open {
    background-color: #64a319;
}

.dot.closed {
    background-color: red;
}


.wrapper_s_contact {
    z-index: 5;
    /* height: 240px; */
    height: 180px;
    width: 100px;
    background-color: transparent;
    position: fixed;
    right: 0;
    bottom: 0;
}


li#gg_live {
    /* background-color:red; */
    background: transparent;
}


li#gg_chat {
    /* background-color:green; */
    background: transparent;
}


li#gg_email {
    /* background-color:brown; */
    background: transparent;
}


li#gg_call {
    /* background-color:pink; */
    background: transparent;
}


li.c_item {
    height: 60px;
    width: 60px;
    background-color: #0000FF;
    display: block;
    font-size: 6px;
    position: relative;
}


.c_icon {
    display: block;
    width: 66%;
    height: auto;
    background: transparent;
    text-align: center;
    margin: 0 auto;

    position: absolute;
    width: 25px;
    height: 25px;
    /* background-color: blue; */
    background-color: transparent;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    fill: white;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.c_icon:hover,
.c_icon:focus {
    fill: rgba(255, 255, 255, 0.8);
}

.c_icon.has_scrolled {
    fill: purple;
}

svg.c_icon-clock.has-scrolled,
svg.c_icon-telephone.has-scrolled,
svg.c_icon-mail.has-scrolled,
svg.c_icon-chat.has-scrolled {
    fill: #ff720a;
}


#tippy-1.tippy-box {
    min-width: 200px;
}

.tippy-box {
    width: auto;
    background-color: #ff720a;
    color: white;
    border-radius: 4px;
}


.tippy-content p {
    text-align: right;
}


.dot {
    width: .4375rem;
    height: .4375rem;
    right: -0.55rem;
    top: 0.18rem;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
}

.dot.open {
    background-color: #64a319;
}

.dot.closed {
    background-color: red;
}


.footer-widget p {
    color: white;
}

.footer-widget p.mb-0,
.footer-widget ul li a {
    font-size: 15px;
}

footer {
    padding: 25px 0;
    text-align: center;
}

footer span.copyright {
    font-size: 90%;
    line-height: 40px;
    text-transform: none;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

footer ul.quicklinks {
    font-size: 90%;
    line-height: 40px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
}

.footer-pattern-top {
    position: relative;
    z-index: 0;
}

.footer-pattern-slide {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    background-color: #ff720a;
    position: absolute;
    bottom: -81px;
    width: 100%;
    height: 370px;
    transform: translateZ(0);
}

.footer {
    background-color: #464646;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: white;
    font-size: 15px;
    line-height: 28px;
    position: relative;
    padding-top: 50px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget-title {
    font-family 'Montserrat-Regular',
    Tahoma,
    sans-serif !important;
    color: white !important;
    font-size: 20px;
    text-transform: uppercase !important;
    margin-bottom: 24px !important;
    border-bottom: 0px !important;
    padding: 0px !important;
    letter-spacing: 0px !important;
}

/* Forward effect */
.hvr-forward {
    /* display: inline-block;
     */
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

.footer-widget ul {}

.footer-widget ul li {
    margin-bottom: 0px;
}

.footer-widget ul li a,
.footer-widget p.mb-0 a,
.footer-widget p.mb-0,
.tiny-footer ul li,
.tiny-footer ul li a {
    color: white;
    /* line-height: 28px; */
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    text-decoration: none;
}


.footer-widget ul li a:hover,
.footer-widget p.mb-0 a:hover,
.footer-widget ul li a:focus,
.footer-widget p.mb-0 a:focus {
    color: #ff720a !important;
    text-decoration: none;
}


ul.socialicons {
    padding: 0px;
}

.social-media-block {
    background-color: #39363d;
    padding-top: 18px;
    padding-bottom: 18px;
}

.social-icons {
    margin-top: 2px;
}

.icon-square {
    text-align: center;
    background-color: #302d34;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #7f7c7c;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
}

.icon-square:hover {
    background-color: #ff4d4d;
    color: #fff;
}

.icon-square-outline {
    text-align: center;
    background-color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    display: inline-block;
    color: #6f6d72;
    padding: 11px 12px;
    line-height: 1.3;
    font-size: 14px;
    border: 1px solid #6f6f72;
}

.icon-square-outline:hover {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d;
}

.facebook-outline {
    border-color: #3b5898;
    color: #3b5898;
}

.twitter-outline {
    border-color: #1ea2f2;
    color: #1ea2f2;
}

.googleplus-outline {
    border-color: #f75439;
    color: #f75439;
}

.instagram-outline {
    border-color: #9361fa;
    color: #9361fa;
}

.linkedin-outline {
    border-color: #0077b7;
    color: #0077b7;
}

.pinterest-outline {
    border-color: #c8232c;
    color: #c8232c;
}

.tiny-footer {
    background-color: black;
    color: #a7ade4;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
    margin-top: 50px;
}

.tiny-footer ul li {
    font-size: 13px;
}

li.copyrightM {
    display: block;
    padding-top: 20px;
}

li.copyright {
    display: none;
}


.tiny-footer ul li a {
    color: white;
    font-size: 13px;
    margin-left: 20px;
}

.tiny-footer ul li a:hover {
    text-decoration: underline;
}



/* iso icons*/


.iso_icon_block {
    list-style-type: none;
    margin: 0px 20px 20px 20px;
    width: 150px;
}

.iso_icon_block_pp {
    list-style-type: none;
    /* margin: 0px 20px 20px 20px; */
    width: 145px;
    float: left;
    background-color: #161a1c;
}



.ico_buttons_w {
    margin: 20px auto auto auto;
    position: relative;
    text-align: center;
    display: table;
}


.pageheader_ico_btns {
    width: 100%;
    display: block;
    position: relative;
    z-index: 3;
}



.ico_buttons_w_pp {
    margin: auto;
    position: relative;
    text-align: center;
    /* display: table; */
}



.ico_buttons_c {
    display: table;
    margin: auto;
    position: relative;
}

.ico_buttons_c_pp {
    margin: auto;
    position: relative;
}

ul.ico_icons {
    padding: 40px 0px 0px 0px;
}

ul.ico_icons_pp {
    padding: 0px;
}

.feature-icon_iso {
    background-color: #999999;
    background-color: rgb(70, 70, 70);
    padding: 8px;
    display: block;
    text-align: center;
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
    line-height: 1.3;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.feature-icon_iso_pp {
    background-color: transparent;
    padding: 8px;
    display: block;
    text-align: center;
    height: 70px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feature-icon_iso_pp img.sf {
    object-fit: contain;
    width: auto;
    height: 100%;
}


h3.iso_usp {
    font-size: 18px;
}


/* XXL devices (Medium devices, 992px and up)*/
@media (min-width: 992px) {

    .iso_icon_block,
    .iso_icon_block_pp {
        float: left;
    }
}

/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .iso_icon_block {
        list-style-type: none;
        float: left;
        margin: 0px 20px 20px 20px;
        width: 200px;
    }


    /* .feature-icon_iso_pp {
		width: 60px;
		height: 60px;
	} */

    .iso_icon_block_pp {
        list-style-type: none;
        float: left;
    }

    .feature-icon_iso {
        width: 150px;
        height: 150px;

        display: flex;
        justify-content: center;
        align-items: center;
    }



}




/* XXXL devices (xxx large desktops, 2300px and up)*/
@media (min-width: 2300px) {

    .iso_icon_block {
        margin: 0px 30px 0px 30px;
        width: 400px;
    }
}




.footer-widget a.wpml-ls-link:hover,
.footer-widget a.wpml-ls-link:focus {
    background-color: transparent;
    text-decoration: underline;
}




/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .tiny-footer ul li {
        float: left;
    }

    .tiny-footer ul li a {
        margin-left: 20px;
    }

    li.copyrightM {
        display: none;
    }

    li.copyright {
        display: block;
    }
}





/*------------------------------------------------------------------- 
10.1.1 Product Swiper
-------------------------------------------------------------------*/


/* Campaign Swiper mobile */
section.homeswiper {
    top: 0;
    height: 71vh;
    width: 100%;
    display: block;
}

.slide_contentM {
    position: relative;
    text-align: center;
    color: white;
    height: 71vh;
    overflow: hidden;
}



.slide-fadeIn {
    animation: fadeIn ease 0.2s;
    -webkit-animation: fadeIn ease 0.2s;
    -moz-animation: fadeIn ease 0.2s;
    -o-animation: fadeIn ease 0.2s;
    -ms-animation: fadeIn ease 0.2s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slide_content.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Campaign Swiper desktop */
section.homeswiper_xl {
    top: 0;
    width: 100%;
    display: block;
    background-color: #403D39;
}

section.homeswiper_xl.inactive,
section.homeswiper.inactive {
    display: none;
}

.slider {
    position: relative;
    margin-bottom: -40px;
}

.slider-img img {
    position: relative;
    z-index: -1;
    width: 100%;
}

.slider-img {
    background: -moz-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='10', endColorstr='M4 8h24M4 16h24M4 24h24', GradientType=0);
    position: relative;
}

.slider-captions {
    position: absolute;
    bottom: 190px;
    color: #fff;
}

.slider-title {
    font-size: 52px;
    letter-spacing: -1px;
    line-height: 58px;
    color: #ffffff;
    font-family: 'Cousine-Bold', sans-serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: rgba(45, 40, 55, .75) 0 0 5px;
    font-weight: 900;
}

.slider-text {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 40px;
}

.textoverlay {
    z-index: 2;
}

.banner_mobile {
    width: 100%;
    transition: all .3s ease 0s !important;
}

.wrapper_banner_mobile {
    overflow: hidden;
    height: 300px;
}

.slider-img-layer {
    background: -moz-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='10', endColorstr='M4 8h24M4 16h24M4 24h24', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

p.banner_captionpill {
    text-align: left;
    font-size: 11px;
}

/*swiper*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
}

.slide_content {
    position: relative;
    text-align: center;
    color: white;
    height: 100vh;
    overflow: hidden;
    /* display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden */
}

/* disabled voor logo swiper */
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 	-webkit-filter: grayscale(44%);
	filter: grayscale(44%); */
}

/* techniek mta*/
/* .swiper-slide img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top left;
}
 */
.swiper_underscore p {
    font-size: 12px;
}

/* Bottom left text */
.slide-captions_bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
    z-index: 2;
}

/* Top left text */
.slide-captions_top-left {
    position: absolute;
    top: 31%;
    z-index: 2;
    padding-top: .3125rem;
}

/* Top right text */
.slide-captions_top-right {
    position: absolute;
    top: 8px;
    right: 16px;
    z-index: 2;
}

/* Bottom right text */
.slide-captions_bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
    z-index: 2;
}

/* Centered text */
.slide-captions_centered.hidden {
    opacity: 0;
}

.slide-captions_centered {
    opacity: 1;
    position: absolute;
    top: 56%;
    left: 47%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 83%;
}


.slide-captions_relative {
    position: relative;
    left: 0;
    top: 0;
    z-index: 2;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
}

img.absolute {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-filter: grayscale(44%);
    filter: grayscale(44%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.swiper-button-next,
.swiper-button-prev {
    color: #ff720a !important;
}


.swiper-button-next:hover,
.swiper-button-prev:focus {
    color: #464646 !important;
}

a.swipedown_icon {
    position: absolute;
    bottom: 20vh;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 28px;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    outline: 0;
}

a.swipedown_icon:hover,
a.swipedown_icon:focus {
    color: #fff;
}


section#scrolldown.hidden {
    visibility: hidden;
}

section#scrolldown {
    visibility: visible;
}


.scrolldown_icon a {
    position: absolute;
    bottom: 75px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    outline: 0;
}

.scrolldown_icon a:hover {
    opacity: .5;
}

#scrolldown a,
#scrolldown3 a {
    padding-top: 60px;
}

#scrolldown a span,
#scrolldown3 a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}

#scrolldown a span::before,
#scrolldown3 a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb10 {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px !important;
    left: 0;
    width: 100%;
}

span.swiper-pagination-bullet {
    height: 12px !important;
    width: 12px !important;
    margin: 5px !important;

    /* border: solid 1px white !important;
	background-color: white !important;
	 */
    border: solid 1px #ff720a !important;
    background-color: #ff720a !important;
}

span.swiper-pagination-bullet:hover,
span.swiper-pagination-bullet:focus {
    background: #e3bfac !important;
    border: solid 1px #e3bfac !important;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 12px !important;
    width: 12px !important;
    margin: 5px !important;
    background: #ff720a !important;
    border: solid 1px #ff720a !important;
}


h2.cs_subheader {
    /* 	font-family: 'Roboto-Regular', sans-serif; */
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 22px;
    line-height: 35px;
    text-align: left;
    color: white;
}


a.cs_btn_banana {
    margin-top: 20px;
    display: block;
    width: 100%;
    background: transparent;
    color: #E7AA00;
    border: #E7AA00 solid 3px;
    border-radius: 30px;
    padding: 10px;
    /* font-family: 'Oxanium-Bold', sans-serif; */
    font-family: 'Oxanium-Bold', sans-serif;
    text-decoration: none;
}

a.cs_btn_banana:hover,
a.cs_btn_banana:focus {
    text-decoration: none;
}

a.cs_btn_w {
    margin-top: 20px;
    display: block;
    width: 100%;
    background: transparent;
    color: #6B208C;
    border: #6B208C solid 3px;
    border-radius: 30px;
    padding: 10px;
    /* font-family: 'Oxanium-Bold', sans-serif; */
    font-family: 'Oxanium-Bold', sans-serif;
    text-decoration: none;
}

a.cs_btn_w:hover,
a.cs_btn_w:focus {
    text-decoration: none;
}

h1.cs_header.case::before {
    content: '';
    display: inline-block;
    position: relative;
    height: 47px;
    width: 30px;
    background-color: #E7AA00;
    background-image: url(img/case_span_bg.svg);
    background-repeat: no-repeat;
    background-size: 46%;
    background-position: center center;
    margin: 0px -5px 0px 0px;
    padding: 0px;
}

.logo_wrapper_footer {
    width: 250px;
    height: auto;
}

h1.cs_header {
    /* font-family: 'Oxanium-Bold', sans-serif; */
    font-family: 'Oxanium-Bold', sans-serif;
    text-align: left;
    color: white;
    text-transform: uppercase;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .swiperwrapper,
    .slide_contentM {
        height: 70vh;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page,
    h1.ph_header_homepage,
    h1.ph_header_landingpage {
        font-size: 25px;
        line-height: 32px;
    }

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    h2.ph_subheader_landingpage,
    strong.ph_subheader,
    strong.ph_subheader_home,
    strong.ph_subheader_landingpage {
        font-size: 16px;
        line-height: 25px;
    }

    .slider-img-sat {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .swiper_cta_wrap {
        width: 100%;
    }

    a.cs_btn.btn.btn-1.slider_cta {
        font-size: 17px;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    .swiperwrapper,
    .slide_contentM {
        height: 80vh;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page,
    h1.ph_header_homepage,
    h1.ph_header_landingpage {
        font-size: 25px;
        line-height: 32px;
    }

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    h2.ph_subheader_landingpage strong.ph_subheader,
    strong.ph_subheader_home,
    strong.ph_subheader_landingpage {
        /* 		font-size: 16px;
		line-height: 25px; */

        font-size: 20px;
        line-height: 29px;

    }

    .slider-img-sat {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .swiper_cta_wrap {
        width: 100%;
    }

    a.cs_btn.btn.btn-1.slider_cta {
        font-size: 17px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .slide-captions_top-left {
        width: 50%;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page,
    h1.ph_header_homepage,
    h1.ph_header_landingpage {
        font-size: 37px;
        line-height: 51px;
    }

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    h2.ph_subheader_landingpage strong.ph_subheader,
    strong.ph_subheader_home,
    strong.ph_subheader_landingpage,
        {
        font-size: 20px;
        line-height: 30px;
        display: inline-block;
    }

    .swiper_cta_wrap {
        width: 60%;
    }
}

/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .swiperwrapper {
        height: 100vh;
    }

    .slider-img-sat {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .slide-captions_top-left {
        left: 13.667%;
        top: 21%;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page,
    h1.ph_header_homepage,
    h1.ph_header_landingpage {
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 26px;
    }


}

.swiper_cta_wrap {
    width: 42%;
}

a.cs_btn.btn.btn-1.slider_cta,
a.cs_btn_w.btn.btn-1.slider_cta,
a.cs_btn_banana,
.rm_f_btn p.case.readmore {
    font-size: 20px;
}


/* Extra large devices (extra large desktops, 1200px - 1400px)*/
@media (min-width:1200px) and (max-width:1400px) {
    .slide-captions_top-left {
        left: 14%;
        top: 21%;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page {
        font-size: 32px;
        line-height: 51px;
    }

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    strong.ph_subheader,
    strong.ph_subheader_home {
        font-size: 20px;
        line-height: 30px;
    }


}

/* XXL devices (xx large desktops, 1600px and up)*/
@media (min-width: 1600px) {
    .slide-captions_top-left {
        left: 18%;
    }

    .slide-captions_top-left {
        left: 18%;
        top: 24%;
    }

    h1.cs_header,
    h1.ph_header,
    h1.ph_header_page,
    h1.ph_header_homepage,
    h1.ph_header_landingpage {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 40px;
        font-family: 'Montserrat-Bold', Tahoma, sans-serif;
        text-transform: none;
    }



    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    h2.ph_subheader_landingpage,
    strong.ph_subheader,
    strong.ph_subheader_home,
    strong.ph_subheader_landingpage {
        line-height: 35px;
        font-size: 20px;
    }
}

/* XXXL devices (xxx large desktops, 1700px and up)*/
@media (min-width: 1700px) {
    .slide-captions_top-left {
        left: 21%;
    }

}


/* Product Swiper Home*/

/* Swiper container: beeldvullend */
.swiper-hero {
    width: 100%;
    height: 100vh;
}

/* Vanaf 1700px viewport: niet meer beeldvullend maar 80vh */
@media (min-width: 1700px) {
    .swiper-hero {
        height: 80vh;
    }
}

/* Elke slide vult de container */
.swiper-hero .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Achtergrondafbeelding */
.slide__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

/* Caption op voorgrond – gecentreerd op viewports < 768px */
.slide__caption {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 1rem;
    max-width: 42rem;
}

/* Vanaf 768px: header, subheader en button links uitgelijnd */
@media (min-width: 768px) {
    .slide__caption {
        text-align: left;
    }
}

.slide__title {
    margin: 0 0 0.5rem;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


h2.slide__title {
    color: white !important;
    font-family: 'Montserrat-Bold', sans-serif !important;
    margin-bottom: 50px;
}

h3.slide__subtitle {
    color: white !important;
    font-family: 'Roboto-Bold', sans-serif !important;
}

.slide__subtitle ul li h3 {
    color: white !important;
    /* line-height: 1.95; */
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    font-size: 20px;
    color: white;
}


.slide__subtitle ul {
    margin-bottom: 50px;
}


.slide__subtitle {
    margin: 0 0 1.5rem;
    font-size: clamp(1rem, 2vw, 1.25rem);
    opacity: 0.95;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.slide__subtitle h4 {
    color: white !important;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    font-size: 20px;
}

.slide__cta {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: #ff720a;
    color: white ! !important;
    text-decoration: none;
    font-weight: 600;
    border-radius: 0.25rem;
    transition: background 0.2s, color 0.2s;
}

.slide__cta:hover {
    background: #eee;
    color: #000;
}

/* Optioneel: pagination en navigation styling */
.swiper-hero .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.6;
}

.swiper-hero .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-hero .swiper-button-prev,
.swiper-hero .swiper-button-next {
    color: #fff;
}


/* Medium devices (mobile + tablets, 0px - 992px)*/
@media (min-width: 0px) and (max-width: 991.98px) {

    #slide1 > .slide__bg {
        background-position: 64%; 
    }

}


/* Large devices (desktops, 992px and up)*/
 @media (min-width: 992px) {
    #slide1 > .slide__bg {
        background-position: center; 
    }
}



/* Reset body margin voor fullscreen */
body {
    margin: 0;
}



/* social media icons*/

.socialbuttonsiconwrapper ul {
    padding: 0px;
}

li.socialicon {
    list-style-type: none;
    float: left;
    margin: 5px 5px 5px 0px;
}

.socialbuttons {
    margin-bottom: 25px;
}

.socialbuttonsiconwrapper {
    display: table;
}

.socialbuttons a i.sf {
    font-size: 38px;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 3px;
    margin-left: 1px;
}


.feature-icon {
    background-color: #ff720a;
    padding: 8px;
    display: block;
    text-align: center;
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
    line-height: 1.3;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100%;
}

.feature-icon:hover,
.feature-icon:focus {
    background-color: #d0883e;
}

.feature-icon i {
    vertical-align: middle;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    padding: 0px;
    margin: auto;
    margin-top: auto;
    display: inline-block;
}

.feature-icon:hover i,
.feature-icon:focus i {
    opacity: 1.0;
    color: rgba(255, 255, 255, 0.9);
}



/*------------------------------------------------------------------- 
10.1.2 Intro section / Over ons
 -------------------------------------------------------------------*/




.article-img {
    position: relative;
    z-index: 3;
    right: 0;
    top: 0;
    /* height: 356px; */
    width: 100%;
}

.box {
    position: relative;
    transform-style: preserve-3d;
    border-radius: 0px;
}

.box::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: conic-gradient(from 90deg at 40% -25%, #ff720a, #464646, #dec84c, #ff720a);
    filter: blur(0px);
    transform: translate3d(16px, 16px, -1px);
    border-radius: inherit;
    pointer-events: none;
}


.article-img-w {
    height: 506px;
    width: 125%;
    object-fit: scale-down;
}

img.article-img {
    max-width: 100%;
    object-fit: contain;
}


/* section.over-ons {
	padding-top: 5%;
	padding-bottom: 2%;
	margin-top: 20px;
	background-color: white;
} */


section h2.text-center {
    text-transform: none;
    margin-top: 20px;
    font-family: 'Oxanium-Bold', sans-serif;
    color: #464646 !important;
}


h4.usp_header {
    text-align: center;
    margin-top: 5px;
    line-height: 25px;
    font-family: 'Roboto-Regular', Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    line-height: 40px;
    color: white;
    text-decoration: none;
}

span.smaller {
    font-size: 18px !important;
}


.usp_icon {
    position: relative;
    height: 230px;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: auto;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .usp_icon {
        background-size: 57%;
    }

    .article-img-w {
        height: 506px;
        width: 96%;
        object-fit: scale-down;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .usp_icon {
        background-size: 57%;
    }

    .article-img-w {
        height: 506px;
        width: 96%;
        object-fit: scale-down;
    }

}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .usp_icon {
        background-size: 57%;
    }

}

/* Extra large devices (large desktops, 992px and up)*/
@media (min-width: 992px) {
    .usp_icon {
        background-size: 71%;
    }

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .usp_icon {
        background-size: 90%;
    }

    .article-img-w {
        height: 500px;
        /* width: 700px; */
        object-fit: contain;
        /* margin-top:50px; */
    }

    .article-img.shape,
    .article-img {
        height: 300px;
        /* width: 400px; */
    }

    .article-img-w {
        width: 100%;
    }
}


/* XXL devices (xx large desktops, 1600px and up)*/
@media (min-width: 1600px) {

    .article-img.shape,
    .article-img {
        height: 474px;
        /* width: 572px; */
    }

}

/* XXXL devices (xxx large desktops, 1700px and up)*/
@media (min-width: 1700px) {
    .article-img-w {
        height: 500px;
        /* width: 700px; */
        object-fit: contain;
    }


    .article-img.shape,
    .article-img {
        height: 500px;
        /* width: 700px; */
    }
}





/*------------------------------------------------------------------- 
10.6 FAQ Accordion
-------------------------------------------------------------------*/

.faq_ph_M {
    overflow: hidden;
    margin-top: 0px;
    height: 65vh;
    position: relative;
}


.faq_hero_M {
    background-color: transparent;
    width: 100%;
    display: block;
    /* height:49vh; */
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    margin-top: 100px;
}

h1.ph_header.faq,
h1.ph_header.page,
h2.ph_subheader.faq {
    color: white;
}

h1.ph_header.faq,
h1.ph_header.page {
    margin-top: 20px;
}

.faq.pp_wrapper {
    margin-top: 0vh;
}


.pp_image img.faq {
    height: 33vh;
}


section#orange.panel.orange {
    position: relative;
    z-index: 9999;
    background-color: orange;
    height: 25vh;
}


.faq_tabs {
    display: none;
}


.faq_tabs_M {
    display: block;
    margin-top: 5px;
    background-color: transparent;
    padding: 10px 0px 10px 0px;
}


.f.swiper-slide {
    width: auto;
    /*cursor: pointer;*/
    padding: 20px 0px 20px 0px;
}


.f.swiper-slide a {
    margin-right: 5px;
    width: auto;
    font-family: 'Montserrat-Bold', Tahoma, sans-serif !important;
    color: white;
    background-color: #9B4D63;
    padding: 12px;
    border-radius: 0px;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.f.swiper-slide a.scrollto:hover,
.f.swiper-slide a.scrollto:focus {
    background-color: #E7A310;
}


.f.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #9B4D63;
}



ul.faq_links {
    text-align: center;
}

ul.faq_links li {
    outline: none;
    position: relative;
    text-decoration: none;
    display: inline-block;
}



.accordion_wrapper {
    background-color: transparent;
    display: block;
    height: auto;
    /* padding: 20px; */
    width: 100%;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}


.accordion {
    --bs-accordion-color: white !important;
    --bs-accordion-bg: transparent !important;
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 0px !important;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-focus-border-color: transparent !important;
    --bs-accordion-btn-focus-box-shadow: 0px !important;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: transparent !important;
    --bs-accordion-active-bg: transparent !important;
}


.accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(255, 255, 255)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(255, 255, 255)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}


.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 10px 10px 0px !important;
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}


@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    /*! background-color:var(--bs-accordion-active-bg); */
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    background-color: transparent;
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: 0px !important;
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: transparent !important;
    /*  border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) */
    border-color: #ff720a !important;
    border-style: solid solid !important;
    border-width: 0px 0px 2px 0px !important;
    padding: 6px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-width: 0px 0px 0px 0px !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.accordion-body {
    padding: 10px 10px 50px 0px !important;
}

.accordion-body ul li {
    color: white;
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.USP_tab {
    width: 90%;
}



.accordion-item .USP_tab h4,
ul.ds_downloads li a {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.009px;
}





.accordion h4,
.accordion p {
    /*color:white;*/
    color: white;
}


.accordion-item h2.accordion-header {
    padding-top: 30px;
}


.USP_tab h4 {
    padding-top: 0px;
}

.accordion-button.collapsed p {
    padding-bottom: 50px;
}


h3.faq_cat_title {
    color: #9B4D63;
}

.pin-spacer {
    /* background-color: rgba(176, 55, 55, 0.5); */
}





h2.ph_subheader.faq,
h2.ph_subheader.page {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Montserrat-Regular', sans-serif;
    /*color: white;*/
    color: white;
    text-align: left;
    z-index: 4;
    position: relative;
    margin-top: 20px;
    /* 	margin-bottom: 50px; */
}


/* Large devices (desktops, 992px - 1200px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {


    h2.ph_subheader.faq,
    h2.ph_subheader.page {
        margin-top: 0px;
        font-size: 18px;
        line-height: 30px;
    }



}





/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {


    .pp_image img.faq {
        height: 50vh;
    }


    .faq_hero_M {
        margin-top: 0px;
    }


    h2.ph_subheader.faq,
    h2.ph_subheader.page {
        font-size: 18px;
        line-height: 30px;
    }

    .faq.pp_wrapper {
        margin-top: 25vh;
    }

    .faq_tabs {
        display: block;
    }

    .faq_tabs_M {
        display: none;
    }

    .accordion-item {
        /* padding: 20px; */
    }

    .accordion-item .USP_tab h4,
    ul.ds_downloads li a {
        font-size: 20px;
        line-height: 27px;
    }

}


/* XXL devices (xx large desktops, 1700px and up)*/
@media (min-width: 1700px) {
    .faq.pp_wrapper {
        margin-top: 21vh;
    }

    .pp_image img.faq {
        height: 49vh;
    }

}


/* XXL devices (xx large desktops, 1950px and up)*/
@media (min-width: 1950px) {

    .pp_image img.faq {
        height: 33vh;
    }

}





/*------------------------------------------------------------------- 
10.7 Contact
-------------------------------------------------------------------*/




.pageheader_text h5.ph_subheader_contact a {
    font-family: 'Montserrat-Bold', Tahoma, sans-serif;
    color: #6f6f6f !important;
    text-decoration: underline;
}

.pageheader_text h5.ph_subheader_contact a:hover,
.pageheader_text h5.ph_subheader_contact a:focus {
    color: #ff720a !important;
}

.pageheader_contact {
    height: 40vh;
    margin: 3vh 0 0 0;

    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E8E8E8", GradientType=0);
}

.c.pp_wrapper {
    margin-top: 0vh;
}


.c_ph_M {
    overflow: hidden;
    margin-top: 0px;
    height: 65vh;
    position: relative;
}


h1.ph_header.cnt {
    color: #a2acb4;
    margin-top: 20px;
}

h2.ph_subheader.cnt {
    color: #4f4f4f;
    margin: 0px;
}

h3.ph_subheader.cnt,
h3.ph_subheader.cnt p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Roboto-Regular', sans-serif;
    color: #4f4f4f;
}

h3.ph_subheader.cnt.emph {
    color: #ff720a;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
}

section.contact_1 {
    padding: 150px 0px 50px 0px;
    background: #ffffff;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 29%, rgba(232, 232, 232, 1) 92%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#E8E8E8", GradientType=0);
}




ul.cp.address,
ul.cp.days,
ul.cp.opening_times {
    margin: 0px;
    padding: 0px;
}


ul.cp.days li,
ul.cp.opening_times li {
    font-family: 'Roboto-Regular', sans-serif;
    color: #7a7a7a;
    font-size: 18px;
    line-height: 30px;
}


ul.cp.days li.lunch,
ul.cp.opening_times li.lunch {
    margin-top: 20px;
}


h4.co_l {
    margin-top: 20px;
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    color: #ff720a;
}

.contact_box {
    padding: 0px 0px 25px 0px;
    background-color: transparent;
    display: block;
}


.contact_box.c {
    margin-bottom: 75px;
}


h2.cb_header {
    line-height: 32px;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
    color: #A2ACB4;
}


.contact_options_left {
    height: auto;
    width: 100%;
    display: block;
    /*background-color: MediumSeaGreen;*/
    text-align: center;
    margin: auto;
}


h2.intro_page span.smile_cs {
    display: inline-block;
    position: relative;
    z-index: 2;
}

.smile_cs::after {
    content: "";
    display: block;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0;
    bottom: -83%;
    width: auto;
    height: auto;
    background-color: #E2E88F;
    -webkit-mask-image: url(/wp-content/themes/AlDente_v2/img/smile_typo.svg);
    mask-image: url(/wp-content/themes/AlDente_v2/img/smile_typo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    z-index: -1;
}

/* .contact_box_img_w {
	position: relative;
	height: 210px;
	width: 210px;
	display: block;
	padding: 4px 0px 0px 0px;
} */


.contact_box_img_w {
    position: relative;
    width: 100%;
    display: block;
}

.contact_box_social_w {
    position: absolute;
    left: 16vw;
    bottom: 0;
    top: 0;
}


.contact_box_img_w a .feature-icon {
    background-color: #ff720a;
}

.contact_box_img_w a .feature-icon i.fab.fa-linkedin {
    padding: 3px;
}

.contact_box_img_w a .feature-icon:hover,
.contact_box_img_w a .feature-icon:focus {
    background-color: #E38616;
}


.contact_box_img_w i.fab.fa-linkedin.sf {
    font-size: 38px;
}


.contact_box_img {
    /* width: 60%; */
    height: auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
}


/* .contact_box_person {
	margin-left: 20px;
} */


.contact_box h5.cb_name {
    font-size: 20px;
    color: #ff720a;
}

.contact_box h5.cb_function {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 18px;
    margin-bottom: 25px;
    color: #A2ACB4;
}


.contact_box i {
    color: white;
}

.contact_box i.fa-envelope,
.contact_box i.fa-mobile-alt {
    color: #ff720a;
}


.contact_box_person h5.cb_email a,
.contact_box_person h5.cb_tel a {
    color: #ff720a;
}

.contact_box_person h5.cb_email a:hover,
.contact_box_person h5.cb_tel a:hover,
.contact_box_person h5.cb_email a:focus,
.contact_box_person h5.cb_tel a:focus {
    text-decoration: none;
    color: #e27c18;
}


.c_option_box p,
.c_wrap_align ul li {
    font-family: 'Roboto-Regular', sans-serif;
    color: #ff720a;
    font-size: 16px;
    line-height: 34px;
}

.c_option_box {
    /*background-color: red;*/
    padding: 20px;
    display: block;
    -webkit-transition: background-color 0.3s linear, box-shadow 0.3s linear;
    -moz-transition: background-color 0.3s ease, box-shadow 0.3s linear;
    -ms-transition: background-color 0.3s ease, box-shadow 0.3s linear;
    -o-transition: background-color 0.3s ease, box-shadow 0.3s linear;
    transition: background-color 0.3s ease, box-shadow 0.3s linear;
}


.c_option_box:hover,
.c_option_box.hover {
    background-color: white;
    /* 	box-shadow: -7px 8px 45px 0px rgba(0, 0, 0, 0.1); */
}


.c_option_box_h {
    padding: 20px;
    display: block;
}

.c_c_wrap_h {
    height: 150px;
    display: block;
    /*border: 1px solid orange;*/
    /*display: flex;*/
    display: inline-block;
    /*justify-content: center;*/
    align-items: center;
    position: relative;
}


.c_c_wrap {
    min-height: 300px;
    display: block;
    /*	border: 1px solid red;*/
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    position: relative;
}


.c_i_wrap_h {
    width: 20%;
    height: 150px;
    display: block;
    /*border: 1px solid purple;*/
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}


.c_i_wrap {
    width: 0%;
    min-height: 300px;
    display: block;
    /*border: 1px solid yellow;*/
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c_option_icon.header {
    background-color: transparent;
}


.c_option_icon {
    height: 100px;
    width: 100px;
    margin: auto;
    background-color: var(--navy-aldente);
    display: block;
    position: relative;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
    mask-size: 75%;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    border-radius: 50%;
}


.c_option_icon.afspraak-maken {
    -webkit-mask-image: url('/wp-content/uploads/2024/07/afspraak-maken_contact-optie_AlDente.svg');
    mask-image: url('/wp-content/uploads/2024/07/afspraak-maken_contact-optie_AlDente.svg');
}

.c_option_icon.aanmelden {
    -webkit-mask-image: url('/wp-content/uploads/2024/07/aanmelden_contact-optie_AlDente.svg');
    mask-image: url('/wp-content/uploads/2024/07/aanmelden_contact-optie_AlDente.svg');
}

.c_option_icon.spoed {
    -webkit-mask-image: url('/wp-content/uploads/2024/07/spoed_contact-optie_AlDente.svg');
    mask-image: url('/wp-content/uploads/2024/07/spoed_contact-optie_AlDente.svg');
}


.c_wrap_align {
    display: block;
    /*background-color: brown;*/
}


svg.c_icon-telephone.contact {
    fill: white;
    width: 90%;
    margin: 1px;
}

h3.c_c_sub_homepage {
    font-family: 'Oxanium-Bold', sans-serif;
    color: #ff720a;
}

.c_option_box.option1 h3.c_c_sub_homepage {
    margin-top: 30px;
}


a.c_c_sub,
.c_option_box a,
.contact_options_right a {
    font-family: 'Roboto-Regular', sans-serif;
    color: #ff720a;
    text-decoration: underline;
}


.c_option_box p,
.c_wrap_align ul li {
    font-family: 'Roboto-Regular', sans-serif;
    color: #ff720a;
    font-size: 16px;
    line-height: 34px;
}


section#map.google-maps {
    height: 400px;
}

.m_sub_w {
    display: block;
    padding: 20px 0px 20px 0px;
    margin-bottom: 20px;
}


.gm_i_w {
    height: 450px;
    width: 100vw;
    display: block;
    background-image: url('/wp-content/themes/AlDente_v2/img/google_maps.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {


    .contact_options_left {
        height: 400px;
    }

    .c.pp_wrapper {
        margin-top: 25vh;
    }

    h3.ph_subheader.cnt,
    h3.ph_subheader.cnt p {
        font-size: 18px;
        line-height: 30px;
    }

    .faqcats_d {
        opacity: 1;
        display: block;
    }


    .c_option_icon {
        height: 100px;
        width: 500px;
        margin: 0px;
        background-color: #ff720a;
    }


    .contact_box h5.cb_name {
        font-size: 26px;
        color: #ff720a;
    }

    /* .contact_box_person h5.cb_email a,
	.contact_box_person h5.cb_tel a {
		font-size: 20px;
	} */

    .contact_box_img_w {
        position: relative;
        height: 210px;
        /* 	width: 420px; */
        display: block;
        padding: 4px 0px 0px 0px;
        margin-bottom: 71px;
    }


    .contact_box_social_w {
        left: 8vw;
    }


    .contact_box_img {
        width: 200px;
        /* height: 200px; */
        margin: auto;
    }


    .contact_box h5.cb_name {
        font-size: 26px;
        color: #ff720a;
    }

    .contact_box h5.cb_function {
        font-family: 'Roboto-Regular', sans-serif;
        font-size: 26px;
        margin-bottom: 25px;
    }


    .c_i_wrap {
        width: 20%;
    }


}


/* XXL devices (xx large desktops, 1700px and up)*/
@media (min-width: 1700px) {
    .c.pp_wrapper {
        margin-top: 21vh;
    }
}


/*------------------------------------------------------------------- 
10.8 Privacy
-------------------------------------------------------------------*/

.edit_cookiesettings {
    z-index: 1029;
    position: relative;
}


section.privacy-text {
    margin-top: 8vh;
}


section.privacy-text {
    margin-top: 8vh;
}


section.privacy-text h1 {
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    font-size: 20px;
    margin-top: 40px;
}


section.privacy-text h2,
section.privacy-text h3,
section.privacy-text h4,
section.privacy-text h5,
section.privacy-text h6,
section.privacy-text h7 {
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
    font-size: 18px;
    margin-top: 40px;
}


.card.card-body h4 {
    margin-top: 0px;
}


section.privacy-text .card.card-body {
    margin: 0px 0px 40px 0px;
}


section.privacy-text p,
section.privacy-text ul li {
    line-height: 1.5;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
    font-size: 16px;
    color: #ff720a;
}

section.privacy-text a {
    text-decoration: underline !important;
}


.privacy button.nav-link {
    color: #ff720a !important;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    display: inline-flex !important;
}

.privacy button.nav-link:hover,
.privacy button.nav-link:active {
    color: #ff720a !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #ff720a !important;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif !important;
    color: white !important;
}


i.privacy.fas.fa-sort-down {
    vertical-align: text-top;
}

.privacy button.cm__btn {
    background: #ff720a;
    border: 1px solid #ff720a;
    border-radius: var(--cc-btn-border-radius);
    color: var(--cc-btn-primary-color);
    font-size: .82em;
    font-weight: 600;
    min-height: 42px;
    padding: .5em 1em;
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
    font-size: 20px;
}

.privacy button.cm__btn:hover,
.privacy button.cm__btn:active {
    background-color: #ff720a;
}

/* cookie consent bar */


.cm__link-group a {
    margin-right: 10px !important;
}


#cc-main {
    background: transparent;
    color: var(--cc-primary-color);
    font-family: var(--cc-font-family);
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.15;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    position: fixed;
    z-index: var(--cc-z-index)
}

#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p {
    all: unset;
    box-sizing: border-box;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
}


.cm__btn-group button.cm__btn span {
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
}


h2#pm__title.pm__title {
    font-weight: normal;
    font-family: 'Oxanium-Bold', sans-serif;
    font-size: 18px;
}

#cc-main .pm__badge,
#cc-main button {
    all: initial;
    box-sizing: border-box;
    color: unset;
    visibility: unset
}

#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    outline: revert;
    outline-offset: 2px;
    overflow: hidden
}

#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
    all: revert;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

:root {
    --cc-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --cc-modal-border-radius: .5rem;
    --cc-btn-border-radius: .4rem;
    --cc-modal-transition-duration: .25s;
    --cc-link-color: var(--cc-btn-primary-bg);
    --cc-modal-margin: 1rem;
    --cc-z-index: 2147483647;
    --cc-bg: #fff;
    --cc-primary-color: #2c2f31;
    --cc-secondary-color: #5e6266;
    --cc-btn-primary-bg: #30363c;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #000;
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #d4dae0;
    --cc-btn-secondary-hover-color: #000;
    --cc-btn-secondary-hover-border-color: #d4dae0;
    --cc-separator-border-color: #f0f4f7;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #667481;
    --cc-toggle-on-knob-bg: #fff;
    --cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
    --cc-toggle-enabled-icon-color: var(--cc-bg);
    --cc-toggle-disabled-icon-color: var(--cc-bg);
    --cc-toggle-readonly-bg: #d5dee2;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: var(--cc-cookie-category-block-bg);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-border: #f0f4f7;
    --cc-cookie-category-block-hover-bg: #e9eff4;
    --cc-cookie-category-block-hover-border: #e9eff4;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #dee4e9;
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: var(--cc-btn-secondary-bg);
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #e4eaed;
    --cc-pm-toggle-border-radius: 4em
}

#cc-main.cc--rtl {
    direction: rtl
}

#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
    font-weight: 600
}

#cc-main button>span {
    pointer-events: none
}

#cc-main .cc__link,
#cc-main a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    font-weight: normal;
    position: relative;
    transition: background-size .25s, color .25s ease;
    font-family: 'Roboto-Regular', Tahoma, sans-serif;
}

#cc-main .cc__link:hover,
#cc-main a:hover {
    background-size: 100% 1px;
    color: var(--cc-primary-color)
}

#cc-main .cc__link {
    color: var(--cc-link-color)
}

#cc-main .cm__desc,
#cc-main .pm__body {
    overscroll-behavior: auto contain;
    scrollbar-width: thin
}

@media screen and (min-width:640px) {

    #cc-main ::-webkit-scrollbar,
    #cc-main ::-webkit-scrollbar-thumb,
    #cc-main ::-webkit-scrollbar-track {
        all: revert
    }

    #cc-main ::-webkit-scrollbar-thumb {
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: var(--cc-toggle-readonly-bg);
        border: .25rem solid var(--cc-bg);
        border-radius: 1rem
    }

    #cc-main ::-webkit-scrollbar-thumb:hover {
        background: var(--cc-toggle-off-bg)
    }

    #cc-main ::-webkit-scrollbar {
        background: transparent;
        width: 12px
    }
}

html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
    height: auto !important;
    overflow: hidden !important
}

@media (prefers-reduced-motion) {
    #cc-main {
        --cc-modal-transition-duration: 0s
    }
}

.cc--darkmode {
    --cc-bg: #161a1c;
    --cc-primary-color: #ebf3f6;
    --cc-secondary-color: #aebbc5;
    --cc-btn-primary-bg: #c2d0e0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
    --cc-btn-primary-hover-bg: #98a7b6;
    --cc-btn-primary-hover-color: #000;
    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
    --cc-btn-secondary-bg: #242c31;
    --cc-btn-secondary-color: var(--cc-primary-color);
    --cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg: #353d43;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: var(--cc-btn-secondary-hover-bg);
    --cc-separator-border-color: #222a30;
    --cc-toggle-on-bg: var(--cc-btn-primary-bg);
    --cc-toggle-off-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
    --cc-section-category-border: #1e2428;
    --cc-cookie-category-block-bg: #1e2428;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #242c31;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
    --cc-overlay-bg: rgba(0, 0, 0, .65);
    --cc-webkit-scrollbar-bg: var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
    --cc-footer-bg: #0c0e0f;
    --cc-footer-color: var(--cc-secondary-color);
    --cc-footer-border-color: #060809
}

.cc--darkmode #cc-main {
    color-scheme: dark
}

#cc-main .cm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
    display: flex;
    flex-direction: column;
    max-width: 24rem;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    transform: translateY(1.6em);
    visibility: hidden;
    z-index: 1
}

#cc-main .cm--top {
    top: var(--cc-modal-margin)
}

#cc-main .cm--middle {
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .cm--bottom {
    bottom: var(--cc-modal-margin)
}

#cc-main .cm--center {
    left: var(--cc-modal-margin);
    margin: 0 auto;
    right: var(--cc-modal-margin);
    width: unset
}

#cc-main .cm--left {
    left: var(--cc-modal-margin);
    margin-right: var(--cc-modal-margin)
}

#cc-main .cm--right {
    margin-left: var(--cc-modal-margin);
    right: var(--cc-modal-margin)
}

#cc-main .cm__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

#cc-main .cm__btns,
#cc-main .cm__links {
    padding: 1rem 1.3rem;
    width: unset
}

#cc-main .cm__texts {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0 0
}

#cc-main .cm__desc,
#cc-main .cm__title {
    padding: 0 1.3rem
}

#cc-main .cm__title {
    font-family: Parkinsans-Bold;
    font-size: 20px;
    font-weight: normal;
}

#cc-main .cm__title+.cm__desc {
    margin-top: 1.1em
}

#cc-main .cm__desc {
    color: var(--cc-secondary-color);
    font-size: .9em;
    line-height: 1.5;
    max-height: 40vh;
    overflow-x: visible;
    overflow-y: auto;
    padding-bottom: 1em
}

#cc-main .cm__btns {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

#cc-main .cm__btn-group {
    display: grid;
    grid-auto-columns: minmax(0, 1fr)
}

#cc-main .cm__btn+.cm__btn,
#cc-main .cm__btn-group+.cm__btn-group {
    margin-top: .375rem
}

#cc-main .cm--flip .cm__btn+.cm__btn,
#cc-main .cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .cm--inline .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--inline.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: .375rem;
    margin-right: 0
}

#cc-main .cm--wide .cm__btn+.cm__btn,
#cc-main .cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--wide.cm--flip .cm__btn+.cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-right: .375rem
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
    display: flex;
    flex: 1;
    justify-content: space-between
}

#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
    flex-direction: row-reverse
}

#cc-main .cm__btn {
    background: #ff720a;
    border: 1px solid #ff720a;
    border-radius: var(--cc-btn-border-radius);
    color: white;
    font-size: .82em;
    font-weight: normal;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
    min-height: 42px;
    padding: .5em 1em;
    text-align: center
}

#cc-main .cm__btn:hover {
    background: #ff720a;
    border-color: #ff720a;
    color: white;
}

#cc-main .cm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close {
    border-radius: 0;
    border-bottom-left-radius: var(--cc-btn-border-radius);
    border-right: none;
    border-top: none;
    display: none;
    font-size: 1em;
    height: 42px;
    min-width: auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px
}

#cc-main .cm__btn--close svg {
    stroke: var(--cc-btn-primary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

#cc-main .cm__btn--close:hover svg {
    stroke: var(--cc-btn-primary-hover-color)
}

#cc-main .cm__btn--close.cm__btn--secondary svg {
    stroke: var(--cc-btn-secondary-color)
}

#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .cm__btn--close+.cm__texts .cm__title {
    padding-right: 3rem
}

#cc-main .cm--inline .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm__footer {
    background: var(--cc-footer-bg);
    border-top: 1px solid var(--cc-footer-border-color);
    color: var(--cc-footer-color);
    padding: .4em 0 .5em
}

#cc-main .cm__links {
    display: flex;
    flex-direction: row;
    padding-bottom: 0;
    padding-top: 0
}

#cc-main .cm__link-group {
    display: flex;
    flex-direction: row;
    font-size: .8em;
    width: 100%
}

#cc-main .cm__link-group>*+* {
    margin-left: 1.3rem
}

#cc-main .cm--flip .cm__btn:last-child {
    grid-row: 1
}

#cc-main .cm--inline.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--box .cm__btn--close {
    display: block
}

#cc-main .cm--box.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--box.cm--wide {
    max-width: 36em
}

#cc-main .cm--box.cm--wide .cm__btns {
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--box.cm--wide .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--box.cm--wide .cm__btn {
    min-width: 120px;
    padding-left: 1.8em;
    padding-right: 1.8em
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--cloud {
    max-width: 54em;
    width: unset
}

#cc-main .cm--cloud .cm__body {
    flex-direction: row
}

#cc-main .cm--cloud .cm__texts {
    flex: 1
}

#cc-main .cm--cloud .cm__desc {
    max-height: 9.4em
}

#cc-main .cm--cloud .cm__btns {
    border-left: 1px solid var(--cc-separator-border-color);
    border-top: none;
    max-width: 23em
}

#cc-main .cm--cloud .cm__btn-group {
    flex-direction: column
}

#cc-main .cm--cloud .cm__btn {
    min-width: 19em
}

#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cm--cloud.cm--inline .cm__btn-group {
    flex-direction: row
}

#cc-main .cm--cloud.cm--inline .cm__btn {
    min-width: 10em
}

#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
    flex-direction: row-reverse
}

#cc-main .cm--bar {
    border-radius: 0;
    left: 0;
    margin: 0;
    max-width: unset;
    opacity: 1;
    right: 0;
    transform: translateY(0);
    width: 100vw;
    --cc-modal-transition-duration: .35s
}

#cc-main .cm--bar.cm--top {
    top: 0;
    transform: translateY(-100%)
}

#cc-main .cm--bar.cm--bottom {
    bottom: 0;
    transform: translateY(100%)
}

#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
    margin: 0 auto;
    max-width: 55em;
    width: 100%
}

#cc-main .cm--bar .cm__body {
    padding: .5em 0 .9em
}

#cc-main .cm--bar .cm__btns {
    border-top: none;
    flex-direction: row;
    justify-content: space-between
}

#cc-main .cm--bar .cm__btn-group {
    grid-auto-flow: column
}

#cc-main .cm--bar:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-left: .375rem;
    margin-top: 0
}

#cc-main .cm--bar .cm__btn {
    min-width: 120px;
    padding-left: 2em;
    padding-right: 2em
}

#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn+.cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group+.cm__btn-group {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .cm--bar.cm--flip .cm__btns {
    flex-direction: row-reverse
}

#cc-main .cm--bar.cm--flip .cm__btn:last-child {
    grid-column: 1
}

#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
    max-width: 74em
}

#cc-main .cm--bar.cm--inline .cm__body {
    flex-direction: row;
    padding: 0
}

#cc-main .cm--bar.cm--inline .cm__btns {
    flex-direction: column;
    justify-content: center;
    max-width: 23em
}

#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
    flex-direction: column-reverse
}

#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

.disable--interaction #cc-main .cm-wrapper:before {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 0
}

.show--consent #cc-main .cc--anim .cm {
    opacity: 1;
    transform: translateY(0);
    visibility: visible !important
}

.show--consent #cc-main .cc--anim .cm--middle {
    transform: translateY(-50%)
}

.show--consent #cc-main .cc--anim .cm--bar {
    transform: translateY(0)
}

.show--consent #cc-main .cc--anim.cm-wrapper:before {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .cm__btn--close {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: var(--cc-btn-border-radius);
    left: 0;
    right: unset
}

#cc-main.cc--rtl .cm__btn--close+.cm__texts .cm__title {
    padding-left: 3rem !important;
    padding-right: 1.3rem
}

#cc-main.cc--rtl .cm--inline .cm__btn+.cm__btn {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group+.cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group+.cm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn+.cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn+.cm__btn {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .cm__link-group>*+* {
    margin-left: 0;
    margin-right: 1.3rem
}

@media screen and (max-width:640px) {
    #cc-main {
        --cc-modal-margin: .5em
    }

    #cc-main .cm {
        max-width: none !important;
        width: auto !important
    }

    #cc-main .cm__body {
        flex-direction: column !important;
        padding: 0 !important
    }

    #cc-main .cm__btns,
    #cc-main .cm__desc,
    #cc-main .cm__links,
    #cc-main .cm__title {
        padding-left: 1.1rem !important;
        padding-right: 1.1rem !important
    }

    #cc-main .cm__btns {
        border-left: none !important;
        border-top: 1px solid var(--cc-separator-border-color) !important;
        flex-direction: column !important;
        max-width: none !important;
        min-width: auto !important
    }

    #cc-main .cm__btn+.cm__btn,
    #cc-main .cm__btn-group+.cm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .cm--flip .cm__btn+.cm__btn,
    #cc-main .cm--flip .cm__btn-group+.cm__btn-group {
        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .cm__btn-group {
        display: flex !important;
        flex-direction: column !important;
        min-width: auto !important
    }

    #cc-main .cm__btn {
        flex: auto !important
    }

    #cc-main .cm__link-group {
        justify-content: center !important
    }

    #cc-main .cm--flip .cm__btn-group,
    #cc-main .cm--flip .cm__btns {
        flex-direction: column-reverse !important
    }
}

#cc-main .pm-wrapper {
    position: relative;
    z-index: 2
}

#cc-main .pm {
    background: var(--cc-bg);
    border-radius: var(--cc-modal-border-radius);
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
    display: flex;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    visibility: hidden;
    width: 100%;
    width: unset;
    z-index: 1
}

#cc-main svg {
    fill: none;
    width: 100%
}

#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm__header {
    align-items: center;
    border-bottom: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__title {
    align-items: center;
    display: flex;
    flex: 1;
    font-weight: 600;
    margin-right: 2em
}

#cc-main .pm__close-btn {
    background: var(--cc-btn-secondary-bg);
    border: 1px solid var(--cc-btn-secondary-border-color);
    border-radius: var(--cc-btn-border-radius);
    height: 40px;
    position: relative;
    transition: all .15s ease;
    width: 40px
}

#cc-main .pm__close-btn span {
    display: flex;
    height: 100%;
    width: 100%
}

#cc-main .pm__close-btn svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5);
    transition: stroke .15s ease
}

#cc-main .pm__close-btn:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color)
}

#cc-main .pm__close-btn:hover svg {
    stroke: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm__body {
    flex: 1;
    overflow-y: auto;
    overflow-y: overlay
}

#cc-main .pm__section,
#cc-main .pm__section--toggle {
    border-radius: var(--cc-btn-border-radius);
    display: flex;
    flex-direction: column;
    margin-bottom: .5em
}

#cc-main .pm__section--toggle .pm__section-desc-wrapper {
    border: 1px solid var(--cc-cookie-category-block-border);
    border-radius: var(--cc-btn-border-radius);
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: none;
    margin-top: 0 !important;
    overflow: hidden
}

#cc-main .pm__section {
    border: 1px solid var(--cc-separator-border-color);
    padding: 1em;
    transition: background-color .25s ease, border-color .25s ease
}

#cc-main .pm__section:first-child {
    border: none;
    margin-bottom: 2em;
    margin-top: 0;
    padding: 0;
    transition: none
}

#cc-main .pm__section:not(:first-child):hover {
    background: var(--cc-cookie-category-block-bg);
    border-color: var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-toggles+.pm__section {
    margin-top: 2em
}

#cc-main .pm__section--toggle {
    background: var(--cc-cookie-category-block-bg);
    border-top: none;
    margin-bottom: .375rem
}

#cc-main .pm__section--toggle .pm__section-title {
    align-items: center;
    background: var(--cc-cookie-category-block-bg);
    border: 1px solid var(--cc-cookie-category-block-border);
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 1.1em 5.4em 1.1em 1.2em;
    position: relative;
    transition: background-color .25s ease, border-color .25s ease;
    width: 100%
}

#cc-main .pm__section--toggle .pm__section-title:hover {
    background: var(--cc-cookie-category-block-hover-bg);
    border-color: var(--cc-cookie-category-block-hover-border)
}

#cc-main .pm__section--toggle .pm__section-desc {
    margin-top: 0;
    padding: 1em
}

#cc-main .pm__section--toggle.is-expanded {
    --cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
    --cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
    transform: scale(.5) rotate(180deg)
}

#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
    display: flex
}

#cc-main .pm__section--expandable .pm__section-title {
    cursor: pointer;
    padding-left: 3.4em
}

#cc-main .pm__section--expandable .pm__section-arrow {
    background: var(--cc-toggle-readonly-bg);
    border-radius: 100%;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 18px;
    pointer-events: none;
    position: absolute;
    width: 20px
}

#cc-main .pm__section--expandable .pm__section-arrow svg {
    stroke: var(--cc-btn-secondary-color);
    transform: scale(.5)
}

#cc-main .pm__section-title-wrapper {
    align-items: center;
    display: flex;
    position: relative
}

#cc-main .pm__section-title-wrapper+.pm__section-desc-wrapper {
    margin-top: .85em
}

#cc-main .pm__section-title {
    border-radius: var(--cc-btn-border-radius);
    font-size: .95em;
    font-weight: normal;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
}

#cc-main .pm__badge {
    align-items: center;
    background: var(--cc-btn-secondary-bg);
    border-radius: 5em;
    color: var(--cc-secondary-color);
    display: flex;
    flex: none;
    font-size: .8em;
    font-weight: 600;
    height: 23px;
    justify-content: center;
    margin-left: 1em;
    min-width: 23px;
    overflow: hidden;
    padding: 0 .6em 1px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto
}

#cc-main .pm__service-counter {
    background: #ff720a;
    color: white;
    padding: 0;
    width: 23px
}

#cc-main .pm__service-counter[data-counterlabel] {
    padding: 0 .6em 1px;
    width: auto
}

#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
    border-radius: var(--cc-pm-toggle-border-radius);
    height: 23px;
    transform: translateZ(0);
    width: 50px
}

#cc-main .section__toggle-wrapper {
    cursor: pointer;
    position: absolute;
    right: 18px;
    z-index: 1
}

#cc-main .toggle-service {
    height: 19px;
    position: relative;
    right: 0;
    width: 42px
}

#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
    height: 19px;
    width: 42px
}

#cc-main .toggle-service .toggle__icon {
    position: relative
}

#cc-main .toggle-service .toggle__icon-circle {
    height: 19px;
    width: 19px
}

#cc-main .toggle-service .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(23px)
}

#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
    display: none !important
}

#cc-main .section__toggle {
    border: 0;
    cursor: pointer;
    display: block;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

#cc-main .section__toggle:disabled {
    cursor: not-allowed
}

#cc-main .toggle__icon {
    background: var(--cc-toggle-off-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
    display: flex;
    flex-direction: row;
    pointer-events: none;
    position: absolute;
    transition: all .25s ease
}

#cc-main .toggle__icon-circle {
    background: var(--cc-toggle-off-knob-bg);
    border: none;
    border-radius: var(--cc-pm-toggle-border-radius);
    box-shadow: 0 1px 2px rgba(24, 32, 3, .36);
    display: block;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform .25s ease, background-color .25s ease;
    width: 23px
}

#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
    height: 100%;
    position: absolute;
    transition: opacity .15s ease;
    width: 100%
}

#cc-main .toggle__icon-on {
    opacity: 0;
    transform: rotate(45deg)
}

#cc-main .toggle__icon-on svg {
    stroke: var(--cc-toggle-on-bg);
    transform: scale(.55) rotate(-45deg)
}

#cc-main .toggle__icon-off {
    opacity: 1
}

#cc-main .toggle__icon-off svg {
    stroke: var(--cc-toggle-off-bg);
    transform: scale(.55)
}

#cc-main .section__toggle:checked~.toggle__icon {
    background: var(--cc-toggle-on-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-on-bg)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    background-color: var(--cc-toggle-on-knob-bg);
    transform: translateX(27px)
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-on {
    opacity: 1
}

#cc-main .section__toggle:checked~.toggle__icon .toggle__icon-off {
    opacity: 0
}

#cc-main .section__toggle:checked:disabled~.toggle__icon {
    background: var(--cc-toggle-readonly-bg);
    box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg)
}

#cc-main .section__toggle:checked:disabled~.toggle__icon .toggle__icon-circle {
    background: var(--cc-toggle-readonly-knob-bg);
    box-shadow: none
}

#cc-main .section__toggle:checked:disabled~.toggle__icon svg {
    stroke: var(--cc-toggle-readonly-knob-icon-color)
}

#cc-main .toggle__label {
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1
}

#cc-main .pm__section-desc-wrapper {
    color: var(--cc-secondary-color);
    display: flex;
    flex-direction: column;
    font-size: .9em
}

#cc-main .pm__section-desc-wrapper>:not(:last-child) {
    border-bottom: 1px solid var(--cc-cookie-category-block-border)
}

#cc-main .pm__section-services {
    display: flex;
    flex-direction: column
}

#cc-main .pm__service {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .4em 1.2em;
    position: relative;
    transition: background-color .15s ease
}

#cc-main .pm__service:hover {
    background-color: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__service-header {
    align-items: center;
    display: flex;
    margin-right: 1em;
    width: 100%
}

#cc-main .pm__service-icon {
    border: 2px solid;
    border-radius: 100%;
    height: 8px;
    margin-left: 6px;
    margin-right: 20px;
    margin-top: 1px;
    min-width: 8px
}

#cc-main .pm__service-title {
    font-size: .95em;
    width: 100%;
    word-break: break-word
}

#cc-main .pm__section-desc {
    line-height: 1.5em
}

#cc-main .pm__section-table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%
}

#cc-main .pm__table-caption {
    text-align: left
}

#cc-main .pm__table-caption,
#cc-main .pm__table-head>tr {
    border-bottom: 1px dashed var(--cc-separator-border-color);
    color: var(--cc-primary-color);
    font-weight: normal;
    font-family: 'Oxanium-Bold', Tahoma, sans-serif;
}

#cc-main .pm__table-tr {
    transition: background-color .15s ease;
}

#cc-main .pm__table-tr:hover {
    background: var(--cc-cookie-category-block-hover-bg)
}

#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
    padding: .625em .625em .625em 1.2em;
    vertical-align: top
}

#cc-main .pm__footer {
    border-top: 1px solid var(--cc-separator-border-color);
    display: flex;
    justify-content: space-between
}

#cc-main .pm__btn-group {
    display: flex
}

#cc-main .pm__btn+.pm__btn,
#cc-main .pm__btn-group+.pm__btn-group {
    margin-left: .375rem
}

#cc-main .pm--flip .pm__btn+.pm__btn,
#cc-main .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main .pm__btn {
    background: #ff720a;
    border: 1px solid #ff720a;
    border-radius: var(--cc-btn-border-radius);
    color: white;
    flex: auto;
    font-size: .82em;
    font-weight: normal;
    font-family: 'Oxanium-Bold', sans-serif;
    min-height: 42px;
    min-width: 110px;
    padding: .5em 1.5em;
    text-align: center;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease
}

#cc-main .pm__btn:hover {
    background: #ff720a;
    border-color: #ff720a;
    color: white;
}

#cc-main .pm__btn--secondary {
    background: var(--cc-btn-secondary-bg);
    border-color: var(--cc-btn-secondary-border-color);
    color: var(--cc-btn-secondary-color)
}

#cc-main .pm__btn--secondary:hover {
    background: var(--cc-btn-secondary-hover-bg);
    border-color: var(--cc-btn-secondary-hover-border-color);
    color: var(--cc-btn-secondary-hover-color)
}

#cc-main .pm--box {
    height: calc(100% - 2em);
    left: var(--cc-modal-margin);
    margin: 0 auto;
    max-height: 37.5em;
    max-width: 43em;
    right: var(--cc-modal-margin);
    top: 50%;
    transform: translateY(calc(-50% + 1.6em))
}

#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm--bar {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    max-width: 29em;
    opacity: 1;
    top: 0;
    width: 100%;
    --cc-modal-transition-duration: .35s
}

#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
    display: block
}

#cc-main .pm--bar .pm__table-head {
    display: none
}

#cc-main .pm--bar .pm__table-caption {
    display: block
}

#cc-main .pm--bar .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color)
}

#cc-main .pm--bar .pm__table-td {
    display: flex;
    justify-content: space-between
}

#cc-main .pm--bar .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis
}

#cc-main .pm--bar .pm__table-td>div {
    flex: 3
}

#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
    padding: 1em 1.3em
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
    flex-direction: column
}

#cc-main .pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin: .375rem 0 0
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
    flex-direction: column-reverse
}

#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn+.pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group+.pm__btn-group {
    margin-bottom: .375rem;
    margin-top: 0
}

#cc-main .pm--bar:not(.pm--wide) .pm__badge {
    display: none
}

#cc-main .pm--bar.pm--left {
    left: 0;
    transform: translateX(-100%)
}

#cc-main .pm--bar.pm--right {
    right: 0;
    transform: translateX(100%)
}

#cc-main .pm--bar.pm--wide {
    max-width: 35em
}

#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
    padding: 1em 1.4em
}

#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
    flex-direction: row-reverse
}

#cc-main .pm-overlay {
    background: var(--cc-overlay-bg);
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1
}

#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
    transition: opacity var(--cc-modal-transition-duration) ease, visibility var(--cc-modal-transition-duration) ease, transform var(--cc-modal-transition-duration) ease
}

.show--preferences #cc-main .cc--anim .pm {
    opacity: 1;
    visibility: visible !important
}

.show--preferences #cc-main .cc--anim .pm--box {
    transform: translateY(-50%)
}

.show--preferences #cc-main .cc--anim .pm--bar {
    transform: translateX(0)
}

.show--preferences #cc-main .cc--anim .pm-overlay {
    opacity: 1;
    visibility: visible
}

#cc-main.cc--rtl .pm__service-header {
    margin-left: 1em;
    margin-right: 0
}

#cc-main.cc--rtl .pm__section-arrow {
    left: unset;
    right: 18px
}

#cc-main.cc--rtl .section__toggle-wrapper {
    left: 18px;
    right: unset;
    transform-origin: left
}

#cc-main.cc--rtl .toggle-service {
    left: 0
}

#cc-main.cc--rtl .pm__service-icon {
    margin-left: 20px;
    margin-right: 5px
}

#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
    padding-left: 5.4em;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
    padding-right: 3.4em
}

#cc-main.cc--rtl .pm__badge {
    margin-left: unset;
    margin-right: 1em
}

#cc-main.cc--rtl .toggle__icon-circle {
    transform: translateX(27px)
}

#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
    transform: translateX(23px)
}

#cc-main.cc--rtl .section__toggle:checked~.toggle__icon .toggle__icon-circle {
    transform: translateX(0)
}

#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
    padding-left: unset;
    padding-right: 1.2em;
    text-align: right
}

#cc-main.cc--rtl .pm__table-td {
    padding-left: unset;
    padding-right: 1.2em
}

#cc-main.cc--rtl .pm__table-td:before {
    padding-left: 2em;
    padding-right: unset
}

#cc-main.cc--rtl .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm__btn-group+.pm__btn-group {
    margin-left: 0;
    margin-right: .375rem
}

#cc-main.cc--rtl .pm--flip .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group+.pm__btn-group {
    margin-left: .375rem;
    margin-right: 0
}

#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn+.pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group+.pm__btn-group {
    margin-left: 0
}

@media screen and (max-width:640px) {
    #cc-main .pm {
        border-radius: 0;
        bottom: 0;
        height: auto;
        left: 0;
        max-height: 100%;
        max-width: none !important;
        right: 0;
        top: 0;
        transform: translateY(1.6em)
    }

    #cc-main .pm__body,
    #cc-main .pm__footer,
    #cc-main .pm__header {
        padding: .9em !important
    }

    #cc-main .pm__badge {
        display: none
    }

    #cc-main .pm__section-table,
    #cc-main .pm__table-body,
    #cc-main .pm__table-caption,
    #cc-main .pm__table-td,
    #cc-main .pm__table-th,
    #cc-main .pm__table-tr {
        display: block
    }

    #cc-main .pm__table-head {
        display: none
    }

    #cc-main .pm__table-tr:not(:last-child) {
        border-bottom: 1px solid var(--cc-separator-border-color)
    }

    #cc-main .pm__table-td {
        display: flex;
        justify-content: space-between
    }

    #cc-main .pm__table-td:before {
        color: var(--cc-primary-color);
        content: attr(data-column);
        flex: 1;
        font-weight: 600;
        min-width: 100px;
        overflow: hidden;
        padding-right: 2em;
        text-overflow: ellipsis
    }

    #cc-main .pm__table-td>div {
        flex: 3
    }

    #cc-main .pm__btn-group,
    #cc-main .pm__footer {
        flex-direction: column !important
    }

    #cc-main .pm__btn-group {
        display: flex !important
    }

    #cc-main .pm__btn+.pm__btn,
    #cc-main .pm__btn-group+.pm__btn-group {
        margin: .375rem 0 0 !important
    }

    #cc-main .pm--flip .pm__btn+.pm__btn,
    #cc-main .pm--flip .pm__btn-group+.pm__btn-group {

        margin-bottom: .375rem !important;
        margin-top: 0 !important
    }

    #cc-main .pm--flip .pm__btn-group,
    #cc-main .pm--flip .pm__footer {
        flex-direction: column-reverse !important
    }

    .show--preferences #cc-main .cc--anim .pm {
        transform: translateY(0) !important
    }

    h2#pm__title.pm__title {
        font-weight: normal;
        font-family: 'Oxanium-Bold', sans-serif;
        font-size: 18px;
    }
}



/*------------------------------------------------------------------- 
10.10 Product detail pagina's
-------------------------------------------------------------------*/


.pageheader_ico_btns_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.pageheader_ico_btn_item {
    flex: 1;
    height: 70px;
    overflow: hidden;
    margin-bottom: 25px;
}


.pageheader_ico_btn_item.center {
    display: flex;
    justify-content: center;
}

.pageheader_ico_btn_item.right {
    display: flex;
    justify-content: flex-end;
}

.pageheader_ico_btn_item.right img.sf {
    max-width: 70%;
}

.pageheader_ico_btn_item.left img.sf {
    max-width: 60%;
}

.pageheader_ico_btn_item.center img.sf {
    max-width: 100%;
}


.video_thumb {
    height: 400px;
    overflow: hidden;
}

.video_thumb img {
    height: 100%;
    object-fit: cover;
}



section.producten {
    position: relative;
    z-index: 3;
    background-color: white;
}

.post_item {
    position: relative;
    text-align: center;
    color: white;
    margin: 0px 0px 20px 0px;
    cursor: pointer;
    min-height: 250px;
    background-color: #f2f2f2;
    width: 100%;
    height: auto;

}

.post_item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--i);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    opacity: 0.1;

    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;

}

.post_item.active:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--i);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}


article.caseblock:hover a.post_flipbox .post_item:before,
article.caseblock:focus a.post_flipbox .post_item:before {
    opacity: 0.2;
}

.post_item img {
    filter: sepia(25%);
}



p.wp-caption-text {
    font-family: 'Roboto-Regular', Tahoma, sans-serif !important;
    font-size: 15px;
    line-height: 25px;
    margin-top: 10px;
}



p.wp-caption-text::before {
    content: "• ";
    width: 30px;
    position: relative;
    /* top: 7px; */
}


.gecko-table {
    width: 100%;
    table-layout: fixed;
}


.table> :not(caption)>*>* {
    color: #6f6f6f !important;
}

.gecko-table thead tr.text-center {
    font-family: 'Roboto-Bold', Verdana, Tahoma, sans-serif;
    font-weight: normal;
}

.gecko-table thead tr.image-row th {
    background-color: rgb(70, 70, 70);
    text-align: center;
    vertical-align: middle;
    height: 86px;
}

.gecko-table thead tr.image-row img {
    width: 100%;
    max-width: 42px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    opacity: 0.95;
}

.gecko-table tbody td {
    /* font-weight: 600; */
}

.gecko-table tfoot td {
    font-family: 'Roboto-Bold', Verdana, Tahoma, sans-serif;
}

/* XXXL devices (xxx large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .pageheader_ico_btn_item {
        margin-bottom: 0px;
    }

}


/* XXXL devices (xxx large desktops, 1600px and up)*/
@media (min-width: 1600px) {

    /* h1.cs_header,
	h1.ph_header,
	h1.ph_header_page,
	h1.ph_header_homepage,
	h1.ph_header_landingpage {
		font-size: 45px;
		line-height: 46px;
		margin-bottom: 14px;
	} */

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    strong.ph_subheader,
    strong.ph_subheader_home {
        font-size: 18px;
        line-height: 33px;
    }

}


/* XXXXL devices (xxxx large desktops, 2000px and up)*/
@media (min-width: 2000px) {

    /* h1.cs_header,
	h1.ph_header,
	h1.ph_header_page,
	h1.ph_header_homepage,
	h1.ph_header_landingpage {
		font-size: 50px;
		line-height: 64px;
		margin-bottom: 40px;
	} */

    h2.cs_subheader,
    h2.ph_subheader,
    h2.ph_subheader_home,
    strong.ph_subheader,
    strong.ph_subheader_home {
        font-size: 22px;
        line-height: 35px;
    }

}









/*------------------------------------------------------------------- 
Product detail
-------------------------------------------------------------------*/



.video_thumb img {
    filter: sepia(25%);
}



.product_img {
    background-color: #f7f7f7;
    padding: 20px;
    height: 500px;
    width: 100%;
    overflow: hidden;
}


.product_img img {
    /* max-width: 100%;
  height: auto; */

    max-height: 100%;
    width: auto;
}




.product_ph_hero_w {
    position: relative;
    display: flex;
    justify-content: right;
    width: 100%;
    overflow: hidden;
    height: 400px;
    border: solid 2px #ff720a;
    margin-top: 50px;
}




.product_ph_hero_img {
    height: 400px;
    width: 400px;
    margin-bottom: 10px;
    z-index: 2;
}





.product_ph_hero_img img {
    object-fit: cover;
}



img.archive_heroM {
    object-fit: cover;
    object-position: center;
    object-size: 72%;
    margin: auto;
    height: 100%;
}



img.archive_hero {
    object-fit: cover;
    object-position: center;
    object-size: 72%;
    margin: auto;
    height: 100%;
    border: green dotted 2px;
}


img.archive_hero::before {
    content: "";
    position: absolute;
    top: 40px;
    border-radius: 60px 0px 60px;
    left: 0;
    width: 102%;
    height: 100%;
    background: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    filter: blur(30px);
    transform: scale(0.9);
    z-index: -1;
}


.product_hero_video:hover,
.product_hero_video:focus {
    transform: translateY(-10px);
}


section.cursus_d_ph {
    background: transparent;
    border-bottom: transparent;
    border-width: 50px;
    border-bottom-style: solid;
    height: 100vh;
}

section.cursus_d_ph img.ph_bg {
    object-fit: cover;
    object-position: 25% 25%;
    object-size: 72%;
    width: 102%;
    margin: auto;
    height: 100%;
    filter: blur(4px) opacity(18%);
    -webkit-filter: blur(4px) opacity(18%);
    -moz-filter: blur(4px) opacity(18%);
    z-index: 1;
    position: absolute;
}


/* Fancybox basics */
.fancybox__container.hero_video_lightbox {
    z-index: 1053;
}



.hero_video_lightbox .fancybox__backdrop {
    background: rgba(255, 255, 255, 0.85);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -ms-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
}

.hero_video_lightbox .fancybox__toolbar {
    background: none;
}

.hero_video_lightbox.fancybox__container {
    direction: ltr;
    color: white !important;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
    --fancybox-thumbs-border-radius: 0%;
    --fancybox-accent-color: white;
}


svg g path.pi_circle {
    -webkit-transition: fill 0.3s linear;
    -moz-transition: fill 0.3s ease;
    -ms-transition: fill 0.3s ease;
    -o-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}


svg g path.pi_circle.active {
    fill: #ff720a;
    opacity: 1.0;
}


.hero_video_lightbox .fancybox__toolbar {
    text-shadow: none;
}


/* Extra large devices (extra large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    .product_ph_hero_w {
        margin-top: 120px;
    }


}



/* XXL devices (xx large desktops, 1600px and up)*/
@media (min-width: 1600px) {

    .product_ph_hero_w {
        margin-top: 0vh;
    }

}





/* Extra large devices (extra large desktops, 1700px and up)*/
@media (min-width: 1700px) {
    section.cursus_d_ph {
        height: 75vh;
    }
}



/*------------------------------------------------------------------- 
11. Media Queries 
-------------------------------------------------------------------*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    a.navbar-brand img,
    a.navbar-brand-unscrolled img {
        width: 150px;
        height: auto;
        margin: 5px 0px 5px 0px;
    }

    p,
    table,
    .bodytext,
    .text-white ul.list-unstyled.arrow li,
    ol li,
    ul li,
    .slide__subtitle ul li h3,
    .backto a,
    ::placeholder,
    .form-group.form-check label.form-check-label,
    .person_content p,
    .cta_es_text,
    .privacy button.cm__btn,
    strong.intro,
    h3.testimonial_quote,
    .contact_box_person h5 a,
    .emph,
    ul.usps li h4 {
        font-size: 16px;
    }

    .contact_box h5.cb_function {
        font-size: 19px;
    }

    /* 	.post-content-single {
		padding: 10px;
	} */

    .swiper-container-mobile {
        height: auto;
        margin: 50px 0px 0px 0px;
    }

    .swiper-container-mobile.swiper-wrapper {
        padding: 32px 0px 0px 0px;
        margin-top: 50px;
    }

    .swiper-container-mobile.swiper-slide {
        margin-top: 0px;
    }

    h3.swiper_caption_m {
        font-size: 16px;
        line-height: 27px;
        text-align: center;
    }

    .menu-corev-Slider ul li a {
        padding: 10px;
    }

    a.corev-btn {
        font-size: 16px;
    }

    .post-content.corevslider {
        min-height: inherit;
        height: auto;
    }

    .post-content.corevslider h3.post-title a {
        font-size: 22px;
        line-height: 27px;
    }
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    p,
    table,
    .bodytext,
    .text-white ul.list-unstyled.arrow li,
    ol li,
    ul li,
    .slide__subtitle ul li h3,
    .backto a,
    ::placeholder,
    .form-group.form-check label.form-check-label,
    .person_content p,
    .cta_es_text,
    .privacy button.cm__btn,
    strong.intro,
    h3.testimonial_quote,
    .contact_box_person h5 a,
    .emph,
    ul.usps li h4 {
        font-size: 16px;
    }


    .contact_box h5.cb_function {
        font-size: 19px;
    }

    /* 	.post-content-single {
		padding: 10px;
	} */

    .img_logo_mobile {
        margin-top: 0px;
    }

    a.navbar-brand img,
    a.navbar-brand-unscrolled img {
        width: 150px;
        height: auto;
        margin: 5px 0px 5px 0px;
    }

    header.masthead {
        min-height: inherit !important;
        height: inherit !important;
        padding-top: 30px;
        padding-bottom: 0;
        margin-bottom: 0px;
    }

    p.text-white-75.font-weight-light.mb-5 {
        color: white;
        margin-bottom: 0px !important;
    }

    .swiper-container-mobile {
        margin-top: 75px;
    }

    .mobile-bg.text {
        text-align: center;
    }

    h3.swiper_caption_m {
        font-size: 16px;
        line-height: 27px;
        text-align: left;
    }

    .menu-corev-Slider ul li a {
        padding: 4px;
    }

    a.corev-btn {
        font-size: 16px;
    }

    .post-content.corevslider {
        min-height: inherit;
        height: auto;
    }

    #scroll-down {
        display: none;
    }

    .owl-slide-text h3.owl-slide-animated.owl-slide-title {
        font-size: 22px;
        text-align: center;
    }

    h5.event-date {
        font-size: 16px;
    }

    h4.event-title {
        color: black;
        font-size: 19px;
    }

    .event-intro-text {
        margin-top: 0px;
    }

    h3.event-subtitle {
        margin: 0px;
    }

    h2.intro-subheading {
        color: #ff720a;
        text-align: center;
        margin-bottom: 35px;
        margin-top: 0px;
        font-size: 30px;
    }

    .spreker-foto img {
        width: 57%;
    }

    h2.spreker-naam,
    h3.spreker-functie {
        font-size: 20px;
    }

    ul.location-data {
        padding: 0px;
        margin: 0px;
    }

    .algemene_info_box li {
        margin-bottom: 20px;
        color: white;
        font-size: 20px;
    }

    .algemene_info_box ul {
        padding: 0px;
    }

    .wpcf7-form-control.wpcf7-radio.keuze {
        display: flex !important;
    }

    .wpcf7-list-item.first label span.wpcf7-list-item-label,
    .wpcf7-list-item.last label span.wpcf7-list-item-label {
        font-size: 15px;
    }

    textarea.wpcf7-form-control.wpcf7-textarea {
        margin-top: 0px;
    }

    input.wpcf7-form-control,
    textarea.wpcf7-form-control {
        font-size: 17px;
    }

    ::-webkit-input-placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    :-moz-placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    ::-moz-placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    :-ms-input-placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    .wpcf7-exclusive-checkbox span.wpcf7-list-item span.wpcf7-list-item-label {
        padding-right: 10px;
        font-size: 16px;
        color: #2a3442;
    }

    input.wpcf7-form-control.wpcf7-submit.btn-primary {
        font-size: inherit;
    }

    .wpcf7-checkbox.wpcf7-validates-as-requi#ff720a.wpcf7-exclusive-checkbox span.wpcf7-list-item-label {
        /* font-size: 20px;
         */
    }

    .wpcf7-form-control.wpcf7-checkbox.wpcf7-exclusive-checkbox input[type=checkbox],
    .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-requi#ff720a.wpcf7-exclusive-checkbox input[type=checkbox] {
        -ms-transform: scale(1.3);
        /* IE */
        -moz-transform: scale(1.3);
        /* FF */
        -webkit-transform: scale(1.3);
        /* Safari and Chrome */
        -o-transform: scale(1.3);
        /* Opera */
    }

    span#datum.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-requi#ff720a.wpcf7-exclusive-checkbox span.wpcf7-list-item input[type=checkbox] {
        -ms-transform: scale(2.0);
        /* IE */
        -moz-transform: scale(2.0);
        /* FF */
        -webkit-transform: scale(2.0);
        /* Safari and Chrome */
        -o-transform: scale(2.0);
        /* Opera */
    }



}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {



    .swiper-container-mobile {
        margin-top: 75px;
    }

    p,
    table,
    .bodytext,
    .text-white ul.list-unstyled.arrow li,
    ol li,
    ul li,
    .slide__subtitle ul li h3,
    .backto a,
    ::placeholder,
    .form-group.form-check label.form-check-label,
    .person_content p,
    .cta_es_text,
    .privacy button.cm__btn,
    strong.intro,
    h3.testimonial_quote,
    .contact_box_person h5 a,
    .emph,
    ul.usps li h4 {
        line-height: 32px;
        font-size: 16px;
    }


}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    h3.swiper_caption_m {
        font-size: 26px;
        line-height: 34px;
        text-align: left;
    }

    a.corev-btn {
        font-size: 20px;
    }

    .post-pagecaption .post-title {
        line-height: 52px;
        margin-bottom: 10px;
        padding-top: 10px;
        font-size: 40px;
    }


    section.over-ons,
    section.cases,
    section.onze_werkwijze,
    section.klantlogos {
        padding-top: 2%;
    }

}


@media (min-width: 1200px) {


    .h2,
    h2 {
        font-size: 1.75rem;
    }

    .h3,
    h3 {
        font-size: 1.5rem;
    }

}


/* XXL devices (xx large desktops, 1600px and up)*/
@media (min-width: 1600px) {

    p,
    table,
    .bodytext,
    .text-white ul.list-unstyled.arrow li,
    ol li,
    ul li,
    .slide__subtitle ul li h3,
    .backto a,
    ::placeholder,
    .form-group.form-check label.form-check-label,
    .person_content p,
    .cta_es_text,
    .privacy button.cm__btn,
    strong.intro,
    h3.testimonial_quote,
    .contact_box_person h5 a,
    .emph,
    ul.usps li h4 {
        line-height: 35px;
        font-size: 20px;
    }
}