:root {
    --primary-color: #024FA8;
    --secondary-color: #FF9729;
    --tertiary-color: #FFCA48;
    --darkorange-color: #FF671F;
    --lightgray-color: #F4F4F4;
    --black-color: #0D0D0D;
    --darkgray-color: #959595;
    --font-rubik: 'Rubik', sans-serif;
    --font-lato: 'Lato', sans-serif;
}

/*.downloads {*/
/*    display: none;*/
/*}*/

.note a {
    color: #fff;
    text-decoration: underline;
}

.note a.fw_button {
    text-decoration: none;
}

.mt-5 {margin-top: 3rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.pt-5 {padding-top: 3rem!important;}
.pb-5 {padding-bottom: 3rem!important;}
.text-center {text-align:center;}
/*******/

/* Actiepagina */
section.content-1col .card {
	.card-body {background:#fff; padding:20px; border-radius:15px; width:100%;}
}
/* //Actiepagina */

/* OKG Serviceabonnement */
section.service-okg {
	.card-content .name {
			font-weight:bold;
		span {
			font-size: 12px;
		    display: block;
		    font-weight:400;
		    line-height: 1;
		    margin-bottom: 10px;
		}
	}
	&.intro {
		h3 {color:#0B0B0B;}
	}
	h1 {
		font-weight:300;
		font-size:32px;
		color:#0B0B0B;
		strong {color:#004899; font-weight:700!important}
	}
	h2 {font-weight:300!important; font-size:24px; color:#0B0B0B;}
	h2 strong {font-weight:700!important}
	p {margin: 20px 0px;}
	.text-center {text-align:center;}
	.card {
		.card-body {
			padding:40px;
			background-color:#F4F4F4;
			box-shadow:0px 0px 14px rgba(0,0,0,.36);
			width:100%;
			ul {
				li {
					img {display:inline-block; vertical-align: middle;}
				}
			}
		}
	}
	
	.images {
	    position: relative;
	    .first {
	    	width: auto;
    		display: inline-block;
    		box-shadow: 15px 15px 0px #464646;
	    }
	    .second {
    	    float: right;
		    transform: translatex(-50px);
		    border: 15px solid #fff;
		    margin-top: -45%;
		    z-index: 2;
		    position: relative;
	    }
	}
	
	ul {
		li {
			position:relative;
			padding-left:25px;
			&:before {
				color:var(--tertiary-color)!important;
			}
		}
	}
	&.prices.nr1 {
		background-color:var(--lightgray-color)!important;
		.col.card {
			padding:15px;
			.card-content {padding:20px; background:#fff; }
		}
		h2 {font-size:28px; text-transform:uppercase;}
		.price, .vat, .features {text-align:left!important;}
		.price {font-size:20px;}
		.features ul li {padding-left:20px;}
		.name {font-size:18px;}
	}
}
/* //OKG Serviceabonnement */
/*******/

/*@media (min-width: 768px) {*/
/*    .custom-hero-video-vimeo iframe {*/
/*        left: -2px;*/
/*        transform: translate(0%, -50%) scale(1.2);*/
/*    }*/
/*}*/

#oa_widget ul li:before {
    display: none;
}

i.fa-star,
i.fa-star-half-stroke {
    color: var(--tertiary-color);
}

i.fa-star-half-stroke:before {
    content: '\f5c0';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}

section.reviews .stars.s1 i:first-of-type {
    display: inline-block;
}

section.reviews .stars.s1 i:not(first-of-type) {
    display: none;
}

section.reviews .stars.s2 i:first-of-type,
section.reviews .stars.s2 i:nth-child(2) {
    display: inline-block;
}

section.reviews .stars.s2 i:nth-child(3),
section.reviews .stars.s2 i:nth-child(4),
section.reviews .stars.s2 i:nth-child(5) {
    display: none;
}

section.reviews .stars.s3 i:first-of-type,
section.reviews .stars.s3 i:nth-child(2),
section.reviews .stars.s3 i:nth-child(3) {
    display: inline-block;
}

section.reviews .stars.s3 i:nth-child(4),
section.reviews .stars.s3 i:nth-child(5) {
    display: none;
}

section.reviews .stars.s4 i:first-of-type,
section.reviews .stars.s4 i:nth-child(2),
section.reviews .stars.s4 i:nth-child(3),
section.reviews .stars.s4 i:nth-child(4) {
    display: inline-block;
}

section.reviews .stars.s4 i:nth-child(5) {
    display: none;
}

section.reviews .stars.s5 i {
    display: inline-block;
}

body.zonwering section.fullwidth-content {
    padding: 0 0 100px 0
}

body.zonwering section.content-usp {
    padding: 00 0 100px 0
}

.cycle-nl-banner .row.content {
    background-color: #313131;
    /*background-color:#e2101b;*/
    color: #fff;
}

.cycle-nl-banner .row.content h2 {
    color: #fff;
    font-weight: bold;
}

.cycle-nl-banner .row.content .image {
    padding: 0;
}

.cycle-nl-banner .row.content .button {
    background-color: #e2101b
}

.cycle-nl-banner .row.content .button.button-alt {
    background-color: #004a99;
}

.showroom .box strong,
.showroom .box strong a {
    color: var(--secondary-color) !important;
}

/* exterior living brochure bedankpagina */
body.page-777 .hero-bg-color .breadcrumb {
    display: none;
}

body.page-778 .banner-nieuwsbrief {
    transform: translate(0, 0);
    z-index: 1;
    padding: 60px 0;
}

section.campaign-row.extra.sluiting-eemland {
    background-color: var(--primary-color);
    padding: 80px 15px 30px 15px;
    font-weight: 400;
    text-transform: none;
}

section.campaign-row.extra.sluiting-eemland strong {
    font-size: 24px;
}

section.campaign-row.extra.sluiting-eemland a {
    color: var(--tertiary-color);
}

section.campaign-row.extra.sluiting-eemland a:hover {
    color: var(--secondary-color);
}

@media only screen and (max-width: 767px) {
    section.main_cat-carousel {
        z-index: 1
    }

    .brochure-aanvragen .col {
        margin-bottom: 30px;
    }
}

/* Waves */
.downloads::before {
    z-index: 0 !important
}

.downloads::after {
    transform: rotate(180deg);
    background-position: 90% !important;
}

.no-lower-wave::after {
    display: none
}

.bg_container_darkblue .container {
	padding:20px; 
	margin-top:56px;
	background-color:var(--primary-color); 
	border-radius:25px;
	.content, .subheader, h2 {color:#ffffff; margin-top:auto; margin-bottom:auto;}
	img {border-radius:15px; margin-top:auto; margin-bottom:auto;}
}

.bg_light_grey.no-lower-wave section::after {
    display: none
}

.no-upper-wave::before {
    display: none
}

.upper-blue-wave {
    position: relative;
}

.upper-blue-wave::before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    height: 50px;
    width: 100%;
    z-index: 10;
    background: url('/files/big-wave-blue-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.upper-white-wave-sm::before,
section.add-upper-wave::before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    height: 95px;
    width: 101%;
    z-index: 50;
    background: url('/files/upper-wave-white-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

.content-1col.add-upper-wave {
    padding: 80px 0;
}

section.upper-gray-wave::before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    height: 95px;
    width: 101%;
    z-index: 50;
    background: url('/files/upper-wave-gray-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.upper-big-gray-wave::before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    height: 95px;
    width: 101%;
    z-index: 50;
    background: url('/files/big-wave-gray-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.upper-gray-wave::after {
    position: absolute;
    content: '';
    bottom: -45px;
    left: 0;
    height: 95px;
    width: 100%;
    z-index: 50;
    background: url('/files/upper-wave-white-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.upper-white-wave::before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    height: 95px;
    width: 100%;
    z-index: 50;
    background: url('/files/big-wave-white-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.lower-white-wave::after,
.add-lower-wave::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    z-index: 0;
    background: url('/files/big-wave-white-01.svg');
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
}

section.upper-gray-wave {
    background: var(--lightgray-color);
}

section.bg_light_grey.upper-gray-wave::before {
    z-index: 0;
}

/* Waves */
.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.button-wrapper.center {
    display: flex;
    justify-content: center;
}

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

i {
    font-family: 'FontAwesome';
    font-style: normal
}

.no-bottom-padding {
    padding-bottom: 0 !important
}

body main {
    font-size: 16px;
}


/*** header_main ***/
.menu_top {
    line-height: 170% !important;
}

.header_main .top_bar .social a.text-link {
    margin-right: 30px;
}

.header_main .top_bar .social a.text-link:last-of-type {
    margin-right: 0;
}

.top_bar a:hover {
    color: var(--primary-color);
}

header .top_bar .search_form .fw_button {
    border: none !important;
}

header .top_bar .search_form .fw_button input {
    border-width: 5px !important;
}

header .top_bar .search_form .fw_button input:hover {
    background-color: var(--secondary-color);
    border: 5px solid var(--secondary-color) !important;
    color: #fff !important;
}

form.fw_search_form.fw_inside {
    display: flex;
    justify-content: center;
}

.search_top {
    flex-grow: 1;
}

.header_main .fw_button {
    margin-top: 0;
}

body.scrolled .shop_scroll_icon {
    display: block;
}

.shop_scroll_icon {
    display: none;
    /*position: absolute;*/
    right: 0;
    top: 12px;
}

.shop_scroll_icon a:hover:after {
    display: none
}

.scrolled .search_icons {
    display: block !important;
    right: 50px !important;
}


/*.search_icons {
    display: none !important;
}*/


.shop_scroll_icon svg:hover {
    fill: var(--primary-color);
}

.menu_top .cta-top {
    /*display:inline-flex;*/
    flex-grow: 1;
}

body.nav_open .nav_main .mobile_extra-left .fw_button {
    line-height: 1 !important;
    padding: 10px 15px !important;
    color: #fff !important
}

body.nav_open .mail-header {
    position: relative;
    align-content: center;
    display: grid;
    height: 100%;
}

body.nav_open .mail-header:before {
    height: 76px;
    display: grid;
    align-content: center;
    font-size: 31px;
    font-style: inherit;
    content: "\f1fa";
    color: var(--secondary-color);
    font-weight: 500;
    font-family: 'FontAwesome';
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
}

body.nav_open .mail-header p {
    padding-left: 30px !important;
    line-height: 0.5;
}

body.nav_open .mail-header p a {
    font-family: var(--font-lato) !important;
    color: #4A4A4A !important;
    font-size: 12px !important;
}

body.nav_open .mail-header .title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--font-rubik);
}

@media only screen and (min-width: 1280px) {
    .menu_top .cta-top .tel,
    .menu_top .cta-top .email {
        width: 50%;
        float: left;
    }

    .menu_top .cta-top i {
        font-size: 40px
    }

    .home-reviews .reviews_carousel .card .card-body {
        min-height: 370px;
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .menu_top .cta-top .tel,
    .menu_top .cta-top .email {
        width: 41%;
        float: left;
    }

    .menu_top .cta-top i {
        font-size: 32px
    }

    .header_main_logo img {
        max-height: 100px;
    }

    .logo-col {
        transform: translate(0, -30px)
    }

    .cta-top .tel .col,
    .cta-top .email .col {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 1023px) {
    .hoofdmenu-wrapper {
        display: none;
    }

    body.nav_open .hoofdmenu-wrapper {
        display: block;
    }

    .cta-top .tel .col,
    .cta-top .email .col {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.menu_top .cta-top i.fa-phone,
footer .cta-top.bottom i.fa-phone {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--secondary-color);
    color: transparent;
}

.menu_top .cta-top i {
    color: var(--secondary-color);
    vertical-align: bottom;
}


footer .cta-top.bottom {
    border-top: 0 !important;
}

footer .cta-top.bottom i {
    font-size: 32px;
    color: var(--secondary-color);
    vertical-align: bottom;
}

footer .cta-top.bottom .row .col {
    display: inline-grid;
    align-content: center;
    padding-left: 0 !important
}

footer .cta-top.bottom strong {
    font-family: var(--font-rubik);
    font-size: 16px;
    color: #222222;
    font-weight: 500;
}

footer .cta-top.bottom a {
    font-family: var(--font-lato);
    font-size: 14px;
    color: #222222 !important;
    letter-spacing: 0.2px;
}

@media only screen and (min-width: 768px) {
    footer .cta-top.bottom .col-md-3 {
        max-width: 16%;
    }
}

@media only screen and (max-width: 767px) {
    footer .cta-top.bottom .col-md-3 {
        max-width: 15%;
    }

    footer .cta-top.bottom .col-md-9 {
        width: 85%;
    }

    footer .cta-top.bottom i {
        font-size: 200%;
    }

    footer .bottom {
        text-align: center;
        margin-bottom: 0 !important;
    }

    footer .cta-top.bottom {
        text-align: left;
    }

    footer .bottom .text-right {
        text-align: center;
    }
}

footer p.social a {
    display: inline-block;
}

footer p.social a img {
    // filter: invert(1);
    filter: invert(80%) sepia(63%) saturate(2989%) hue-rotate(202deg) brightness(90%) contrast(98%)
}

.menu_top .fw_search_form .fw_button {
    padding: 10px 0;
}

.menu_top .fw_search_form .fw_button:after {
    content: "\00a0";
    font-family: 'FontAwesome';
    right: 35px;
    position: relative;
    color: #1d1d1d;
    background: url(/files/icon-search-primary.svg) no-repeat;
    background-size: contain;
    width: 45px;
    display: block;
}

.menu_top .fw_search_form .fw_button {
    border: none;
}

.menu_top .fw_search_form input[type="submit"] {
    display: none;
}

/* .menu_top  */
.fw_search_form input[type=text] {
    border: 1px solid #E6E6E6;
    border-radius: 25px;
    padding: 3px 15px;
    width: 100%;
    color: #ACACAC;
    font-family: Lato, sans-serif;
}

.search_form .fw_button input {
    // background: var(--primary-color);
    border-radius: 50px;
}

.search_form .fw_button input:hover {
    background: #fff;
    color: #1c1f33;
    border-color: #fff;
}

.fw_field {
    flex-grow: 1;
}

.menu_top {
    display: flex;
    justify-content: end;
    align-items: center;
    /*padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E6E6E6;*/
}

.menu_top .fw_button {
    padding: 8px 18px;
    font-size: 12px;
    text-transform: none;
    // margin-right: 15px;
    margin-bottom: 0;
    // letter-spacing: 0.05rem;
}

/*.menu_top .fw_button:last-of-type {
    background-color: #fff;
    color: #1d1d1d;
    // margin-right: 0;
}*/

.home-icon svg {
    height: 20px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.home-icon svg path {
    fill: #fff;
}

.home-icon a {
    padding-left: 0 !important;
}

.home-icon a:hover:after {
    display: none;
}

.home-icon svg:hover {
    fill: var(--primary-color);
}

/* mobiele navigatie */
.mobile_topbar {
    display: none
}

body.nav_open .mobile_topbar {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

body.nav_open .nav_main {
    background: #E3E3E3;
    padding: 0;
    width: 100%;
}

body.nav_open .nav_main .fw_main_wrapper {
    padding-bottom: 0;
    padding: 30px;
}

body.nav_open .nav_main .home-icon {
    display: none;
}

body.nav_open .nav_main .shop_scroll_icon {
    display: none;
}

body.nav_open .nav_main .search_form {
    padding: 0 30px 0 30px
}

body.nav_open .nav_main .search_form .fw_button {
    order: 2;
    display: none;
}

body.nav_open .nav_main .search_form .fw_label {
    order: 1;
}

// body.nav_open .nav_main .search_form .fw_field input {
//     background: #fff;
//     border-radius: 50px;
//     width: 100%;
//     padding: 5px 10px;
// }

body.nav_open .mobile_topbar p {
    display: block;
    padding-left: 23px;
    margin-bottom: 0;
}

body.nav_open .mobile_topbar p a {
    margin-right: 20px;
}

body.nav_open .mobile_topbar a.cta-icon {
    display: inline-flex;
    flex-grow: 1;
    text-align: center;
}

body.nav_open .mobile_topbar a.cta-icon:first-of-type img {
    margin: auto
}

body.nav_open .mobile_topbar .logo {
    display: flex;
    justify-content: center;
}



body.nav_open .nav_main .mobile_extra-left {
    padding: 30px;
}

body.nav_open .nav_main .mobile_extra-left a {
    font-size: 12px;
    font-weight: 400
}

body.nav_open .nav_main .mobile_extra-left i {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 18px;
    margin-right: 15px
}

body .nav_main .mobile_extra-left {
    display: none;
}

@media only screen and (max-width: 1023px) {
    body.nav_open .nav_main .search_form .fw_button input {
        order: 2;
        display: none;
    }

    .search_form .fw_button:after {
        content: "\00a0";
        font-family: 'FontAwesome';
        right: 30px;
        position: relative;
        color: #1d1d1d;
        background: url(/files/icon-search-primary.svg) no-repeat;
        background-size: contain;
        width: 45px;
        display: block;
        transform: translate(0, -50%);
        top: 50%;
        filter: invert(51%) sepia(46%) saturate(4599%) hue-rotate(347deg) brightness(105%) contrast(101%);
        /* oranje kleur */
    }

    body.nav_open .search_form input[type=text] {
        font-weight: 400 !important;
        color: #1d1d1b !important
    }

    body.nav_open .nav_main .search_form .fw_button {
        order: 2;
        background: transparent;
        border: unset;
        display: block;
        margin: 0;
        padding: 0;
        width: 1px;
    }

    body.nav_open .nav_main .mobile_extra-left {
        display: block;
    }
}

@media only screen and (min-width: 1024px) {
    .logo-col {
        transform: translate(0, -35px);
        z-index: 1;
    }

    .header_main.nr1 .header_main_inner,
    .header_main.nr1 .header_main_inner .container {
        max-height: 80px;
    }

    .nav_main {
        display: flex;
        justify-content: end;
    }

    .nav_main .fw_main_wrapper {
        flex-grow: 1;
        padding-right: 0;
        display: contents;
    }

    .fw_main_wrapper ul {
        display: flex;
        justify-content: flex-start;
    }

    .nav_main li {
        padding: 0 2px;
    }

    .nav_main .fw_main_wrapper>ul>li>a {
        padding: 0 10px 0 7px;
    }

    .nav_main .fw_subs:after {
        content: "\f107";
        font-family: 'FontAwesome';
        color: var(--secondary-color);
        margin-left: -5px;
        margin-right: 10px;
    }

    .nav_main .fw_subs_wrapper .fw_subs:after {
        display: none;
    }

    /*body.nav_open .nav_main {display:none;}*/
    body.nav_open .nav_main .fw_main_wrapper {
        padding: 0;
    }

    body.nav_open .mobile_topbar {
        display: none;
    }

    body.nav_open .nav_main {
        background: transparent;
        padding: unset;
        width: auto;
    }

    body.nav_open .nav_main .home-icon {
        display: block;
    }

    body.nav_open .nav_main .mobile_extra-left {
        display: none;
    }
}

.nav_main li:last-of-type {
    padding-right: 0;
}

.search_loop {
    display: block;
}

.scrolled .search_loop {
    display: none;
}

.header_main_logo_scroll {
    display: none;
}

body.scrolled .header_main_transparent .icon_nav.active i {
    background: 0 0
}

.header_main_logo_scroll img {
    max-height: 100px;
}

body.scolled .header_main_logo_scroll img {
    max-height: 85px;
}

.header_main_inner .col:last-of-type {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}

@media only screen and (min-width: 768px) {
    .scrolled .header_main_logo_scroll {
        display: block;
        transform: translate(0, 30px);
    }

    .scrolled .header_main_logo {
        display: none !important;
    }
}

.search_loop svg g path {
    fill: var(--darkgray-color);
}

/*.scrolled .menu_top {
    display: none;
}*/

/*.scrolled .nav_main .fw_main_wrapper {
    padding-right: 80px;
}*/

body.scrolled .header_main .top_bar {
    padding: 0 !important;
    opacity: 0;
    height: 25px;
}

body.scrolled .header_main .header_main_wrapper {
    height: 100%;
}

body.scrolled .header_main {
    height: auto !important
}

body.scrolled .hoofdmenu-wrapper {
    bottom: unset;
    top: 0;
    padding: 15px 0
}

body.scrolled .header_main_logo_scroll img {
    max-height: 50px
}

body.scrolled .header_main_logo_scroll {
    display: block;
    transform: translate(0, 36px);
}

body.scrolled .menu_top {
    display: none;
}


@media only screen and (min-width:1024px) and (max-width:1279px) {
    body.scrolled .header_main_logo_scroll img {
        max-height: 40px;
    }

    body.scrolled .header_main_logo_scroll {
        display: block;
        transform: translate(0, 100%);
    }
}
@media only screen and (max-width: 1023px) {
    body.scrolled .header_main_inner.top {
        background: var(--primary-color);
        transition: ease-in-out .5s
    }

    body.scrolled .header_main_logo_scroll img {
        max-height: 45px;
    }

    body.scrolled .header_main_logo_scroll {
        display: block;
        transform: translate(0, 0%);
    }

    body.scrolled .header_main_logo {
        display: none;
    }
}

.header_main_inner.top {
    transition: ease-in-out .5s
}

.fw_subs_wrapper ul {
    display: block;
}

.hero-basic.category-hero .hero-text .title h1 {
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
}

.hero-basic.category-hero .hero-text .title h1,
.content-product-hero .hero-text .title h1 {
    text-transform: none;
    font-size: 28px;
    font-weight: 700;
}

.category-hero .button-wrapper {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.category-hero .button-wrapper a.fw_button {
    display: inline-flex;
}

.category-hero .button-wrapper a,
.content-product-hero .button-wrapper a {
    /*margin-right: calc(20px)!important;*/
    margin: 0 10px;
}

@media only screen and (min-width:1024px) {

    .hero-basic.category-hero .hero-text .title h1,
    .content-product-hero .hero-text .title h1 {
        font-size: 42px;
    }
}

@media only screen and (min-width:1280px) {

    .hero-basic.category-hero .hero-text .title h1,
    .content-product-hero .hero-text .title h1 {
        font-size: 60px;
    }
}


.product-hero {
    overflow: hidden;
}

@media only screen and (min-width:1360px) {

    .product-hero,
    .product-hero .image {
        min-height: 450px;
        max-height: 450px
    }
}

.product-hero .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-product-hero {
    padding: 60px 0;
    text-align: center;
}

.content-product-hero .content {
    margin-bottom: 15px;
    margin-top: 15px;
}

.content-product-hero .subheader {
    font-size: 18px
}

/*** hero-slider home ***/
.hero-slider .heroslider-overlay2 {
    background-position: bottom;
    opacity: 1;
}

.hero-slider.nr1 .royalSlider .rsGCaption {
    max-width: 975px;
}

.hero-slider.nr1 .royalSlider .rsGCaption .rsCaption {
    display: grid;
    max-width: 100%;
    margin: 0 auto;
}

.hero-slider.nr1 .royalSlider .fw_rs_title {
    order: 2;
    text-align: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.47);
}

.hero-slider.nr1 .royalSlider .fw_rs_sub_title {
    order: 1;
    text-align: center;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.47);
}

.hero-slider.nr1 .royalSlider .fw_rs_text {
    order: 3;
    text-align: center;
}

.hero-slider.nr1 .royalSlider .fw_rs_text p a:first-of-type {
    margin-right: 0;

    @media only screen and (min-width:480px) {
        margin-right: 20px;
    }
}

.fw_rs_text a.fw_button_alt {
    border: 2px solid #fff;
    background-color: transparent;
    margin-right: 25px;
}

/*** Campagne / Notitie ***/
section.campaign-row {
    background-color: var(--tertiary-color);
    font-size: 16px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-rubik);
}

section.campaign-row.extra {
    background-color: var(--secondary-color);
    font-size: 16px;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-rubik);
}

/*** 01: USP-row ***/
.usp-row {
    background-color: #E6E6E6;
    padding: 7px 0;
    font-family: Lato, sans-serif;
}

.usp-line {
    display: flex;
    justify-content: space-between;
}

.usp {
    margin: 0 10px;
    display: flex;
}

.usp::before {
    content: "\f058";
    font-family: 'FontAwesome';
    font-size: 16px;
    margin-right: 10px;
    color: #00c600;
}

.usp svg {
    width: 18px;
    margin-right: 10px;
    fill: #00c600;
}

/* sandbox usp-row verbergen op SEO-pagina */
section.usp-row.hidden-xs.visible-md.nr1 {
    display: none !important;
}

.banner-nieuwsbrief input::placeholder {
    color: #404040 !important;
}

.banner-nieuwsbrief {
    transform: translate(0, -60px);
    z-index: 1;
}

.banner-nieuwsbrief h4 {
    color: var(--black-color)
}

.banner-nieuwsbrief form .row .col:first-of-type {
    padding-left: 0
}

.banner-nieuwsbrief form .row button {
    padding: 10px 0 10px 0;
    border: 2px solid var(--secondary-color);
}

.banner-nieuwsbrief form .row button:hover {
    background: transparent;
    color: #262626
}

.banner-nieuwsbrief form input {
    border: 1px solid #E6E6E6 !important;
    height: 40px !important;
    padding: 5px !important;
}

@media only screen and (max-width:767px) {
    .banner-nieuwsbrief h4 {
        text-align: center;
        margin: auto auto 15px auto;
    }

    .banner-nieuwsbrief form .row .col:first-of-type {
        padding-left: 15px;
    }

    .banner-nieuwsbrief form .row .col {
        margin-bottom: 10px
    }

    .banner-nieuwsbrief form button {
        display: block;
        width: auto;
        padding: 10px 15px !important;
        margin: 10px auto auto auto;
    }
}

/****/
.banner-persoonlijkadvies {
    padding: 80px 0 200px 0;
    background: var(--primary-color);
    color: #fff;
    text-align: center
}

.banner-persoonlijkadvies h3 {
    color: #fff;
}

/****/

/*** 02: banner-offer ***/
.banner-offer {
    background-color: var(--primary-color);
    padding: 50px 0;
    text-align: center;
    color: #fff;

    h2,
    p,
    a {
        color: #fff;
    }

    h2 {
        margin-bottom: 5px;
    }

    p {
        font-size: 25px;
    }

    a:hover {
        color: #1c1f33;
    }

    .fw_button {
        border-color: white !important;
        // margin-right: 0;
    }

    .fw_button_alt:hover {
        border-color: #484d6d !important;
        background: white !important;
        color: #1d1d1d !important;
    }
}

@media only screen and (max-width: 479px) {
    .banner-offer {
        padding: 20px;
    }
}

/* 03d: Home over ons */
section.home-overons {
    padding: 80px 0
}

section.home-overons .showroom {
    margin-top: auto;
    margin-bottom: auto;
}

section.home-overons .showroom .card:first-of-type {
    margin-bottom: 15px
}

section.home-overons .showroom .card .card-body {
    box-shadow: 2px 2px 6px var(--lightgray-color)
}

section.home-overons .showroom .card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.home-overons .showroom .card .card-body .box {
    padding: 30px 20px;
}

section.home-overons .showroom .box span {
    color: var(--tertiary-color);
    font-size: 16px;
    font-weight: 400
}

section.home-overons .showroom .box h3 {
    font-weight: bold;
}

section.home-overons .showroom ul li:before {
    content: "\f0da";
    font-size: 16px;
    left: 2px;
}

section.home-overons .showroom ul li a {
    color: var(--primary-color);
    text-decoration: underline;
}

/**/

.pitch-sectie {
    padding: 0 0 80px 0;
}

/*** 03: 1-col-offset-images GENREAL ***/
.col-offset-images {
    /*padding: 80px 0;*/
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    .col-offset-images {
        padding: 80px 0 0 0;
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .col-offset-images.offset-right .col.col-md-2.offset-1 {
        align-self: center;
    }

    .col-offset-images.offset-left .col.col-md-2.offset-1 {
        align-self: center;
    }
}

.col-offset-images {

    .bg_element-left,
    .bg_element-center,
    .bg_primary,
    .bg_secondary,
    .bg_light_grey,
    .bg_dark_grey,
    .bg_black,
    .bg_dots {
        // padding: 130px 0;
        margin-bottom: 0;
    }
}

.offset-2 img {
    box-shadow: 15px 15px 0 0 #1d1d1d;
    max-height: 90%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.offset-1 {
    align-self: flex-end;
    z-index: 10;
}

.offset-1 img {
    z-index: 100;
}

@media only screen and (max-width: 767px) {
    .offset-1 img {
        display: none;
    }
}

/* 03a 1-col-offset-images RIGHT */
.offset-right .offset-1 img {
    transform: scale(1.2) translate(45%, 15%);
    transform-origin: 0 90%;
    box-shadow: 15px -15px 0 0 #fff;
}

.offset-right.bg_primary .offset-1 img {
    box-shadow: 15px -15px 0 0 var(--primary-color);
}

.offset-right.bg_secondary .offset-1 img {
    box-shadow: 15px -15px 0 0 var(--secondary-color);
}

.offset-right.bg_light_grey .offset-1 img {
    box-shadow: 15px -15px 0 0 #E3E3E3;
}

.offset-right.bg_dark_grey .offset-1 img {
    box-shadow: 15px -15px 0 0 #464646;
}

.offset-right.bg_black .offset-1 img {
    box-shadow: 15px -15px 0 0 #1d1d1d;
}

@media only screen and (max-width: 1023px) {
    .offset-right .offset-1 img {
        transform: scale(1.2) translate(45%, -45%);
        transform-origin: 0 90%;
        box-shadow: 8px -8px 0 0 #fff;
    }

    .offset-right.bg_primary .offset-1 img {
        box-shadow: 8px -8px 0 0 var(--primary-color);
    }

    .offset-right.bg_secondary .offset-1 img {
        box-shadow: 8px -8px 0 0 var(--secondary-color);
    }

    .offset-right.bg_light_grey .offset-1 img {
        box-shadow: 8px -8px 0 0 #E3E3E3;
    }

    .offset-right.bg_dark_grey .offset-1 img {
        box-shadow: 8px -8px 0 0 #464646;
    }

    .offset-right.bg_black .offset-1 img {
        box-shadow: 8px -8px 0 0 #1d1d1d;
    }
}

/* 03b: 1-col-offset-images LEFT */
.offset-left .offset-1 img {
    transform: scale(1.2) translate(-45%, 15%);
    transform-origin: 100% 90%;
    box-shadow: -15px -15px 0 0 #fff;
}

.offset-left.bg_primary .offset-1 img {
    box-shadow: -15px -15px 0 0 var(--primary-color);
}

.offset-left.bg_secondary .offset-1 img {
    box-shadow: -15px -15px 0 0 var(--secondary-color);
}

.offset-left.bg_light_grey .offset-1 img {
    box-shadow: -15px -15px 0 0 #E3E3E3;
}

.offset-left.bg_dark_grey .offset-1 img {
    box-shadow: -15px -15px 0 0 #464646;
}

.offset-left.bg_black .offset-1 img {
    box-shadow: -15px -15px 0 0 #1d1d1d;
}

@media only screen and (max-width: 1023px) {
    .offset-left .offset-1 img {
        transform: scale(1.2) translate(-45%, -45%);
        transform-origin: 100% 90%;
        box-shadow: -8px -8px 0 0 #fff;
    }

    .offset-left.bg_primary .offset-1 img {
        box-shadow: -8px -8px 0 0 var(--primary-color);
    }

    .offset-left.bg_secondary .offset-1 img {
        box-shadow: -8px -8px 0 0 var(--secondary-color);
    }

    .offset-left.bg_light_grey .offset-1 img {
        box-shadow: -8px -8px 0 0 #E3E3E3;
    }

    .offset-left.bg_dark_grey .offset-1 img {
        box-shadow: -8px -8px 0 0 #464646;
    }

    .offset-left.bg_black .offset-1 img {
        box-shadow: -8px -8px 0 0 #1d1d1d;
    }
}

/*** 04: downloads ***/
.downloads .fw_button {
    background: var(--darkorange-color);
    border-color: var(--darkorange-color);
}

.downloads {
    padding: 0 0 0 0;
}

.downloads .first .image {
    transform: translate(0, -80px);
}

.downloads img {
    max-height: 350px;
}

/*** 05: USP-bar ***/
.usp-bar {
    text-align: center;
    padding: 50px 0;
}

.usp-bar img {
    margin: 0 auto 20px auto;
}

.usp-bar h4 {
    font-weight: 700;
    font-family: var(--font-rubik);
    text-transform: none;
}

.usp-bar .col {
    border-right: 1px solid #626262;
    padding: 0 25px;
}

.usp-bar .col:last-of-type {
    border-right: none;
}

@media only screen and (max-width: 767px) {
    .usp-bar {
        padding: 50px 15px;
    }

    .usp-bar .col {
        border-right: none;
        border-bottom: 1px solid #626262;
        padding: 25px;
    }

    .usp-bar .col:last-of-type {
        border-bottom: none;
    }
}

/*** 06: hero-2col ***/
.hero-2col .col-md-8 {
    padding-left: 0;
    padding-right: 12px;
}

.hero-2col .col-md-8 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero-2col .col-md-8:after {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#cc000000', GradientType=0);
    /* IE6-9 */
    content: "";
    position: absolute;
    top: 0;
    width: calc(~'100% - 12px');
    height: 100%;
}

.hero-2col .col-md-4 {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.hero-2col .col-md-4 a.fw_button_alt:hover {
    border: 2px #fff solid;
}

.hero-2col .hc-title {
    position: absolute;
    bottom: 10%;
    left: 25%;
    z-index: 10;
    text-shadow: 2px 2px 4px #3d3b3b;
}

.hero-2col .hc-title h4 {
    color: #fff;
    font-weight: 400;
}

.hero-2col .hc-title h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 15px;
}

.col.campaign {
    background: var(--primary-color);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
}

.col.campaign h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
}

.col.campaign-img {
    padding: 0;
    margin-top: 12px;
}

@media only screen and (max-width: 1399px) {
    .hero-2col .hc-title {
        left: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-2col .col-md-8 {
        padding-right: 0;
        min-height: 450px;
    }

    .hero-2col .col-md-8:after {
        width: 100%;
    }

    .hero-2col .hc-title {
        left: 30px;
    }
}

/*** 07: content-usp ***/
// .content-usp .cu-usp:has(:empty) {padding: 0!important; display:none;}
.content-usp .cu-usp:not(:empty) {
    padding: 30px 30px 20px 30px;
}

.content-usp {
    padding: 50px 0;
}

.content-usp .row {
    align-items: flex-start;
}

.cu-intro {
    padding: 30px 200px 0 15px;
}

.cu-usp {
    background: #E3E3E3;
    padding: 30px 30px 20px 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}


.cu-usp h3 {
    font-family: var(--font-rubik);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.specs_tabs .tabgroup h4 {
    margin-bottom: 0;
    padding-left: 15px;
}

.specs_tabs .tabgroup table {
    margin-top: 15px;
}

.specs_tabs .tabgroup table {
    border: 1px solid #eee;
    padding: 20px;
    width: 100%;
    display: block;
}

.specs_tabs .tabgroup table tbody {
    display: table;
    width: 100%;
}

.specs_tabs .tabgroup thead {
    text-align: left;
}

.specs_tabs .tabgroup table tbody tr td {
    padding: 5px 10px;
}

.specs_tabs .tabgroup .row .col {
    margin: 30px 0;
}

@media only screen and (max-width: 1023px) {
    .cu-intro {
        padding: 30px 50px 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .cu-intro {
        padding: 15px 15px 50px;
    }
}

/*** 08: projects-3col ***/
.projects {
    padding: 80px 15px;
    scroll-margin-top: 120px;
}

.projects h2 {
    margin-bottom: 50px !important;
    text-align: center;
}

.projects h5 {
    text-align: center;
    font-family: var(--font-rubik);
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
    margin-bottom: 0;
    text-transform: uppercase;
}

.project-row .col {
    padding: 0 15px;
    font-family: var(--font-rubik);
}

.project-row .col:first-child {
    padding-left: 0;
}

.project-row .col:last-child {
    padding-right: 0;
}

.project-row .item {
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /*padding: 20px;*/
    color: #fff;
    background-size: cover;
    background-position: center;
}

.project-row .item .inside {
    background-color: var(--primary-color);
    padding: 0 20px 20px 20px;
    min-height: 112px;
    align-content: center;
    display: grid;
}

.row.project-row .col:nth-child(2) .upper-blue-wave::before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.project-row h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}

.project-row span {
    font-size: 20px;
    margin-bottom: 5px;
}

.project-row a {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    margin-right: 15px;
}

.project-row a:hover,
.project-link a:hover:after,
.project-link span:hover,
.project-link span:hover:after {
    color: var(--primary-color);
}

/* AN */
.project-link {
    display: flex;
    align-items: center;

    span:after {
        content: "\f178";
        font-family: 'FontAwesome';
        font-size: 28px;
        color: #fff;
        margin-left: 10px;
        position: relative;
        top: 5px;
    }

    /* AN */
}

@media only screen and (max-width: 767px) {
    .project-row .col-md-4 {
        padding: 0 0 15px 0;
    }
}

.projects.overview .project-row .col {
    margin-bottom: 30px;
}

.projects.overview .project-row .col-md-4:first-child {
    padding-left: 15px;
}

.projects.overview .project-row .col-md-4:last-child {
    padding-right: 15px;
}

/*** Achterliggende projectspagina ***/
section.projects-slider {
    padding-top: 30px
}

section.projects-slider img {
    margin-left: 0 !important;
    margin-top: 0 !important
}

section.projects-slider div.projects-slider {
    max-width: 90%;
    margin: auto;
    overflow: hidden
}

// section.projects-slider div.projects-slider div {}

section.projects-slider div.projects-slider .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager.bx-default-pager {
    display: none
}

/*section.projects-slider div#bx_slider_pager_708_498 {display:flex; margin-top:30px}
section.projects-slider div#bx_slider_pager_708_498 a {flex-grow: 1; display: inline-flex; justify-content:center;}*/
section.projects-slider .bx-controls a {
    color: #fff;
    text-decoration: none;
    background-color: #1c1f33;
    padding: 5px 10px;
    border-radius: 50px;
}

section.projects-slider .bx-controls a.bx-prev {
    left: -10px;
    right: unset;
    position: absolute;
    top: 50%;
}

section.projects-slider .bx-controls a.bx-next {
    right: -20px;
    position: absolute;
    top: 50%;
}

.projects-slider .rsOverflow,
.projects-slider .royalSlider {
    width: 100% !important;
    height: 700px;
    min-height: 700px;
    max-height: 700px
}

/*.projects-slider .rsContainer {overflow:auto}*/
.projects-slider img {
    height: 100%;
    /*max-height: 700px;*/
    width: 100%;
    object-fit: cover;
    max-width: 100%;
}

.projects-slider .rsArrow {
    font-family: 'FontAwesome';
    font-weight: 700;
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 40px;
    text-align: center;
    color: #fff;
    background: var(--primary-color);

    &.rsArrowLeft {
        left: 0;

        &:after {
            content: '\f053';
            font-size: 20px;
            padding: 3px 7px;
            display: block;
        }
    }

    &.rsArrowRight {
        right: 0;

        &:after {
            content: '\f054';
            font-size: 20px;
            padding: 3px 9px;
            display: block;
        }
    }

    &.rsArrowDisabled {
        opacity: .5;
        cursor: default;
    }

    /* AN */
}


@media only screen and (max-width:767px) {
    section.projects-slider ul.bx_slider {
        display: inline-flex;
    }

    section.projects-slider div.projects-slider {
        max-width: 80%;
    }

    .projects-slider .rsOverflow,
    .projects-slider .royalSlider {
        width: 100% !important;
        height: 300px;
        min-height: 300px;
        max-height: 300px
    }

    .projects-slider img {
        height: auto;
        max-height: 300px;
        width: 100%;
        object-fit: cover;
        max-width: 100%;
    }
}

.page-product_type .content-2img-right {
    margin-top: 150px;
    padding: 0 15px 80px 15px
}

.page-product_type section.upper-big-gray-wave::before {
    top: -199px;
    height: 199px;
}

/*** 09: product_types ***/
section.product_types .owl-carousel.owl-loaded {
    overflow-x: unset;
}

section.product_types .owl-carousel .owl-stage-outer {
    overflow-x: hidden;
    overflow-y: visible;
    height: 750px;
}

section.product_types .owl-item .item {
    box-shadow: 0 0 7px rgba(0, 0, 0, .1);
}

section.product_types.upper-gray-wave::after {
    z-index: 0;
}

.product_types {
    padding: 0 0 30px 0;
}

.product_types .item {
    margin: 0 12px;
    background: #fff;
    padding: 0 10px 10px 10px;
    color: var(--black-color);
}


.product_types img {
    margin-bottom: 35px;
    min-height: 250px;
    object-fit: cover;
}

.product_types .type-header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    border-bottom: 3px solid #fff;
    margin: 0 10px 40px 10px;
    padding-bottom: 12px;
}

.type-price {
    font: normal normal 900 24px/29px var(--font-lato);
}

.type-price:before {
    content: "v.a.";
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: 300;
    margin-right: 0;
}

.product_types .type-title {
    font: normal normal 900 24px/29px var(--font-rubik);
    text-transform: uppercase;
}

.product_types .owl-carousel .owl-stage {
    margin: 0 auto;
}

.type-usp {
    padding: 0 10px;
    margin-bottom: 45px;
}

.type-button {
    text-align: center;
    margin-bottom: 35px;
}

.product_types .fw_button,
.product_types .fw_button_alt {
    margin-right: 0;
}

.product_types .owl-nav div {
    background-color: transparent;
    color: var(--secondary-color);

    &.disabled {
        opacity: .5;
    }
    
    &.owl-prev {
        left: -25px;
    }
    
    &.owl-next {
        right: -25px;
    }

    &.owl-prev:before {
        content: "\f0d9";
        font-size: 50px
    }
    
    &.owl-next:before {
        content: "\f0da";
        font-size: 50px
    }
}

@media only screen and (max-width: 1279px) {
    .product_types .type-header {
        flex-direction: column;
    }

    .product_types .type-header .type-title {
        align-self: flex-start;
        max-width: unset;
    }
}

.product_types.bg_primary a.fw_button_alt.transparent:hover,
.product_types.bg_secondary a.fw_button_alt.transparent:hover,
.product_types.bg_dark_grey a.fw_button_alt.transparent:hover,
.product_types.bg_black a.fw_button_alt.transparent:hover {
    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
    color: #fff !important;
}

.bg_black.product_types .item {
    background: #484d6d;
}

/*** 10: FAQ-section **/
.faq-section {
    padding: 80px 0;
    scroll-margin-top: 120px;
}

.faq-section .faq_block {
    padding: 0;
}

.faq-section .col-md-4 {
    padding-right: 50px;
}

.faq-section .item {
    border: 1px solid #eee;
    box-shadow: none;
    /*border-radius: 15px;*/
    margin-bottom: 10px;
    background-color: #fff;
}

// .faq-section .faq_block .title:after {
//     content: "\f078";
//     font-family: 'FontAwesome';
//     font-size: 14px;
//     width: 22px;
//     height: 22px;
//     border: 2px solid;
//     border-radius: 50%;
//     /*-webkit-transform: translateY(-50%);
//     -ms-transform: translateY(-50%);
//     transform: translateY(-50%);
//     text-align: center;
//     top: 50%;
//     position: absolute;
//     right: 20px;
// */
// }

// .faq-section .faq_block .active .title:after {
//     -webkit-transform: rotate(-180deg) translateY(50%);
//     -ms-transform: rotate(-180deg) translateY(50%);
//     transform: rotate(-180deg) translateY(50%);
// }

.faq-section h4 {
    text-transform: none;
    font-family: var(--font-rubik);
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
    color: #4A4A4A;
}

.faq-section .active h4 {
    color: #fff;
}

.faq-section .list .item .text {
    background: none;
}

.faq-section .faq_block .active .title {
    background-color: var(--secondary-color);
    /*border-radius: 14px 14px 0 0;*/
    color: #fff;
}

.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .list.js_accordion .item:not(.active) .title h4 {
        color: #484d6d;
    }
}

.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .list.js_accordion .item:not(.active) .title::after {
        color: #1d1d1d;
    }
}

.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .list.js_accordion .item.active .text.content * {
        color: #1d1d1d;
    }
}

.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .item.active .text.content ul li:before {
        color: var(--primary-color);
    }
}

@media only screen and (max-width: 767px) {
    .faq-section .faq_block {
        margin-top: 25px;
        padding: 0 15px;
    }
}

/*** 11: hero-bg-color ***/
.hero-bg-color {
    padding: 40px 15px;
}

.header-sub {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.header h1 {
    text-transform: uppercase;
    font-size: 50px;
}

// .bg_primary .header h1 {
//     color: #fff;
// }

// .bg_primary a, .bg_primary a:hover {
//     color: #fff;
// }

.hero-bg-color .breadcrumb {
    margin-top: 15px;
    font-family: var(--font-rubik);
    display: flex;
}

.hero-bg-color .breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb ul li {
    display: inline-flex;
}

.hero-bg-color ul {
    margin: 0 10px;
}

.hero-bg-color ul.first {
    margin: 0 10px 0 0;
}

.hero-bg-color .container {
    padding-left: 15px;
    padding-right: 15px;
}

/*** 12a contact-img-left ***/
.contact-img-left {
    padding: 50px 0 0;
}

.contact-img-left .img-shadow-left {
    padding-right: 75px;
}

.contact-img-left .row-detail {
    justify-content: end;
    transform: translateY(-45%);
    align-items: end;
}

.contact-img-left .row-detail a {
    color: #1d1d1d;
    text-decoration: none;
}

.contact-img-left .row-detail a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

.contact-img-left .bg_primary {
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.contact-img-left .bg_light_grey {
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.contact-img-left h4 {
    text-transform: none;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-img-left .row-detail p {
    font-size: 16px;
    line-height: 1.5;
}

/*.img-shadow-left img {
    box-shadow: -15px 15px 0 0 #1d1d1d;
}*/

.contact-img-left .img-shadow-left+.col {
    z-index: 100;
}

span.day {
    width: 90px;
    display: inline-block;
}

@media only screen and (max-width: 1023px) {
    .contact-img-left .row-detail {
        transform: translateY(-20%);
    }

    .contact-img-left .img-shadow-left {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-img-left {
        padding: 15px 0 0;
    }

    .contact-img-left .row-detail {
        transform: translateY(0%);
    }

    .contact-img-left .col-md-6 {
        margin-bottom: 20px;
    }
}

.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: 0 0 0 15px #fff;
}

.bg_primary.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 var(--primary-color);
}

.bg_secondary.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 var(--secondary-color);
}

.bg_white.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 #fff;
}

.bg_light_grey.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 #E3E3E3;
}

.bg_dark_grey.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 #464646;
}

.bg_black.contact-img-left .row-detail .col .element_cover_image {
    box-shadow: -15px -15px 0 0 #1d1d1d;
}

.bg_black .img-shadow-left img {
    box-shadow: -15px 15px 0 0 #464646;
}

/*** 12b contact-img-right ***/
.contact-img-right {
    padding: 50px 0 0;
}

.contact-img-right .img-shadow-right {
    padding-left: 75px;
}

.contact-img-right .row-detail {
    justify-content: start;
    transform: translateY(-45%);
    align-items: end;
}

.contact-img-right .row-detail a {
    color: #1d1d1d;
    text-decoration: none;
}

.contact-img-right .row-detail a:hover {
    text-decoration: none;
    color: var(--primary-color);
}

.contact-img-right .bg_primary {
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.contact-img-right .bg_light_grey {
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.contact-img-right .row-detail .col-lg-3,
.contact-img-right .row-detail .col-lg-4 {
    padding: 15px;
}

.contact-img-right h4 {
    text-transform: none;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-img-right .row-detail p {
    font-size: 16px;
    line-height: 1.5;
}

.img-shadow-right img {
    box-shadow: 15px 15px 0 0 #1d1d1d;
}

.contact-img-right .col:first-of-type {
    z-index: 100;
}

@media only screen and (max-width: 1023px) {
    .contact-img-right .row-detail {
        transform: translateY(-20%);
    }

    .contact-img-right {
        padding: 15px 0;
    }
}

@media only screen and (max-width: 767px) {
    .contact-img-right .row-detail {
        transform: translateY(0%);
    }

    .contact-img-right .img-shadow-right {
        padding: 0 15px;
    }

    .contact-img-right .col-md-6 {
        margin-bottom: 20px;
    }

    .contact-img-right .row {
        flex-direction: column-reverse;
    }

    .contact-img-right .row.row-detail {
        flex-direction: column;
    }
}

.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 0 0 0 15px #fff;
}

.bg_primary.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 15px -15px 0 0 var(--primary-color);
}

.bg_secondary.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 15px -15px 0 0 var(--secondary-color);
}

.bg_white.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 15px -15px 0 0 #fff;
}

.bg_light_grey.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 15px -15px 0 0 #E3E3E3;
}

.bg_dark_grey.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 15px -15px 0 0 #464646;
}

.bg_black.contact-img-right .row-detail .col .element_cover_image {
    box-shadow: 0 0 0 15px #1d1d1d;
}

/*** 14: Main categories carousel ***/
section.main_cat-carousel .owl-item .image {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

section.main_cat-carousel .owl-carousel .owl-stage-outer {
    overflow: unset;
}

section.main_cat-carousel .owl-item.active.center {
    width: 100% !important;
    max-width: 13% !important;
}

@media only screen and (max-width:767px) {
    section.main_cat-carousel .owl-item.active.center {
        width: 100% !important;
        max-width: 5% !important;
    }
}

section.main_cat-carousel .owl-carousel .owl-stage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

/*section.main_cat-carousel .owl-carousel .owl-item .item{
  width: 15%important;
}*/
section.main_cat-carousel .owl-item {
    height: 500px;
}

section.main_cat-carousel .owl-carousel .owl-stage {
    margin-left: -100px;
}

section.main_cat-carousel .owl-carousel .owl-item h3 {
    color: #DDDDDD;
    font-size: 16px;
    min-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

section.main_cat-carousel .owl-carousel .owl-item.active.center h3 {
    margin-bottom: 0;
    margin-top: 15px;
    min-height: 24px;
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px
}

section.main_cat-carousel .owl-carousel .owl-item button {
    border: none;
    background: var(--secondary-color);
    font-weight: 400;
    border-radius: 50px;
    padding: 5px 10px;
    color: #fff;
}

section.main_cat-carousel .owl-carousel .owl-item button:hover {
    background-color: var(--tertiary-color);
}

section.main_cat-carousel .owl-carousel .owl-item button,
section.main_cat-carousel .owl-carousel .owl-item p {
    opacity: 0
}

section.main_cat-carousel .owl-carousel .owl-item.active.center button,
section.main_cat-carousel .owl-carousel .owl-item.active.center p {
    opacity: 1
}

section.main_cat-carousel .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
    max-height: 350px;
}



section.main_cat-carousel {
    padding: 0 0 60px 0;
    position: relative;
}

section.main_cat-carousel a {
    text-decoration: none;
}

section.main_cat-carousel a:hover p {
    color: var(--black-color);
}

section.main_cat-carousel .owl-item .box {
    text-align: center;
    padding: 5px;
    background: #313131;
    color: #fff;
}

section.main_cat-carousel .owl-item.active.center .box {
    background: #eee;
    position: absolute;
    color: #000;
    top: 0;
    height: 100%;
    right: 0;
    max-width: 250px;
}

section.main_cat-carousel .owl-item .box .inside {
    display: none;
}

section.main_cat-carousel .owl-item.active.center .box .inside {
    display: block;
}

/*** 15: hero-product_types ***/
.hero-product_types .col-md-8,
.hero-product_types .col-md-7 {
    padding-left: 0;
}

.hero-product_types img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.hero-product_types .col-md-4,
.hero-product_types .col-md-5 {
    background-color: #E3E3E3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;
}

.hero-product_types h2.product {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {

    .hero-product_types .col-md-8,
    .hero-product_types .col-md-7 {
        padding-right: 0;
    }
}

/*** 16: blok product_types ***/

.block-product_types {
    padding: 40px 15px;
    scroll-margin-top: 120px;

    h3 {
        display: block;
        margin-bottom: .5em;
    }
    
    .subheader {
        margin-bottom: 0;
        width: 100%;
    }
    
    ul li:before {
        color: var(--tertiary-color);
    }
    
    &.bg_primary,
    &.bg_secondary,
    &.bg_dark_grey,
    &.bg_black {
        .bvt-note {
            color: #fff;
            font-family: var(--font-lato);
            font-weight: 300;
        }
    }
}

.bvt-left {
    display: flex;
    flex-direction: column;
    padding: 0;
    justify-content: end;
    align-items: flex-end;
    
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .sub-img {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 15px;
        background-color: #fff;
    }
}

.bvt-text ul li {
    margin-bottom: 10px;
    
    &:last-of-type {
        margin-bottom: 0;
    }
}

.bvt-right {
    padding: 0 25px 0 25px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    h5 {
        color: var(--primary-color);
    }
    
    h3 {
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 25px;
    }
}

.bvt-img {
    flex-grow: 1;
    width: 100%;
}

.bvt-left h5,
.bvt-right h5 {
    font-weight: 400;
    margin-bottom: 5px;
}

.bvt-left h4 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

.bvt-price {
    display: flex;
    flex-direction: column;
    
    h3 {
        text-transform: none;
        margin-bottom: 10px;

        &:before {
            content: "";
            font-family: var(--font-rubik);
            font-weight: 400;
            margin-right: 0;
        }
    }
}

.levertijd {
    font-family: var(--font-rubik);
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 400;
}

.bvt-button .fw_button {
    margin-right: 0;
    margin-bottom: 0 !important;

    @media only screen and (max-width: 1023px) {
        align-items: start;
        flex-direction: column;
    }
}

/*** 17: content-2img-right ***/
.content-2img-right {
    padding: 40px 15px;
    scroll-margin-top: 120px;
    
    .col-md-7 {
        padding: 0 125px 0 15px;
    }
    
    .col-md-5 img:first-of-type {
        margin-bottom: 15px;
    }

    @media only screen and (max-width: 1023px) {
        .col-md-7 {
            padding: 0 0 25px 15px;
        }
    }
}

/*** 18: options-acc ***/
.options-acc .intro {
    max-width: 80%;
    margin: auto;
}

.options-acc {
    padding: 80px 15px;
    scroll-margin-top: 120px;
    text-align: center;
}

.cards-option {
    margin: 20px 35px;
    padding: 0;
}

.cards-option .item {
    padding: 8px;
}

.cards-option .item-card {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    height: 325px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.options-acc .cards-option .item-card {
    box-shadow: none;
}

.bg_primary .item-card a,
.bg_secondary .item-card a,
.bg_dark_grey .item-card a,
.bg_black .item-card a {
    color: #1d1d1d;
}

.option-img {
    flex-grow: 1;
    padding: 8px;
    overflow: hidden;
    flex-basis: 0;
}

.option-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.option-title {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.option-title a {
    text-decoration: none;
    // margin-right: 7px; /* AN */
    font-weight: 700;
    font-family: var(--font-lato);
}

.option-title a:after {
    content: "\f138";
    font-family: 'FontAwesome';
    margin-left: 8px;
    color: var(--primary-color);
    background-color: #fff;
    padding: 0;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.options-acc .option-title a:after {
    display: none;
}

.options-acc .option-img {
    padding: 0;
}

/* AN */
.option-title a:hover {
    color: var(--primary-color);
}

@media only screen and (max-width: 1279px) {
    .cards-option .item-card {
        height: 250px;
    }
}

@media only screen and (max-width: 767px) {
    .cards-option .item-card {
        height: 350px;
    }
}

/*** 19: stappenplan ***/
.stappenplan {
    padding: 40px 0;
    text-align: center;
    padding-bottom: 25px;
}

.stappenplan h3:last-child {
    margin-bottom: 1em !important;
}

.stappenplan .item {
    border-top: 3px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    margin-bottom: 35px;
    background-color: #fff;
}

.bg_primary.stappenplan .item {
    border-color: var(--secondary-color);
}

.stappenplan .item img {
    // filter: invert(79%) sepia(77%) saturate(2566%) hue-rotate(339deg) brightness(112%) contrast(102%);
    margin-bottom: 15px;
}

.stappenplan .item p:first-of-type {
    font-family: var(--font-lato);
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: uppercase;
}

.stappenplan h4 {
    text-transform: none;
    font-weight: 700;
    font-size: 18px;
}

.stappenplan .item .subheader {
    margin-bottom: 0;
}

// .stappenplan .fw_button {
//     margin-right: 0;
// }
/*** 20: content-3blokken ***/
.content-3blokken {
    padding: 50px 0;
}

.content-3blokken .img-shadow-left {
    padding-right: 75px;
}

.content-3blokken .img-shadow-left img {
    min-height: ~"calc(100% + 125px)";
    width: auto;
    object-fit: cover;
}

.content-3blokken .row-detail {
    justify-content: end;
    // transform: translateY(-50%);
    // align-items: end;
}

.content-3blokken .row-detail .bg_primary *,
.content-3blokken .row-detail .bg_secondary *,
.content-3blokken .row-detail .bg_dark_grey *,
.content-3blokken .row-detail .bg_black * {
    color: #fff !important;
}

.row-detail .col div {
    padding: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

// .content-3blokken .bg_white {
//     padding: 15px;
//     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
//     background-color: #fff;
// }

// .content-3blokken .bg_light_grey {
//     padding: 15px;
//     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
// }

// .content-3blokken .row-detail .col-lg-3 {
//     background-color: #fff;
//     padding: 15px;
// }
// 
.bg_primary .row-detail>.col:first-of-type div {
    box-shadow: -15px -15px 0 0 var(--primary-color);
}

.bg_secondary .row-detail>.col:first-of-type div {
    box-shadow: -15px -15px 0 0 var(--secondary-color);
}

.bg_light_grey .row-detail>.col:first-of-type div {
    box-shadow: -15px -15px 0 0 #E3E3E3;
}

.bg_dark_grey .row-detail>.col:first-of-type div {
    box-shadow: -15px -15px 0 0 #464646;
}

.bg_black .row-detail>.col:first-of-type div {
    box-shadow: -15px -15px 0 0 #1d1d1d;
}

.content-3blokken h4 {
    text-transform: none;
    font-weight: 700;
    margin-bottom: 10px;
}

// .content-3blokken .bg_primary h4 {
//     color: #fff;
// }

.content-3blokken .row-detail p {
    font-size: 16px;
    line-height: 1.5;
}

span.day {
    width: 90px;
    margin-right: 5px;
    display: inline-block;
}

@media only screen and (max-width: 1023px) {
    .content-3blokken .row-detail {
        transform: translateY(-20%);
    }

    .content-3blokken .img-shadow-left {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .content-3blokken {
        padding: 15px 0 0;
    }

    .content-3blokken .row-detail {
        transform: translateY(0%);
    }

    .content-3blokken .col-md-6 {
        margin-bottom: 20px;
    }
}

/*** 22: content-1col-img-left ***/
.content-1col-img-left {
    padding: 80px 15px;
    scroll-margin-top: 120px;
}

.content-1col-img-left img {
    margin: 0 auto 25px;
}

/*** 23: content-2col-img-right ***/
.content-2col-img-right {
    padding: 80px 15px;
    scroll-margin-top: 120px;
}

.content-2col-img-right .col-md-6:first-of-type {
    padding-right: 75px;
}

@media only screen and (max-width: 1023px) {
    .content-2col-img-right .col-md-6:first-of-type {
        padding-right: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .content-2col-img-right .col-md-6:first-of-type {
        padding-right: 15px;
        margin-bottom: 25px;
    }
}

/*** 23b: content-2col-img-left ***/
.content-2col-img-left {
    padding: 80px 15px;
    scroll-margin-top: 120px;
}

.content-2col-img-left .col-md-6:last-of-type {
    padding-left: 50px;
}

@media only screen and (max-width: 1023px) {
    .content-2col-img-left .col-md-6:last-of-type {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .content-2col-img-left .col-md-6:last-of-type {
        padding-left: 15px;
        margin-bottom: 25px;
    }

    .content-2col-img-left .col-md-6.img-shadow-left {
        order: 2;
    }

    .content-2col-img-left .col-md-6:last-of-type {
        margin-bottom: 25px;
    }

    .content-2col-img-left .img-shadow-left {
        order: 2;
    }
}

/*** 24: list-4col-slide ***/
.list-4col-slide {
    padding: 80px 15px;
    text-align: center;
}

/*** Detail: product_types ***/
.anchorbar {
    text-align: center;
    margin: 25px 15px;
    font-family: var(--font-lato);
}

.anchorbar p {
    text-transform: uppercase;
    color: var(--primary-color);
}

.anchorbar-items {
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
    overflow: scroll;
    overflow-y: hidden;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.anchorbar-items::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.anchorbar-items {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.anchorbar .item {
    margin: 0 3px;
    letter-spacing: .05rem;
    display: inline-block;
    white-space: nowrap;
}

.anchorbar .item a {
    padding: 8px 20px;
    border-radius: 25px;
}

.anchorbar .item a:hover {
    // background-color: #E3E3E3;
    color: var(--secondary-color);
}

@media only screen and (max-width: 889px) {
    .anchorbar-items {
        justify-content: start;
    }
}

/* 25: Contactformulier */
#contact .fw_form_wrapper {
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .10);
    margin: 30px 0;
}

@media only screen and (min-width:768px) {
    .mainform .fw_form_row.left-col {
        // width: 50%;
        max-width: 49%;
        float: left;
    }

    .mainform .fw_form_row.right-col {
        // width: 50%;
        max-width: 49%;
        float: right;
    }
}

.mainform .fw_form_label {
    width: 100% !important;
    display: inline-block;
}

.mainform .fw_form_row {
    display: inline-block;
    width: 100%;
}

.mainform input {
    width: 100%;
}

// .mainform .fw_form_row {
//     margin-bottom: 0;
// }

.mainform .fw_form_row.form-intro br {
    display: none;
}

.mainform .fw_form_row.form-intro h3 {
    margin-bottom: 10px;
}

.mainform .fw_form_row .fw_form_field {
    width: 100%;
    // border: 1px solid #E6E6EB;
    padding: 0;
}

.mainform .fw_form_field input[type=text],
.mainform .fw_form_field textarea {
    width: 100%;
    border-bottom: none;
    padding: 0 0 0 0;
}

.mainform .fw_form_row:last-child .fw_form_field {
    border: none;
    text-align: right;
}

.mainform .fw_form_row:last-child .fw_form_label {
    display: none;
}

.fw_icon.fw_extra_small.fw_required {
    display: none;
}

/*.mainform .fw_form_submit_link {
    background: #484d6d;
}*/

.mainform .fw_form_submit_link:hover {
    background: var(--primary-color);
    color: #fff;
}

/* 26: Offerteformulier */
.mainform .hide {
    display: none;
}

.mainform .fw_form_option .show {
    display: block;
}

.mainform .fw_form_row.formFiller {
    display: none
}

// .mainform .fw_form_row {
//     margin-bottom: 15px !important
// }

.mainform input,
.mainform textarea {
    color: #000 !important;
    font-weight: 400 !important;
}

.mainform .fw_form_row .fw_form_field textarea,
.mainform .fw_form_row .fw_form_field input {
    padding: 5px 10px;
    height: auto !important;
    width: 100%;
    border: 1px solid #E6E6EB;
}

.mainform h1 {
    font-size: 18px;
    font-weight: 300;
}

// .mainform .fw_form_row:last-child .fw_form_field {
//     border: 1px solid #E6E6EB;
//     text-align: right;
// }

.mainform .fw_form_row.button .fw_form_label {
    display: block;
    text-align: center;
    margin: auto;
    padding: unset;
}

.mainform .fw_form_row.button .fw_form_label label {
    color: #fff;
    text-align: center;
    font-size: 14px !important;
}

.mainform .no-border .fw_form_field,
.mainform .no-border {
    border: none !important;
}

.mainform div#fw_form_fieldset_2,
div#fw_form_fieldset_3,
.mainform .progress2,
.mainform .progress3 {
    display: none;
}

.mainform .fw_form_legend,
.mainform .fw_form_text {
    display: none !important;
}

.mainform .formControlContent .inside {
    background: #f5f5f5;
    height: 100%;
    padding: 20px
}

.formControlContent .row .col:first-of-type {
    padding-left: 0;
}

.formControlContent .row .col:last-of-type {
    padding-right: 0;
}

.mainform .fw_form_wrapper {
    padding: 30px;
}

.mainform .fw_form_field .fw_form_option {
    margin-right: 20px;
    width: 250px;
    margin-bottom: 15px;
}

.mainform .fw_form_field .fw_form_option:hover {
    cursor: pointer
}

div#testContactDiv .container {
    box-shadow: 0 0 10px rgba(0, 0, 0, 10%);
    margin: 30px auto;
    padding: 30px;
}

// .mainform .fw_form_wrapper {
//     box-shadow: none;
// }

.mainform .fw_form_row.button {
    display: block;
    cursor: pointer;
    width: auto;
    padding: 5px 15px;
    border-radius: 50px;
    // margin-right: 15px;
    float: right;
}

.mainform .fw_form_row.button.next {
    background: var(--primary-color);
}

.mainform .fw_form_row.button.next a.fw_form_submit_link {
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: 27px;
    border: none;
}

.mainform .fw_form_row.button.next a.fw_form_submit_link:hover {
    border: none;
}

.mainform .fw_form_row.button.prev {
    background: #1d1d1d;
    margin-right: 15px;
}

.mainform .fw_form_row.button .fw_form_field {
    display: none;
}

.mainform .fw_form_row.button .fw_form label {
    color: #fff !important;
    text-align: center !important;
}

.mainform .fw_form .fw_form_row .fw_form_field .fw_form_option .fw_form_option_label label {
    line-height: 2
}

.mainform .fw_form .fw_form_row .fw_form_field .fw_form_option .fw_form_sub_field {
    line-height: 2;
}

.mainform .fw_form_option {
    padding: 7px 10px;
    display: inline-block;
    border: 1px solid #E6E6EB;
    line-height: 1 !important;
}

.mainform .fw_form_option .fw_form_option label {
    color: #E6E6EB
}

.mainform .fw_form_row.groupTitle .fw_form_field {
    display: none;
}

.mainform .fw_form_row.col-xs-12 .fw_form_label {
    display: none;
}

.mainform .fw_form {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.mainform .progressBar label {
    display: inline-flex;
    flex-grow: 1;
}

.mainform .progressBar label.done {
    color: var(--primary-color) !important;
    border-bottom: 1px solid var(--secondary-color) !important;
}

.mainform .progressBar label,
.mainform .progressBar label.odd {
    padding-bottom: 5px;
    color: #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    font-weight: 400;
}

.mainform .progressBar.progress1 {
    display: flex;
}

.mainform .fw_form_field_info {
    margin-bottom: 30px;
}

// .mainform .fw_form_row .fw_form_field {
//     padding: 0;
// }

.mainform .fw_form_row.cancelButton {
    width: auto;
    float: left;
    margin-top: 0 !important;
}

.mainform .fw_form_row.cancelButton:hover {
    cursor: pointer;
}

.mainform .formControlTitle .return {
    float: right;
    color: #acacac;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

.mainform .formControlTitle .return:hover {
    cursor: pointer
}

.mainform .fw_form_row.sendForm .fw_form_field {
    display: inline-block;
}

.mainform .fw_form_row.sendForm .fw_form_label {
    display: none;
}

// .mainform .fw_form_submit_link {
//     background-color: transparent;
//     line-height: 24px !important;
//     padding: 0 !important;
// }

.mainform .formControlContent .inside strong {
    min-width: 150px;
    display: inline-block;
}

.mainform .formControlTitle strong {
    font-size: 18px;
    margin-bottom: 15px;
    display: inline-block;
}

.mainform .formControlSubTitle {
    margin-top: 15px;
}

.mainform select {
    color: #000 !important;
    border: 1px solid #e6e6eb !important;
    padding: 5px !important;
    display: block !important;
    height: auto !important;
}

.mainform span#control-error {
    color: #F44336;
    margin-top: 15px;
}

.mainform .fw_mask {
    display: none;
}

.mainform .anders-veld {
    display: none;
}

.mainform .anders-veld.show {
    display: block
}

.fw_form_row.button:hover label {
    cursor: pointer;
}

.mainform .fw_file_upload_iframe .fw_mask {
    display: block;
}

// .mainform .progressBar label {
//     cursor: pointer;
// }

.cancelButton .fw_form_column .fw_form_field {
    transform: translate(0, -30px);
}

.mainform .fw_form_row .fw_form_field input[type=radio] {
    height: 12px;
    width: 12px;
}

@media screen and (min-width:992px) {
    .mainform .col-xl-6 {
        max-width: 50%;
    }
}

@media screen and (max-width:991px) {
    .mainform .col-xl-6 {
        max-width: 100%;
        margin-bottom: 15px;
    }
}

/**/
.reviewrating {
    display: flex;
    float: left;
    width: 30%;
    max-width: 50%;

    .inside {
        display: inline-flex;
        text-align: right;
        float: right;
        justify-content: end;
        width: 100%;
        color: #222222;

        i {
            color: var(--tertiary-color);
            font-size: 12px;
            margin: 0 1px;
            font-style: normal;

            &.fa-regular.fa-star {
                font-family: 'Font Awesome 5 Free';
                font-size: 11px;
            }
        }
    }

    @media only screen and (min-width: 1280px) {
        width: 100%;
    }
}

/* AN */


/**/

/** 27: Reviews **/
.home-reviews {
    padding: 60px 0 250px 0;
    margin-bottom: -100px;
}

.home-reviews .row.reviews-lijst {
    overflow: hidden;
}

.home-reviews .reviews_carousel .card {
    padding: 10px;
}

.home-reviews .reviews_carousel .card .card-body {
    padding: 30px;
    background: #fff;
}

.home-reviews .intro p {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 300;
}

.home-reviews .reviews_carousel .card .card-body .content {
    margin-bottom: 15px;
}

.home-reviews .reviews_carousel .card .card-body .name strong,
.home-reviews .reviews_carousel .card .card-body .name span {
    width: 100%;
    display: block;
}

/*****/

/** 28: Doorlink categorieën **/
.doorlink-categorieen {
    padding: 0 0 80px 0
}

.doorlink-categorieen h4 a {
    text-decoration: none;
    text-transform: uppercase;
}

.doorlink-categorieen h4:hover i {
    color: var(--secondary-color);
}

.doorlink-categorieen img {
    margin-bottom: 20px;
}

@media only screen and (min-width:768px) {
    .doorlink-categorieen.two-col .first {
        padding-right: 10px;
    }

    .doorlink-categorieen.two-col .second {
        padding-left: 10px;
    }
}

/*****/

/** 29: Uitgebreide omschrijving **/
section.uitgebreide-omschrijving {
    padding: 80px 0
}

section.uitgebreide-omschrijving h3 {
    width: 100%;
    display: block;
}

section.uitgebreide-omschrijving:not(.row.content p:empty) .header h3 {
    margin-bottom: 0;
}

section.uitgebreide-omschrijving .row.content:not(.row.content p:empty) {
    margin-top: 30px !important;
}

section.uitgebreide-omschrijving strong {
    font-family: var(--font-rubik);
    font-size: 18px
}

@media only screen and (min-width:768px) {
    section.uitgebreide-omschrijving .first {
        padding-right: 20px;
    }

    section.uitgebreide-omschrijving .second {
        padding-left: 20px;
    }
}

/*****/

/*** footer ***/

// .footer-2 .scroll_top:before {
//     content: "\f062";
//     font-family: 'FontAwesome';
//     font-size: 18px;
//     color: #fff;
//     transform: unset;
//     margin: -12px 0 0 -8px;
//     border-top: unset !important;
//     border-right: unset !important;
// }

// .footer-bvdo {
//     border-top: 5px solid var(--secondary-color);
// }

// .footer-2.nr1 .bottom {
//     font-family: var(--font-lato);
//     font-size: 14px;
//     color: #1d1d1d;
// }

.footer-2.nr1 .bottom a {
    margin-right: 40px;
}

footer .cta-top.bottom a:hover {
    color: var(--primary-color) !important;
}

// .footer-bvdo a.fw_form_submit_link {
//     float: right;
//     text-transform: none;
//     letter-spacing: 1px;
// }

// .footer-2.nr1 .fw_form input[type=email] {
//     background: 0 0;
//     border: 1px solid #e6e6e6;
//     color: #bdbdbd;
//     padding: 0 10px;
//     height: 40px;
//     width: 100%;
// }

// .footer-2.nr1 .fw_form input::placeholder {
//     color: #bdbdbd;
// }

// .footer-2.nr1 .fw_form .fw_form_submit_link {
//     border: none;
//     float: right;
// }

// .cm-nieuwsbrief-footer button.fw_form_submit_link {
//     margin-top: 15px;
// }

/*** Specs Tabs ***/
.specs.upper-gray-wave {
    padding: 40px 0 80px 0;
    margin-top: 40px;
}

.specs.upper-gray-wave::after {
    display: none
}

.specs_tabs {
    scroll-margin-top: 120px;

    h2 {
        text-align: center;
    }

    .wrapper {
        margin: 30px auto;
        width: 100%;
    }

    .tabs {
        display: flex;

        li {
            flex-grow: 1;
            flex-direction: row;
            text-align: center;
            // border-bottom: 5px solid var(--primary-color);
            margin-right: 5px;
            max-width: 25%;

            &:last-of-type {
                margin-right: 0;
            }

            &:empty {
                display: none;
                margin-bottom: 0;
            }
        }

        a {
            display: block;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            color: #fff;
            padding: 20px 0;
            height: 100%;
            font-weight: 700;
            font-size: 16px;
            // background: #acacac;
            background: var(--darkgray-color);
            // border-right: 5px solid #fff;

            &:empty {
                display: none;
                margin-bottom: 0;
            }

            &:hover {
                background: #024FA8cc;
                // color: #fff;
            }

            &.active {
                background: var(--tertiary-color);
                // color: #fff;
                height: 100%;
            }
        }
    }

    .tabgroup {
        padding: 30px;
        border-top: 5px solid var(--tertiary-color);
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
        background: #fff;
    }

    #tab1 .row,
    #tab2 .row,
    #tab3 .row,
    #tab4 .row {
        display: inline-flex;
    }

    #tab1 .row.inblock,
    #tab2 .row.inblock,
    #tab3 .row.inblock,
    #tab4 .row.inblock {
        display: inline-block;
    }

    #tab2 img,
    #tab2 .row {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    td {
        padding-bottom: 3px;
    }

    @media only screen and (min-width:1024px) {
        .tabs li a {
            font-size: 16px;
        }
    }

    @media only screen and (max-width:767px) {
        .tabs {
            display: grid
        }

        .tabs li {
            border-bottom: none;
            margin-bottom: 5px;
            margin-right: 0;
            max-width: 100%;
        }

        .tabs a {
            border-right: none;
            height: 100%;
            padding: 10px 0;
            border-radius: 0;
        }

        .tabs a:not(.active) {
            box-shadow: unset;
        }

        #tab2 .col-md-6 {
            width: 100%;
        }

        li a:empty,
        li:empty {
            margin-bottom: 0;
        }
    }
}

/* specifiek voor inhoud */

@media only screen and (min-width:768px) {
    section.tabgroup .row.pext-daksystemen .col-md-2 {
        min-width: 20%;
    }
}

.specs_tabs #tab2 .opties-dak img {
    height: auto;
    margin-bottom: 5px;
}



/* // */

/*** OWL carousel algemeen ***/
.owl-nav {
    div {
        position: absolute;
        top: 50%;
        width: 36px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 23px;
        font-family: 'FontAwesome';
        margin-top: -20px;
        color: var(--secondary-color);
    }

    .owl-prev {
        left: -28px;
    }

    .owl-next {
        right: -28px;
    }

}

.owl-nav div.owl-prev {
    left: -28px;

    &:before {
        content: "\f0d9";
        font-size: 50px;
        position: relative;
        top: -1px;
        right: 0;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #fff;
    }
}

.bg_primary .owl-nav div {
    background-color: var(--secondary-color);
}

/* AN */
.owl-nav div.owl-next:before {
    content: "\f0da";
    font-size: 50px;
    position: relative;
    top: -1px;
    left: 1px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
}

/* AN */


/** algemene responsive optimalisaties **/
// @media only screen and (min-width:1024px) {
//     .nav_main .fw_subs_wrapper .fw_subs_wrapper {}
// }

@media only screen and (min-width:1024px) and (max-width:1279px) {
    body.scrolled .search_icons {
        right: 40px !important
    }
}
@media only screen and (max-width: 1023px) {
    .scroll_wrapper {
        display: none;
    }

    .footer-2.nr1 .footer_mobile {
        .box {
            padding: 0
        }

        a {
            font-size: 12px;
        }

        img {
            max-width: 20px
        }
    }

    .nav_main .fw_subs_wrapper .fw_subs_wrapper {
        position: relative;
        left: unset;
        top: unset;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:767px) {
    .usp-row {
        display: block !important;

        .usp-line .usp:first-of-type,
        .usp-line .usp:last-of-type {
            display: none;
        }
    }

    h2 {
        font-size: 24px;
    }

    .mainform .progressBar label {
        font-size: 8px;
    }

}

@media only screen and (max-width:399px) {
    .mainform .progressBar label {
        width: 100%;
        display: inline-block;
    }

    .mainform .progressBar label {
        font-size: 6px;
    }
}

/*** changes specific page ***/
/*disclaimer - privacy */
.page-510,
.page-511 {
    .content-1col .content ul li:before {
        content: "-";
        color: #1d1d1d;
    }
}

/* overkappingadviseurs */

.page-254 {

    .content-3blokken .bg_primary,
    .content-3blokken .bg_light_grey {
        height: 100%;
    }

    .content-3blokken .row-detail {
        align-items: stretch;
    }
}

/*campagne pagina's*/
// september 2023
.page-748 .banner-offer {
    padding: 20px 0;
}

.page-748 .banner-offer a.fw_button {
    display: none;
}

// tuinkamer 10-daagse
.page-749 .content-1col.bg_primary h2 {
    margin-bottom: 0;
}

/*** selectors op inhoud ***/
/* offerteknop */
a.fw_button[href*="offerte"] {
    background-color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    
    &:hover {
        background-color: #fff;
        border: 2px solid var(--secondary-color);
        color: #1d1d1d;
    }
}

.bg_secondary {
    a.fw_button[href*=offerte],
    a.fw_button[href*=offerte]:hover {
        border-color: #fff;
    }
}

.intro {
    font-size: 16px;
}

p.sub-bold {
    font-weight: 700;
    margin-bottom: 0.25em;
}

.scroll-margin {
    scroll-margin-top: 120px;
}

/*** Lists ***/
/* General */
/* Moet deze in global? */
ul,
ol {
    display: inline-block;
    text-align: left;
    list-style: none;
    margin-bottom: 1rem;
}

ul li,
ol li {
    padding-left: 20px;
    position: relative;
    margin: 0;
}

ul li {
    display: block;
    
    &:before {
        content: "\f058";
        font-family: FontAwesome;
        color: var(--primary-color);
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* Specific */
/* Deze moeten niet in global */
.header_main ul {
    margin-bottom: 0;
}

.nav_main li:before,
.breadcrumb-1 ul li:before {
    // content: ""
    display: none;
}

.breadcrumb-1 ul li {
    padding-left: 0;
}

.team_slider .list_filter {
    ul {
        margin-bottom: 0;

        li {
            padding-left: 0;

            &:before {
                content: "";
            }
        }
    }
}

.type-usp ul li:before {
    color: var(--tertiary-color);
}

.specs_tabs {
    ul {
        margin-bottom: 0;
        
        li {
            padding-left: 0;
            
            &:before {
                display: none;
            }
        }
    }

    .tabgroup {
        ul li {
            padding-left: 20px;
            
            &:before {
                display: block;
            }
        }
        
        h4 {
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
        }
    }
}

ul.sidebar_news li:before {
    display: none;
}

// nog logische plek zoeken
.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .card .item h4 {
        color: #484d6d;
    }
}

.bg_primary,
.bg_secondary,
.bg_dark_grey,
.bg_black {
    .card .item p:not(:first-of-type),
    .card .item p:not(:first-of-type) a {
        color: #1d1d1d;
    }
}

.page-477 .breadcrumb {
    display: none;
}

a.transparent-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    text-indent: -99999999px;
    background: transparent;
    height: 100%;
    width: 100%
}

@media only screen and (min-width:1730px) {
    section.banner-persoonlijkadvies.lower-white-wave::after {
        bottom: -35px;
        height: 230px;
    }
}

@media only screen and (min-width:1998px) {
    section.banner-persoonlijkadvies.lower-white-wave::after {
        bottom: -43px;
        height: 265px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1279px) {
    .header_main_inner.top .container {
        width: 1128px
    }
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .header_main.nr1 .nav_main a {
        padding-right: 5px;
    }
}

@media only screen and (min-width:1024px) {
    .mobile-search {
        display: none !important;
    }

    #page.searching .search_form .mobile-search {
        display: none !important;
    }

    .header_main_inner.top .row {
        max-height: 111px;
    }
}

@media only screen and (max-width: 1023px) {
    .footer-2.nr1 .bottom a {
        margin-right: 20px;
    }

    .footer-2.nr1 .bottom a:last-of-type {
        margin-right: 0;
    }

    section#projects .project-row .col:last-of-type {
        display: none;
    }
    
    .block-product_types .bvt-right {
        padding: 0;
    
        .bvt-text {
            margin-top: 30px;
            margin-bottom: 30px;
        }
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    footer .main .col.col-xs-6.col-md-12.col-lg-3 {
        margin: auto;
        text-align: center;
    }

    footer .main .col:first-of-type .text p a img {
        max-width: 200px;
        margin: auto;
    }
}

@media only screen and (max-width:991px) {
    .product-hero,
    .product-hero .image {
        min-height: unset;
        max-height: 450px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    section.home-overons .showroom .card:first-of-type {
        margin-right: 30px;
    }

}

@media only screen and (max-width:767px) {
    body.nav_open .mail-header .title {
        font-size: 14px;
    }

    body.nav_open .mobile_topbar p {
        padding-left: 0;
    }

    body.nav_open .icon_nav {
        position: absolute;
        top: 45px;
        right: 0;
    }

    body.nav_open .icon_nav.active i {
        top: 0;
    }

    body.nav_open .icon_nav.active i:before {
        top: 0 !important;
        bottom: 0 !important;
    }

    body.nav_open .icon_nav.active i:after {
        top: 0 !important;
        bottom: 0 !important;
    }

    .hero-slider.nr1 .royalSlider .fw_rs_sub_title {
        margin-bottom: 0;
    }

    .hero-slider .royalSlider a.fw_button {
        margin-top: calc(0px);
    }

    a[class^=fw_button]+[class^=fw_button] {
        margin-left: calc(0px);
    }

    section.main_cat-carousel .owl-carousel .owl-stage {
        margin-left: 0;
    }

    section.main_cat-carousel .owl-item {
        height: unset;
    }

    section.main_cat-carousel .owl-item:not(.active) {
        align-self: baseline;
    }

    section.home-overons .showroom .card {
        /* max-width: 45%; */
        display: inline-flex;
    }

    /* section.home-overons .showroom .card:first-of-type {margin-right: 30px;} */
    section.upper-gray-wave::after {
        z-index: 0;
    }

    section.downloads .container {
        z-index: 1
    }

    section#projects .project-row .col:first-child {
        padding-left: 15px;
    }

    .hero-slider.nr1 .royalSlider .fw_rs_title {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 28px;
    }

    p a.fw_button:first-of-type {
        margin-right: 20px
    }

    .home-overons .content {
        margin-bottom: 30px
    }

    .home-reviews .reviews_carousel .card {
        padding: 0;
        margin-top: 30px;
    }

    .pitch-sectie .button-wrapper {
        margin-bottom: 30px
    }

    .pitch-sectie .button-wrapper a:first-of-type {
        margin-right: 20px
    }

    .category-hero .button-wrapper {
        display: grid;
    }

    .category-hero .button-wrapper a.fw_button {
        display: block;
    }

    .category-hero .button-wrapper a,
    .content-product-hero .button-wrapper a {
        margin-right: 0 !important;
    }

    a.cookiebtn {
        background: var(--primary-color);
        width: 30px;
        height: 30px;
        display: block;
        border-radius: 50%;
        position: fixed;
        bottom: 70px;
        z-index: 990;
        left: 25px;
    }

    a.cookiebtn svg {
        color: #fff;
        width: 16px;
        margin: auto;
    }
}

@media only screen and (max-width:579px) {
    body.nav_open .mail-header p {
        display: none;
    }

    body.nav_open .mail-header:before {
        height: inherit;
        font-size: 30px;
    }

    .mobile_topbar .col.mail {
        padding-left: 30px;
    }
}

@media only screen and (max-width:499px) {
    .home-reviews {
        padding: 60px 15px 250px 15px;
    }

    .banner-persoonlijkadvies {
        padding: 80px 15px 200px 15px
    }

    .footer-2.nr1 .bottom a {
        margin-right: 0;
    }

    footer .cta-top.bottom a {
        letter-spacing: 0;
    }

    .doorlink-categorieen {
        padding: 0 15px 80px 15px;
    }

    section.uitgebreide-omschrijving {
        padding: 80px 15px;
    }

    main a.fw_button {
        min-width: 200px;
    }
}

.hero-basic.category-hero.nr1 .button-wrapper a {
    display: block;
    margin: 0;

    &:nth-of-type(2) {
        margin-top: 10px;
    }

    @media only screen and (min-width:768px) {
        display: inline-block;

        &:nth-of-type(2) {
            margin-top: 0;
            margin-left: 10px;
        }
    }
}

@media only screen and (min-width: 768px) {
    .fw_form_row.width {
        width: 49%;
    }

    /* 3 specificatievelden, geen levertijd */
    .fw_form_fieldset :nth-child(1 of .fw_form_row.width),
    .fw_form_fieldset :nth-child(3 of .fw_form_row.width) {
        float: left;
    }

    .fw_form_fieldset :nth-child(2 of .fw_form_row.width),
    .fw_form_fieldset :nth-child(4 of .fw_form_row.width) {
        float: right;
    }

    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(2 of .fw_form_row.width),
    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(2 of .fw_form_row.width)+ :nth-child(3 of .fw_form_row.width)+ :nth-child(4 of .fw_form_row.width),
    .fw_form_fieldset .fw_form_row.width.hide+.fw_form_row.width.hide+.fw_form_row.width.hide+ :nth-child(4 of .fw_form_row.width),
    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(3 of .fw_form_row.width)+ :nth-child(4 of .fw_form_row.width),
    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(4 of .fw_form_row.width) {
        float: left;
    }

    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(2 of .fw_form_row.width)+ :nth-child(3 of .fw_form_row.width),
    .fw_form_fieldset .fw_form_row.width.hide+ :nth-child(3 of .fw_form_row.width) {
        float: right;
    }

    a.cookiebtn {
        background: var(--primary-color);
        width: 44px;
        height: 44px;
        display: block;
        border-radius: 50%;
        position: fixed;
        bottom: 40px;
        z-index: 990;
        left: 25px;
    }

    a.cookiebtn svg {
        color: #fff;
        width: 20px;
        margin: auto;
    }
}

// ***** Specifieke Pagina's *****
// Verasol Linea
.page-795 {
    //lege omschrijving verbergen
    .options-acc + .bg_light_grey.upper-big-gray-wave.no-lower-wave {
        display: none;
    }

    //niet bekend wat het gevolg is als onderstaand voor alle specs wordt doorgevoerd
    .specs_tabs {
        ul {
            margin-bottom: 1rem;
        }

        .tabgroup table {
            thead {
                width: 100%;
                display: flex;
            }
 
            tr {
                width: 100%;
                display: flex;
            }

            th,
            td {
                width: 50%;
            }

            td {
                padding-left: 0;
                padding-right: 0;
            }
        }
        
        #tab2 img {
            height: unset;
            width: unset;
            object-fit: unset;
        }

        #tab3 ul li:before {
            content: "•";
            top: 3px;
            left: 8px;
        }
    }
}
/* VIDEO HEADER */
body.pageid-797 .custom-hero-video-vimeo .block-video::after { /*home testpagina*/
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
}

.custom-hero-video-vimeo {
    margin-top: 0px;
    height: 750px;
    overflow: hidden;
    width: 100%;
    z-index:0;
    position: relative;
    align-content: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -webkit-align-items: stretch;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    margin-top: 0px;
    .box {
    	position:absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 10;
	    align-content: center;
		transform: translate(0px, -30px);
	    .inside {
			    justify-items: center;
			    margin: auto;
			    text-align: center;
			    .sub_title {
			    	text-shadow: 0 3px 6px rgba(0, 0, 0, 0.47);
				    text-decoration: none;
				    text-transform: uppercase;
				    color: #fff;
			        margin-bottom: 20px;
			        font-weight: 500;
			        -ms-animation: slideFromLeft 1s both .2s;
				    -webkit-animation: slideFromLeft 1s both .2s;
				    -moz-animation: slideFromLeft 1s both .2s;
				    -o-animation: slideFromLeft 1s both .2s;
				    animation: slideFromLeft 1s both .2s;
			    }
			    .title, .title h1 {
		    		text-align: center;
    				text-shadow: 0 3px 6px rgba(0, 0, 0, 0.47);
		    		color: #fff;
				    font-weight: 900;
				    text-decoration: none;
				    text-transform: uppercase;
			        margin-bottom: 20px;
			        -ms-animation: slideFromLeft 1s both 0s;
				    -webkit-animation: slideFromLeft 1s both 0s;
				    -moz-animation: slideFromLeft 1s both 0s;
				    -o-animation: slideFromLeft 1s both 0s;
				    animation: slideFromLeft 1s both 0s;
			    }
			    .text {
			    	-ms-animation: slideFromBottom 1s both .5s;
				    -webkit-animation: slideFromBottom 1s both .5s;
				    -moz-animation: slideFromBottom 1s both .5s;
				    -o-animation: slideFromBottom 1s both .5s;
				    animation: slideFromBottom 1s both .5s;
				    .button {
				    	letter-spacing: 1px;
						margin-right: 20px;
		    			margin-bottom: 15px;
				    }
				    .fw_button_alt {
				    	border: 2px solid #fff;
					    background-color: transparent;
					    margin-right: 25px;
				    }
			    }
			}
    }
}
.custom-hero-video-vimeo .block-video {
    bottom: 0;
    /*display: none;*/
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.custom-hero-video-vimeo .block-video .block-video-inner {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.custom-hero-video-vimeo .block-video .block-video-inner iframe {
    display: block;
    /*left: -2px;*/
    position: absolute;
    top: 35%;
    /*transform: translate(0%, -50%);*/
    width: 102%;
    height: 200%;
}

@media (min-width:1930px) {
	.custom-hero-video-vimeo .block-video .block-video-inner iframe {
		height:240%;
	}
}
@media (min-width:1024px) {
	.custom-hero-video-vimeo {
		.box {
			.inside {
			    .sub_title {
				    font-size: 24px;
			        line-height: 120%;
			    }
			    .title {
			    	h1 {
					    font-size: 65px;
				        line-height: 70px;
			    	}
			    }
			}
		}
	}
}
@media (min-width:768px) {
    .custom-hero-video-vimeo .inner {
        min-height: 360px;
        min-height: 70vh;
        padding: 100px 0 100px;
    }
    .custom-hero-video-vimeo    iframe {
		left: -2px;
		/*transform: translate(-0%, -50%);*/
		transform: translate(0%, -50%) scale(1.2);
	}
}
@media (min-width:768px) and (max-width: 970px) {
	.custom-hero-video-vimeo {
		height:400px;
	}
}
@media (max-width: 767px) {
	.custom-hero-video-vimeo {
		height:350px;
		.box {
			.inside {
				padding: 40px 20px;
			    .sub_title {
				    font-size: 14px;
			        line-height: 30px%;
			    }
			    .title, .title h1 {
				    font-size: 20px;
			        line-height: 24px;
			    }
			    .button {
	    			margin-right: 0px!important;
			    }
			    .fw_button_alt {
				    margin-right: 0px!important;
			    }
			}
		}
		iframe {
			left:50%;
			transform: translate(-50%, -50%);
		}
	}
}
/* // VIDEO HEADER */