:root {
    --groen:#26583A;
	--lichtgroen:#E6D3AC;
 }
  
a:active,a:focus {
	text-decoration:none !important;
}

html, body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Montserrat', sans-serif;
    background: #FFFFFF;
    padding:0px;
	margin:0px;
}

body{
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-size: cover;                                                                                     
    -o-background-size: cover;
}

.wrapper{ 
    z-index: 1;
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: auto;
    -webkit-box-flex: 1; 
        -ms-flex: 1 0 auto; 
            flex: 1 0 auto;
    position: relative;}

    .wrapper.page-gallery{ 
        z-index:inherit;}

/** > *:last-child{
    margin-bottom: 0;}*/

:root {
    --animate-delay: 0.3s;
    --animate-duration: 0.75s;}

img {
    position: relative;
    max-width: 100%;
    height: auto;}

#keukenKiezer {
	display:flex;
}

#pdf, #pdf1, #pdf2 {
	display:block;
	letter-spacing: 0.01px;
}

.contain{object-fit: contain;}
.cover{object-fit: cover;}
.bglichtgroen{background: rgba(113, 168, 80,0.3);}
.bglichtgrijs{background: rgba(0,0,0,0.05);}

.imglijn{position: relative;}
.imglijn:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -15px;
    top: -15px;
    border:2px solid rgba(113, 168, 80, 0.2);}

.steps_container {
	padding-left:30px; padding-bottom:10px; font-size:22px; margin-top:30px; width:70%; float:left;
}

.steps_container_sub {
	padding-bottom:10px; font-size:22px; width:100%; border-bottom:1px solid #707070; float:left;
}
.pcont{
    max-width: 1280px;
    margin: 0 auto;}

.vcenter{
    justify-content: center;}

.grid{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    display: grid;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 1280px;
    grid-template-columns: repeat(16, minmax(0, 1fr));}

.jarallax {
    position: relative;
    min-height: 100px;
    z-index: 0;}

    .jarallax > .jarallax-img {
        position: absolute;
        object-fit: cover;
        /* support for plugin https://github.com/bfred-it/object-fit-images */
        font-family: 'object-fit: cover;';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;}


/* ------------------------- GRID LINES ------------------------- */
.guides-container {
    pointer-events: none;
    z-index:0;
    position: fixed;
    display: grid;
    grid: 1fr / repeat(8, 1fr);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1280px;}

    .guide, .guides-container:after{
        width: 1px;
        background: linear-gradient(180deg, rgba(41, 37, 36, 0.1), rgba(41, 37, 36, 0.1) 50%, transparent 0, transparent );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(41, 37, 36, 0.1)), color-stop(50%, rgba(41, 37, 36, 0.1)), color-stop(50%, transparent), to(transparent));
        background-size: 1px 8px;
        background-repeat: repeat-y;}

        .guides-container:after{
            content: '';
            position: absolute;
            right: 0;
            height: 100%;}

header{
    background: var(--groen);
    position: sticky;
    top: 0;
    width: 100%;
    z-index:10;    
    transition-timing-function: ease-in-out;
    transition: top 1s;}


.navmsgwrap{
    display: flex;
    background: #26583A;
    color: #FFF;
    padding: 15px;
    width: 100%;}

    .navmsg{
        width: 100%;
        max-width: 1280px;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        display: flex;}

    .navmsg .material-icons{
        font-size: 1.3em;
        margin-right: 15px;}


/* ------------------------- NAV ------------------------- */
.nav-up {top: -100%;}

.show .navmsgwrap{display: flex; transform: translateY(0%); margin-bottom: 0}
.nav-down .navmsgwrap, .nav-up .navmsgwrap{display: none; transform: translateY(-100%); margin-bottom: -100%;}

	.navigeer_links {width:20%; float:left;}

	.navigeer_rechts {width:20%; float:right;}
	
	.navigeer_midden {display:block; float:left; padding-left:12%;}
		
nav{
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    display: grid;
    z-index: 10;
    max-width: 1280px;
    margin: 0 auto;
    grid-template-columns: repeat(16, minmax(0, 1fr));}


    .navlogo{
        display: flex;
        justify-content: center;
        grid-column: span 2/span 2;}

        .navlogo img{
            padding: 10px;
            height: 75px;
            width: 75px;
            max-width: none;}

    .navigatie{
        grid-column:3 / 9;}

        .navigatie ul{
            display: grid;
            grid-template-columns: repeat(6, minmax(0, 1fr));
            margin: 0;
            padding: 0;
            height: 100%;
            list-style:none;}

            .navigatie ul li{
                position: relative;
                display: flex;
                border-left:1px solid rgba(41, 37, 36, 0.1);
                align-items: center;
                padding: 0;
                grid-column: span 2/span 2;}

                .navigatie ul li:last-child:after{
                    position: absolute;
                    right: -1px;
                    top: 0;
                    height: 100%;
                    content: '';
                    border-right:1px solid rgba(41, 37, 36, 0.1);}

            .navigatie ul li a{
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                padding: 15px 30px;
                font-size: 0.8em;
                font-weight: 600;
                text-transform: uppercase;}

                .navigatie ul li a:hover{
                    color: #26583A;
                    text-decoration: none;}

        .navcta{
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-right: 30px;
            grid-column-start: 13;
            grid-column-end: 17;}

            .navcta .button{
                align-self: center;
                font-size: 0.8em;
                font-weight: 600;}

    .button{
        position: relative;
        align-self: flex-start;
        align-items: center;
        padding: 10px 15px;
        display: flex;
        background: #26583A;
        border:2px solid #26583A;
        color: #fff;
        text-transform: uppercase;}

        .button:hover{
            color: #26583A;
            text-decoration: none;
            background: #FFFFFF;}

            .button.inverted{
                background: none;
                padding: 0;
                color: #000;
                font-weight: 600;
                border:0;}

                .button.inverted::after {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    right: 0;
                    width: 0;
                    bottom: -5px;
                    background: #26583A;
                    height: 2px;
                    transition-property: width;
                    transition-duration: 0.3s;
                    transition-timing-function: ease-out;}

                    .button.inverted:hover:after,
                    .button.inverted:focus:after,
                    .button.inverted:active:after {
                          left: 0;
                          right: auto;
                          width: 100%;}

            .button .material-icons{
                font-size: 1em;}            

                .button > span.material-icons:first-child{
                    margin-right: 15px;}

                .button > span.material-icons:last-child{
                    margin-left: 15px;}

.sectie{
    display: grid;
    width: 100%;
    margin: 120px 0;
    grid-row-gap:calc(45px);
    grid-template-columns: repeat(16, minmax(0, 1fr));}

    .smm{
        margin: -120px 0 0!important;}

.grid15{
    grid-template-columns: repeat(15, minmax(0, 1fr));}

.span3{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-column: span 3/span 3;}

.span4{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-column: span 4/span 4;}

.span8{
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    grid-column: span 8/span 8;}

.sectie .content{
    padding: calc(2.5vw + 45px) 30px;}

.p30{
    display: flex;
    flex-direction: column;
    padding: 30px;}

.mcb{
    margin-bottom: 30px;
    width:calc(100% / 3 * 2 + 60px);}

.ga{
    justify-content: center;
    flex-direction: column;
    display: flex;
    flex: 1 1 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;}

    .jc-fxe{
        justify-content: flex-end;}


    .g1-12{
        grid-column-start: 1;
        grid-column-end: 12;}

    .g1-17{
        grid-column-start: 1;
        grid-column-end: 17;}

    .g1-9{
        grid-column-start: 1;
        grid-column-end: 9;}

    .g4-14{
        grid-column-start: 4;
        grid-column-end: 14;}

    .g3-17{
        grid-column-start: 3;
        grid-column-end: 17;}

    .g9-17{
        grid-column-start: 9;
        grid-column-end: 17;}

    .g12-17{
        grid-column-start: 13;
        grid-column-end: 17;}


.logoblokken{}

    .logoblokken img{
        width: 75%;
        margin-bottom: 20px;
        height: auto;}

    .logoblokken p{
        font-size: 0.9em;}

.intro{}

    .intro .jarallax{
        min-height: 50vh;
        margin-right: calc(100% / 8);}

.titleblok{
    margin: 60px 0;}

    .titleblok h3{
        text-align: center;
        font-size: 3em;
        color: #26583A;}

.videosectie{
}

    .videosectie > div{
        justify-content: center;}

    .videosectie h2{
        font-size: 4em;}

    video{
        flex: 1;
        align-self: center;
        object-fit: contain;
        width: 100%;}

.usp{
    padding: 30px 0;}

    .usp h3{}

    .usp p{
        color: #26583A;}

    .usp img{
        max-width:30px;
        margin-bottom: 15px;
        height: auto;}


.catalogus{
}

    .catalogus > div{
        justify-content: center;}

    .catalogus h2{
        font-size: 4em;}

    .imgcontainer{
        position: relative;
        background: rgba(0,0,0,0.05);
        padding: 90px;}

        .legenda{
            filter:drop-shadow(0 5px 5px rgba(0,0,0,0.1));
            position: absolute;
            top:-30px;
            right: 45px;
            border-radius: 5px;
            z-index: 30;
            background: #FFF;
            align-self: flex-end;}

            .legenda ul{
                padding: 0;
                margin: 0;
                list-style: none;}

                .legenda ul li{
                    margin: 0;
                    padding: 20px 20px 20px 0px;
                    list-style: none;}

                .legenda ul li span{
                    padding: 20px;
                    list-style: none;}

.awards{
    display: flex;}

    .awards-logo{
        width: 50%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;}
        
        .al-group{
            margin-bottom: 5px;}

            .al-group img{
                height: 30px;
                width:auto;}

    .awards-txt{
        margin-left: 60px;
        width: 50%;}

.awards select {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 15px;
    width: calc(50% - 21px);
    position: relative;
    -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    align-self: flex-end;
    background: #FFF url(../images/expand.svg) top 50% right 15px no-repeat}

.gallery{
}

    .gallery > div{
        justify-content: center;}

    .gallery h2{
        font-size: 4em;}

        .briefcontainer{
            padding: 30px;
            width: 100%;
            justify-content:space-around!important;
            display: flex;
            flex-direction: row;}

            .kleurblokken{
                display: flex;
                flex-direction: column;}

                .kleurblokken > span{
                    display: block;
                    border-radius: 30px;
                    width: 45px;
                    height: 45px;}        

                    .kleurblokken > span + span{
                        margin-top: 5px;}

                    .kb-1{background: #26583A;}
                    .kb-2{background: #000;}
                    .kb-3{background: rgba(113, 168, 80, 0.5);}
                    .kb-4{background: rgba(0, 0, 0, 0.2);}

                .brief{
                    width: 60%;
                    border-radius: 10px;
                    font-size: 0.8em;
                    color: rgba(0,0,0,0.2);
                    padding: 30px;
                    margin: 0 30px;
                    background: #FFF;}

                    .brief p{
                        margin: 0 0 5px 0;}                    

                    .brief img{
                        opacity: 0.2;
                        margin: 0 5px 5px 0;
                        height: 15px;
                        width: auto;}

                    .brief span{
                        background: rgba(0,0,0,0.05);
                        display: block;
                        height:3px;
                        margin-bottom: 8px;
                        border-radius: 5px;}
                        
                        .brief > div > span:nth-of-type(2){
                            margin-bottom: 20px;}

                        .brief i{display: block; line-height: 0;}
                        .brief span.br-ls{width: 20px; margin-right: 10px; display: inline-block;}
                        .brief span.rw1{width: 80%;}
                        .brief span.rw2{width: 50%;}
                        .brief span.rw3{width: 40%; display: inline-block;}
                        .brief span.rw4{width: 70%; display: inline-block;}

                .scherm{
                    position: absolute;
                    bottom: -30px;
                    width: 60%;
                    left:0;
                    right: 0;}

.voornacontainer{
    margin: 0 60px;
    padding: 60px;
    /*background: rgba(0,0,0,0.03);*/}

    .vnctw{
        margin-bottom: 30px;
        width: 45%;}
    
        .vn-wrapper{
            position: relative;
            width: 100%;}

            .vn-afbeelding{
                width: 100%;}

            .quote{
                border-radius: 10px;
                width: 50%;
                position: absolute;
                left: -30px;
                z-index: 1000;
                bottom: -30px;
                background: #FFF;
                padding: 30px;}

                .qt p{
                    margin-bottom: 15px;
                    font-family: 'Noto Serif JP', serif;}

                .qtp{
                    align-items: center;
                    display: flex;}

                    .qtp .pf{
                        height: 40px;
                        width: 40px;
                        overflow: hidden;
                        margin-right: 10px;
                        border-radius: 100px;}

                    .qtp .pt{
                        color: rgba(0,0,0,0.4);}

                        .qtp .pt .nm{font-size: 1em; display: block;}
                        .qtp .pt .lc{font-size: 0.9em;}

.fixedgallery{
    position: relative;}

    .fixedgallery .fxg-1{
        position: relative;
        margin-bottom: 30px;
        width: 100%;}

    .fixedgallery .fxg-3{
        position: relative;
        justify-content: space-between;
        margin-bottom: 30px;
        display: flex;}

        .fixedgallery .fxg-3 > div{
            min-height: 200px;
            width: calc(100% / 3 - 20px);}

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

    .fixedgallery .fxg-2x2{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 30px;}

        .fixedgallery .fxg-2x2 > div{
            position: relative;}

            .fixedgallery .fxg-2x2 > div:after {
              content: '';
              display: block;
              padding-bottom: 100%;}

                .fixedgallery .fxg-2x2 img{
                    position: absolute;}

    .fxg-r1-2-r1{
        display: grid;
        grid-template-areas:"img1 img2" "img1 img3" "img4 img4";
        grid-gap: 30px;}

        .fxg-r1-2-r1 > div{
            min-height: 150px;
            position: relative;}

        .fxg-r1-2-r1 img{
            position: absolute;}

            .fxg-r1-2-r1 > div:nth-child(1){grid-area:img1;}
            .fxg-r1-2-r1 > div:nth-child(2){grid-area:img2;}
            .fxg-r1-2-r1 > div:nth-child(3){grid-area:img3;}
            .fxg-r1-2-r1 > div:nth-child(4){grid-area:img4;}

.keukentekening{
    display: flex;
    flex-direction: column;}

    .keukentekening > div{
        display: flex;
        font-size: 0.9em;
        padding: 15px;
        color: rgba(0,0,0,0.3);
        flex-direction: column;
        align-self: flex-end;}

        .keukenpv{
            width: 100%;
            justify-content: space-around;
            display: flex;}
    
            .kpv1, .kpv2{
                justify-content: flex-end;
                flex-direction: column;
                display: flex;}

                .kpv1 > span:first-child, .kpv2 > span:first-child{
                    font-size: 5em;
                    font-family: 'Noto Serif JP', serif;}

                .kpv1 > span:last-child, .kpv2 > span:last-child{
                    color:rgba(0,0,0,0.3);}

                .kpv2 > span:first-child{
                    font-size: 3em;
                    color:rgba(0,0,0,0.3);}

.recpro{
    }

    .rp-tbar{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;}
    
        .rp-tbar h2{
            margin: 0;}

    .rpowl{
        position: relative;
        z-index: 0;
        background: #FFF;
        width: 100%;
        height: 100%;
        margin-bottom: 15px;
        display: flex;}

        .owl-carousel{
            display: flex;
            position: relative;
            width: 100%;
            height: 100%;}

            .owl-carousel .owl-stage-outer{
                height: 100%;}

                .owl-carousel .owl-stage {
                    display: flex;
                    height: 100%;}

                    .owl-carousel .owl-stage .owl-item{
                        display: flex;
                        height: 40vh;}

                    .owl-carousel .owl-item > div{
                        position: relative;
                        width: 100%;
                        display: flex;}

                    .owl-carousel .owl-item img{
                        height: 100%;
                        width: 100%;
                        object-fit: cover;}

                    .owl-dots{
                        position: absolute;
                        text-align: center;
                        bottom: 0;
                        z-index: 5;
                        left: 50%;
                        transform: translateX(-50%);}

                        .owl-dot span{
                            width: 8px;
                            display: block;
                            height: 8px;
                            margin: 5px;
                            background: #FFF;
                            border: 2px solid #FFF;
                            border-radius: 15px;}

                        .owl-dot.active span{
                            background: none;
                            border-color: #FFF;}
    
                .owl-nav{
                    display: flex!important;
                    position: absolute;
                    top:50%;
                    transform: translateY(-50%);
                    pointer-events: none;
                    width: 100%;
                    justify-content: space-between;}

                .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
                    background: rgba(255,255,255,0.7);
                    padding: 5px!important;
                    margin: 0 15px;
                    border-radius: 100px;
                    display: flex;
                    pointer-events: all;}

        .rpdet-wrapper{
            z-index: 20;
            padding: 0 90px 90px;}

            .rpdet{
                color: #FFF;
                padding: 60px 45px;
                position: relative;
                display: flex;
                z-index: 20;
                margin-top: -30px;
                background: #26583A;}

                .rpdet .ontmoet{
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    width: 50%;}

                    .ontmoet h3{
                        margin-bottom: 30px;}

                    .ontmoet ul{
                        list-style: none;
                        margin: 0;
                        padding: 0;}

                        .ontmoet > ul li{
                            display: flex;}

                            .ontmoet > ul li + li{
                                margin-top: 10px;}

                            .ontmoet > ul li span{
                                color: rgba(255, 255, 255, 0.5);
                                width: 175px;}

                .rpdet .quote{
                    font-family: 'Noto Serif JP', serif;
                    top: auto;
                    left: auto;
                    bottom: auto;
                    width: 50%;
                    font-size: 1.2em;
                    position: relative;
                    background: none;
                    padding: 0;
                    margin: 0;}

                .rpdet .quote span{
                    font-family: 'Montserrat', sans-serif;
                    font-size: 0.9em;}

.reviews .span4{
    padding: 0;}

    .reviewblok{
        position: relative;}

        .rb-star span.material-icons{
            font-size: 1.2em;}

        .reviewblok > div:after{
            content: '';
            bottom: 0;
            left: 0;
            width: 100%;
            display: block;
            position: absolute;
            border-top: 1px dashed rgba(0,0,0,0.1);}

            .reviewblok > div{
                position: relative;
                padding: 30px;}            

                .reviewblok > div:first-child{
                    padding: 0 30px 15px;}            

                .reviewblok > div:last-child{
                    padding: 15px 30px 15px;}

            .rb-txt{
                font-size: 1.2em;
                font-family: 'Noto Serif JP', serif;}

.cta{
    display: flex;}

    .cta > div{
        width: 50%;}

        .cta > div h4{
            display: block;
            margin: 0 0 15px 0;
            font-size: 1.6em;}

            .ctaimg{
                position: relative;
                display: flex;
                justify-content: center;
                margin: 30px 0;}

                .ctaimg img{
                    width: 50%;
                    z-index: 10;
                    height: auto;}

                    .diagonal-line-inverse{
                        height: 1px;
                        width: 100%;
                        top: 50%;
                        position: absolute;
                        background: linear-gradient(45deg, rgba(41, 37, 36, 0.1), rgba(41, 37, 36, 0.1) 50%, transparent 0, transparent );
                        background: -webkit-gradient( linear, left top, left bottom, from(rgba(41, 37, 36, 0.1)), color-stop(50%, rgba(41, 37, 36, 0.1)), color-stop(50%, transparent), to(transparent) );
                        transform: skewY(-30deg);}

            .ctatxt{
                padding: 30px;}

.gallery3x4{
    height: 100%;
    width: 100%;
    grid-gap: 30px;
    display: grid;
    padding: 0 30px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-template-rows:repeat(4, minmax(130px, 1fr));}

    .gallery3x4 > div{
        position: relative;}

        .gallery3x4 img{
            position: absolute;
            object-fit: cover;
            width: 100%;
            height: 100%;}

    .g34-1{
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;}   

    .g34-2{
        grid-column: 3;
        grid-row: 1 / span 2;} 

    .g34-3{
        grid-column: 1;
        grid-row: 3 / span 2;} 

    .g34-4{
        grid-column: 2 / span 2;
        grid-row: 3;} 

    .g34-5{
        grid-column: 2 / span 2;
        grid-row: 4;} 

.slideropties .panel-title{
    padding: 0 30px;}

    .slideropties .rpowl{
        background: none;
        padding: 0 30px;
        margin: 15px 0;}

        .slideropties .owl-carousel .owl-stage .owl-item{
            height: auto;}

        .slideropties .rpowl article div{
            overflow: hidden;
            height: 50vh;
            margin-bottom: 30px;
            border-radius: 5px;}

            .slideropties article > h4{
                font-weight: 300;
                font-size: 1.4em;}

                .slideropties article > span{
                    text-transform: uppercase;
                    letter-spacing: 0.04em;
                    color: rgba(0,0,0,0.3);
                    font-size: 0.7em;}

.awards{}

    .imgtextwrapper{
        position: relative;}

        .imgtextwrapper .it-item {
            background: #000;
            position: relative;}

        .imgtextwrapper div + div{
            margin-top: 30px;}

            .it-item img{
                opacity: 0.8;
                top:0;
                left: 0;
                position: absolute;
                object-fit: cover;
                width: 100%;
                height: 100%;}

            .it-item .imgtxt{
                padding: 30px 30px 150px 30px;
                z-index: 10;
                position: relative;
                color: #FFF;
                width: 50%;}

                .it-item .imgtxt p{
                    font-weight: 500;
                    font-size: 0.9em;
                    line-height: 1.6em;}

.prestatie{
    }

    .pb{
        padding: 30px;
        width: 100%;
        flex-direction: column;
        display: flex;}

        .pbw{
            display: flex;}

            .pb h1{
                margin-bottom: 10px;
                font-weight: 500;
                font-size: 1em;}

            .pb h2{
                font-weight: 400;
                font-size: 2em;}

            .ptxt{
                display: flex;
                flex-direction: column;
                flex:1;}

                .ptxt ol{
                    padding: 0 0 0 0px;
                    margin: 0 0 0 15px;}

                    .ptxt ol li{
                        text-transform: uppercase;
                        font-size: 0.8em;
                        padding: 5px 0 5px 15px;
                        margin: 0 0 0 0px;}

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


.duurzaamheid{}

    .duurzaamheid .it-item{
        display: flex;}

        .duurzaamheid .it-item > img{
            z-index: 0;}

        .duurzaamheid .it-item img:nth-child(2){
            top:50%;
            left:50%;
            z-index: 20;
            opacity: 1;
            transform: translate(-50%, -50%);
            position: absolute;
            width: auto;
            height: 100px;}

    .duurzaamheid .it-item .imglogo{
        margin-top: 0;
        z-index: 50;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 50%;}

        .duurzaamheid .it-item .imglogo img{
            width: 40%;
            min-width: 100px;
            top:50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height: auto;
            opacity: 1;}


.zoekgallery{
        grid-template-areas: 
        ". aantal" 
        "zoekfilters zoekresultaten";
    grid-template-columns:20% 1fr;
    display: grid;}

    .zg-aantal{
        margin: 30px 30px 0 30px;
        grid-area: aantal;}

    .zg-filters{
        position: sticky;
        top: 0px;
        z-index: 8;
        padding: 30px;
        grid-area: zoekfilters;}

        .sticky{
            top:30px;
            position: sticky;}

        .zg-filters h2{
            text-transform: uppercase;
            font-size: 1.2em;            
            font-family:'Montserrat', sans-serif;}

        .zg-filters form > span{
            display: block;
            color: rgba(0,0,0,0.5);
            margin: 15px 0 10px 0;
            font-size: 0.9em;}

             /*input[type='radio']:after {
                    width: 15px;
                    height: 15px;
                    border-radius: 0;
                    top: -2px;
                    left: -1px;
                    position: relative;
                    -webkit-appearance:none;
                       -moz-appearance:none;
                            appearance:none;
                    background-color: rgba(220,220,220,1);
                    content: '';
                    display: inline-block;
                    visibility: visible;
                    border: 2px solid white;
                }

                input[type='radio']:checked:after {
                    width: 15px;
                    height: 15px;
                    border-radius: 0;
                    top: -2px;
                    left: -1px;
                    position: relative;
                    background-color: #26583A;
                    content: '';
                    display: inline-block;
                    visibility: visible;
                    border: 2px solid white;
                }*/

    .zg-resultaten{
        width: 100%;
        display: grid;
        grid-gap: 30px;
        position: relative;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        padding: 30px;
        grid-area: zoekresultaten;}

        .zg-item{
            width: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            position: relative;}

                .zg-item .owl-carousel .owl-stage .owl-item{
                    height: auto;}

                .zg-item .owl-carousel .owl-stage{
                    width: 100%;
                    height: 40vh;}

            .zg-tit{
                background: #FFF;
                padding: 20px;
                border:1px solid rgba(0,0,0,0.05);
                border-top:0;}

                .zg-tit h1{
                    font-size: 1.7em;
                    font-weight: 400;}

            .zg-btn{
                background: #FFF;
                padding:10px 20px;
                text-align: left;
                border:1px solid rgba(0,0,0,0.05);
                border-top:0;}

                .zg-item .modal-dialog {
                    top:0;
                    right:0;
                    left: auto;
                    min-height: 100vh;
                    height: 100%;
                    margin: 0 0 0 auto;}

            .zg-item .modal-body{
                padding: 0;
                width: calc(80vw);
                margin-left: auto;
                display: flex;
                flex: 1;
                flex-direction: column;
                overflow: scroll;}

                .modal-header{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border: 0;}

                    .modal-content{
                        display: flex;
                        flex-direction: column;
                        border:0;
                        border-radius: 0;}

                .btsgall{
                    flex: 1;
                    overflow: hidden;
                    height: auto;
                    width: 100%;}

                    .btsgall .owl-carousel .owl-item > div{
                        flex:1;
                        width: 100%;}

                        .btsgall .owl-carousel .owl-stage .owl-item{
                            width: 100%;}

                .zg-item .modal-content .owl-carousel .owl-stage{
                    flex: 1;
                    height: 100%;}

            .zg-mb-list{
                flex-wrap: wrap;
                grid-template-columns: 1fr 1fr 1fr;
                grid-template-rows: auto;
                display: grid;}

                .zg-mb-li{
                    display: flex;
                    align-items: center;
                    height: 100%;
                    padding: 15px;}

                    .zg-mb-li > div:first-child{
                        padding: 15px;
                        }

                    .zg-mb-li > div:last-child{
                        }

                    .zg-mb-li img{
                        height: 20px;
                        width: auto;}

                        .zg-mb-li span{
                            font-size: 0.9em;
                            color: rgba(0,0,0,0.3);}        

                        .zg-mb-li p{
                            word-break: break-word;
                            font-size: 1em;}

footer{
    z-index: 10;
    background: var(--groen);
    width: 100%;
    flex-direction: column;
    display: flex;}

footer div .right {
	text-align:right;
	color:#fff;
}
footer div .right h1 {
	font-weight:100;
}

    .footerwnqrapper{
        display: flex;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        margin: 0 auto;
        max-width: 1280px;}

        footer .quote{
            position: relative;
            padding: 30px;
            width: 30%;
            margin: -30px 30px 30px 30px;
            top: 0;
            filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));
            left: 0;
            background: #fff;}

            footer .quote span{
                display: block;
                margin-bottom: 10px;
                color: rgba(0,0,0,0.5);}

            footer .quote p{
                font-size: 1.4em;
                font-family: 'Noto Serif JP', serif;}

        footer .fnav{
            border-top:1px dashed rgba(255,255,255,0.3);
            border-bottom:1px dashed rgba(255,255,255,0.3);
            margin: 30px 0 30px 30px;
            padding: 30px 0;
            display: flex;
            width: 70%;}

            footer .fnav > div{
                width: calc(100% / 3);}

                footer .fnav > div:first-child ul li a{
                    font-family: 'Noto Serif JP', serif;
                    font-size: 2em;}

        footer a{color: #FFF;}
            footer a:hover{color: #FFF;}
            footer a::after{background: #FFFFFF;}

        footer ul, footer ul li{
            list-style: none;
            padding: 0;
            margin: 0;}

            footer ul li + li{
                margin-top: 15px;}

    .footerftr{
        margin: 0 auto 30px;
        padding: 0 0 0 30px;
        max-width: 1280px;
        width: 100%;
        display: flex;}

        .footerftr > div{
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            width: calc(100% / 3);}

        .ff-logo{
            width: 30%;}

            .ff-logo img{
                display: block;
                max-height: 45px;
                width: 45px;
                border:2px solid #FFF;}

            .ff-soc{
                margin: 0 30px;
                justify-content: space-between;}

                .socialicons{
                    width: 50%;
                    justify-content: space-around;
                    display: flex;}

                    .socialicons img{
                        width: 20px;
                        height: auto;
                        margin: 5px;
                        display: flex;}

            .ff-inf{
                justify-content: flex-end;}

            .ff-inf a{
                margin: 5px;}

main .content-container {
    max-width:1280px;
    min-width:1280px;

    margin:0 auto;
height:100%;
bottom:0;
}

.schatting{
    display: flex;
    flex-direction: column;}

        .schatting header > div, .schatting footer > div{
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
            padding: 15px 30px;
            margin: 0 auto;
            justify-content: space-between;
            max-width: 1280px;}

    .schatting header img{
        height: 85px;
        width: auto;}

    .schatting main{
        position: relative;
        z-index: 1;
        flex: 1;}

        .schatting main > div{
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 100%;
            margin: 0 auto;
            align-items: stretch;
            justify-content: space-between;}

            .schk1{
                position:relative;
                float: left;
                background: #FFF;
                padding: 30px;
                width: calc(70%);
				min-height:100%;
                display: flex;}

                .imgdetail{
                    z-index: 10;
                    display: block;}

                .schk1 > div{
                    position: relative;
                    background: #FFF;
                    width: 70%;
                    display: flex;}

                    .layoutitel{
                        display: block;
                        font-weight: 600;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;}

                    .afmeting{
                        letter-spacing: 0.04em;
                        text-transform: uppercase;}

                    .schk1 img{
                        width: 100%;
                        height: 100%;
                        /*padding: 30px;*/
                        top: 0;
                        left: 0;
                        position: absolute;
                        object-fit: contain;}

            .tab{
                position: relative;
                width: 30%;
                margin-left: auto;
                flex-direction: column;
                display: flex;}

                .tab#tab6 {
                    width:100% !important;
                    background: none !important;
                }

                .schk2 h1{
                    position: relative;
					text-align:center;
					font-weight:normal;
                    padding: 10px;
                    font-size:2em;
					margin-left:-30px;
					margin-right:-30px;
					color:#fff;
					background:var(--groen);}               

                    .schk2 h1:after{
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        content: '';}

                            .schk2.s1:after{width: calc(100% / 5 * 1);}
                            .schk2.s2:after{width: calc(100% / 5 * 2);}
                            .schk2.s3:after{width: calc(100% / 5 * 3);}
                            .schk2.s4:after{width: calc(100% / 5 * 4);}
                            .schk2.s5:after{width: calc(100% / 5 * 5);}

                        .schk2 select {
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            background-position: right 20px top 50%;
                            background-repeat: no-repeat;
                            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
                            border:0;
                            padding: 15px 20px;
                            padding-right: 1.5em;
                            width:100%}

                .keuze{
                    /*margin: -5px;*/
                    flex-wrap: wrap;
                    display: flex;}     

                    .keuze > label, .keuze > div {
                        padding: 10px 10px;
                        position: relative;
                        margin: 5px;
                        border-radius: 3px;
/*                        border: 1px solid rgba(220,220,220,0.5);*/
                        width: calc(50% - 10px);
					}
                        
                        .select-kitchen .keuze > label, .select-kitchen .keuze > div {
                            padding: 0;
                            position: relative;
                            margin: 15px;
                            border-radius: 3px;
    /*                        border: 1px solid rgba(220,220,220,0.5);*/
                            width: calc(33% - 30px);
						}


						.select-kitchen .keuze div label {
							min-width:245px;
							height:100%;
						}

.select-kitchen .keuze > div {
	min-width:230px;
}
.select-kitchen.select-kitchen-alt .keuze > div {
	min-width:unset !important;
}

                            .select-kitchen .keuze label div img {
								margin-bottom:10px;
								max-height:200px;
                                padding:0;
                                width:100%;
                                position: relative;}

                            .select-kitchen .keuze label div.keukenOptie img {
                                padding:0;
                                width:auto;
                                position: relative;
								margin-bottom:40px;
								object-fit: contain;
								height: 200px;
							}

							div.keukenOptie img {
								cursor: pointer;
							}
							.select-kitchen .keuze label div.keukenOptie h6 {
								position:absolute;
								text-align:center;
								width:100%;
								bottom:0;
								padding:10px;
								padding-right:30px;
							}

                            .select-kitchen .keukenKeuze {
								min-height:210px;
                            }
                            .select-kitchen .keukenKeuze img.apparatuurKeuze {
								max-height:150px;
								padding:5px;
							}
                            .select-kitchen .keukenKeuze img.Bosch_logo {
								margin-bottom:0;
								width:auto;
								max-height:25px;
								max-width:104px;
								height:auto;
							}
                            .select-kitchen .keukenKeuze img.Bosch_logo.hide {
								display:none;
							}

.logoKookplaatBosch, .logoKookplaatBora, .logoKookplaatElectrolux {
	display:none;.
}

                            .select-kitchen .keukenKeuze span {
								font-size:16px;
							}

                            .select-kitchen .keukenKeuze p {
								padding:0;
								margin:0;
							}

							.select-kitchen .keukenKeuzeLaatst span {
								font-size:14px;
							}

							.select-kitchen .keukenKeuze img {
								margin-left:0;
							}

							.select-kitchen .keukenKeuze ul {
								max-width:90%;
								margin-top:5px;
								margin-bottom:10px;
							}


							.select-kitchen .keukenKeuze ul li {
								font-size:10px !important;
							}
							.select-kitchen .keukenKeuzeLaatst {
								background:var(--lichtgroen);
								height:100%;
								padding:5px;
								padding-left:10px;
							}

							.select-kitchen .keukenKeuzeLaatst span.prijs {
								padding-left:15px;
								font-size:17px !important;
								font-weight:normal !important;
    						}

							.select-kitchen .keukenKeuzeLaatst ul li {
								list-style-type:none;
								font-size:10px !important;
							}

							.select-kitchen .keukenKeuzeLaatst ul {
								max-width:70%;
								border-bottom:1px solid #707070;
								padding-bottom:10px;
							}

							.select-kitchen .keukenKeuzeLaatst ul li:last-child {
							}

							.select-kitchen .keukenKeuzeLaatst ul li:last-child:after {
                                content: '';
								font-size:13px;
								font-weight:bold;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 68px;
                                height: 68px;
                                border-radius: 68px;
                                color: var(--groen);
								line-height:3.8;
                                background: #fff;
								border:3px solid var(--groen);
								margin-top:-10px;
								right:30px;
							}
							/*.select-kitchen .good.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€480';
							}
							.select-kitchen .better.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€1.590';
							}
							.select-kitchen .best.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€2.610';
							}
							.select-kitchen .in_good.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€1.480';
							}
							.select-kitchen .in_better.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€2.450';
							}
							.select-kitchen .in_best.keukenKeuzeLaatst ul li:last-child:after {
                                content: '+€3.250';
							}*/
							.select-kitchen .keukenKeuzeLaatst ul li:last-child:before {
								content:'';
								display: block;
								position: absolute;
								z-index:1;
								width: 50px; 
								height: 50px;  
								border: solid 3px var(--groen);
								transform: rotate(180deg);
								border-color: var(--groen) transparent transparent transparent;
								border-radius: 180%;
								right:38px;
								margin-top:10px;
							}

.tabsGeintegreerd {
	display:none;
}

#touchPlus, #touchPro {
	max-width:380px;
	float:left;
	margin:10px;
	font-size:16px;
	display:block;
}

#touchPlus img, #touchPro img {
	position:relative;
	padding:10px;
}


.isActief {
	color:#fff !important;
	background:var(--groen) !important;
}



.tabs_extra .keukenKeuze .extraPrijs, .tabs_extra_better .keukenKeuze .extraPrijs, .tabs_extra_good .keukenKeuze .extraPrijs, .tabs_extra_best .keukenKeuze .extraPrijs, .kraanOptie .extraPrijs, .koelkastOptie .extraPrijs, .montageOptie .extraPrijs, .combiovenOptie .extraPrijs, .kookplaatOptie .extraPrijs, .afzuigkapOptie .extraPrijs, .vaatwasserOptie .extraPrijs {
	font-size:14px;
	font-weight:bold;
	display: block;
	position: absolute;
	text-align: center;
	width: 68px;
	height: 68px;
	border-radius: 68px;
	color: var(--groen);
	line-height:3.5;
	background: #fff;
	border:3px solid var(--groen);
	top:70px;
	right:-10px;
	z-index:5;
}

.montageOptie .extraPrijs {
	top:80px;
	right:10px;
	width: 98px;
	height: 98px;
	border-radius: 98px;
	line-height:4;
	font-size:22px;
}

#gekozenMontage .montageOptie .extraPrijs:before,
.tabs_extra .keukenKeuze .extraPrijs:before,
.kraanOptie .extraPrijs:before,
.koelkastOptie .extraPrijs:before,
.combiovenOptie .extraPrijs:before,
.kookplaatOptie .extraPrijs:before,
.afzuigkapOptie .extraPrijs:before,
.vaatwasserOptie .extraPrijs:before,
.montageOptie .extraPrijs:before,
.extraApparaatOptie .extraPrijs:before,
.gekozenKoelkastControle .extraPrijs:before {
	content:'';
	position: absolute;
	z-index:5;
	width: 50px; 
	height: 50px;
	left:6px;
	border: solid 3px var(--groen);
	transform: rotate(180deg);
	border-color: var(--groen) transparent transparent transparent;
	border-radius: 180%;
	margin-top:2px;
	display: block;
}

.montageOptie .extraPrijs:before {
	width: 78px;
	height: 78px;
	border: solid 5px var(--groen);
	border-color: var(--groen) transparent transparent transparent;
}

.tabs_extra .keukenKeuze .extraPrijs:after, .extraApparaatOptie .extraPrijs:after, .kraanOptie .extraPrijs:after, .quookerkraanOptie .extraPrijs:after, .koelkastOptie .extraPrijs:after, .combiovenOptie .extraPrijs:after, .kookplaatOptie .extraPrijs:after, .afzuigkapOptie .extraPrijs:after, .vaatwasserOptie .extraPrijs:after {
	content:'€ ';
	float:left;
	padding-left:5px;
}
.tabs_extra label, .tabs_extra_better label, .tabs_extra_good label, .tabs_extra_best label, .kranenKeuze label, .quookerkranenKeuze label {
	padding:10px !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;
	min-width:245px;
	height:100%;
	max-height:510px;
}

.koelkast_aangeklikt .ki-select img, .combioven_aangeklikt .ki-select img, .kookplaat_aangeklikt .ki-select img, .afzuigkap_aangeklikt .ki-select img, .vaatwasser_aangeklikt .ki-select img {
	opacity:unset !important;
}

.koelkast_aangeklikt p, .combioven_aangeklikt .ki-select p, .kookplaat_aangeklikt .ki-select p, .afzuigkap_aangeklikt .ki-select p {
	font-weight:bold;
}
							.select-kitchen .keukenVormSelect:after, .select-kitchen .koelkastSelect:after, .select-kitchen .combiovenSelect:after, .select-kitchen .kookplaatSelect:after, .select-kitchen .afzuigkapSelect:after, .select-kitchen .extraApparaatSelect:after, .select-kitchen .keukenKeuzeLaatstSelect:after, .select-kitchen .kraanSelect:after, .select-kitchen .vaatwasserSelect:after {
                                content: '';
								font-size:45px;
								font-weight:bold;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 37px;
                                height: 37px;
                                border-radius: 37px;
                                color: var(--groen);
								line-height:1;
                                background: #fff;
								border:1px solid #000;
                                /*top: 50%;*/
								bottom:10px;
                                /*left: 50%;*/
								right:10px;
							}

							.select-kitchen .montageKeuze h6:after {
                                content: '';
								font-size:40px;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 30px;
                                height: 30px;
                                border-radius: 30px;
                                color: var(--groen);
								line-height:0.5;
                                background: #fff;
								border:1px solid #000;
                                /*top: 50%;*/
								bottom:0;
                                /*left: 50%;*/
								right:10px;
								z-index:5;
							}

							.select-kitchen .keukenKeuzeLaatst label.extra input[type=checkbox] {
								display:none;
							}
							.select-kitchen .keukenKeuzeLaatst label.extra, .select-kitchen .keukenKeuzeLaatst label.extra1 {
								margin-bottom:30px;
							}
							.select-kitchen .keukenKeuzeLaatst label.extra:before, .select-kitchen .keukenKeuzeLaatst label.extra1:before {
								margin-top:10px;
								font-family:'Material Icons' !important;
								content: '';
								font-size:40px;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 30px;
                                height: 30px;
                                border-radius: 30px;
                                color: var(--groen);
								line-height:0.5;
                                background: #fff;
								border:1px solid #000;
								left:15px;
                                /*top: 50%;*/
                                /*left: 50%;*/
							}

							.select-kitchen .keukenKeuzeLaatst label.extra input[type='checkbox']:checked+span:after, .select-kitchen .keukenKeuzeLaatst label.extra1 input[type='checkbox']:checked+span:after {
								margin-top:10px;
								font-family:'Material Icons' !important;
								content: 'check' !important;
								font-size:40px;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 30px;
                                height: 30px;
                                border-radius: 30px;
                                color: var(--groen);
								line-height:0.5;
                                background: #fff;
								border:1px solid #000;
								left:15px;
								z-index:5;
							}
							.select-kitchen .keukenKeuzeLaatst label.extra input[type='checkbox']:not(:checked)+span:after, .select-kitchen .keukenKeuzeLaatst label.extra1 input[type='checkbox']:not(:checked)+span:after {
								margin-top:10px;
								font-family:'Material Icons' !important;
								content: '' !important;
								font-size:40px;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 30px;
                                height: 30px;
                                border-radius: 30px;
                                color: var(--groen);
								line-height:0.5;
                                background: #fff;
								border:1px solid #000;
								left:15px;
								z-index:5;
							}
							.select-kitchen .keukenKeuzeLaatst label.extra div, .select-kitchen .keukenKeuzeLaatst label.extra1 div {
								clear:both;
								margin-left:40px;
								margin-top:15px;
								margin-bottom:30px;
								font-weight:normal;
							}

							.keukenKeuzeLaatst select {
								margin-top:35px;
							}
							
							/*.kraanOptie p, .koelkastOptie p {
								font-size:10px;
							}*/

							.montageOptie img {
								position: relative;
								z-index:1;
								max-height:unset !important;
							}

							.montageOptie h6 {
								z-index: 2;
								position: relative;
								top:-42px;
								padding-left:10px;
								font-size:20px;
								left: 0;
								color:#fff;
							}
							.montageOptie .montageKeuzeTekst {
								background:var(--lichtgroen);margin-top:-42px;padding:10px;
							}

							#geselecteerdeMontageKosten:before {
								content: '€ ';
							}
							.ki-select{
								/* border: 1px solid rgba(0,0,0,1)!important;*/
							}

                            .ki-select:after{
                                font-family:'Material Icons';
                                content: 'check';
								font-size:50px;
								font-weight:bold !important;
                                display: block;
                                position: absolute;
                                text-align: center;
                                width: 37px;
                                height: 37px;
                                border-radius: 37px;
                                color: var(--groen);
								line-height:0.5;
                                background: #fff;
								border:1px solid #000;
                                /*top: 50%;*/
								bottom:10px;
                                /*left: 50%;*/
								right:10px;
								/*transform: translate(-50%,calc(-50% - 10px))
                                transform: translate(-50%,calc(-50% - 20px));*/}

                            .ki-select.montageOptie:after{
                                display:none;
							}

								.select-kitchen .montageOptie.ki-select h6:after {
									font-family:'Material Icons';
									content: 'check';
									font-size:40px;
									display: block;
									position: absolute;
									text-align: center;
									width: 30px;
									height: 30px;
									border-radius: 30px;
									color: var(--groen);
									line-height:0.5;
									background: #fff;
									border:1px solid #000;
									/*top: 50%;*/
									bottom:0;
									/*left: 50%;*/
									right:10px;
									/*transform: translate(-50%,calc(-50% - 10px))
									transform: translate(-50%,calc(-50% - 20px));*/
								}

								.center {
									width:100%;
									text-align:center;
									font-size: 18px;
								}

								.center label {
									font-weight:normal;
									font-size: 18px;
									width:100%;
								}

								.center hr {
									height:1px;
									background:#fff;
									border:0px;
								}

								.totaalPrijs {
									background:#fff;
									margin:0 auto;
									padding:5px;
									width:100%
									max-width:250px;
									border-radius:10px;
									box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;
								}

								.totaalPrijs h3 {
									margin:0 auto;
								}

								#tab2 .geselecteerdeKeuken {
									background:#fff;
									width:100%;
									text-align:center;
									margin:0 auto;
									padding:10px;
									margin-bottom:20px;
									display:none;
								}

								.geselecteerdePakket {
									background:#fff;
									text-align:center;
									margin:0 auto;
									padding:10px;
									margin-bottom:0;
									font-weight:normal;
									display:none;
									font-size:22px;
								}
								.controle .geselecteerdePakket {
									display:block;
									margin:0;
									font-size:26px;
								}

								#gekozenApparaten, #extraGekozen, #gekozenApparaten, #extraGekozen2,
								#gekozenKraan, #gekozenKraan1, #gekozenKoelkast {
									background:#fff;
									padding:50px;
									padding-top:0;
									padding-bottom:20px;
									margin-top:0;
								}

								#gekozenMontage {
									margin-top:0;
									margin:20px;
								}

								.gekozenMontageSub {
									display:none;
									background:#fff;
									margin:0 auto;
									padding:5px;
									width:80%;
									border-radius:10px;
									border:1px solid var(--groen);
								}
								.gekozenMontageSub span {
									font-size:22px;
									font-weight:bold;
								}

								.gekozenMontageSub span:before {
									content:'€ '
								}

								#gekozenApparaten img, #gekozenKraan img, #gekozenKraan1 img, #gekozenKoelkast img, #gekozenMontage img {
									padding:10px;
								}

								.not_01, .not_02, .not_03, .not_04, .not_05, .not_06, .not_07, .not_08{
									display:none;
								}

								#gekozenKraan .ki-select img,
								#gekozenKraan1 .ki-select img,
								#gekozenKoelkast .ki-select img,
								#gekozenKoelkast .ki-select img,
								#gekozenCombioven .ki-select img,
								#gekozenKookplaat .ki-select img,
								#gekozenAfzuigkap .ki-select img,
								#extraGekozen .ki-select img,
								#extraGekozen2 .ki-select img,
								#gekozenMontage .ki-select img,
								.gekozenKoelkastControle .ki-select img {
									opacity:1;
									padding:20px;
								}

								#extraGekozen .ki-select img {
								}

								#gekozenKraan .ki-select .Bosch_logo, #gekozenKraan .ki-select .kraanSelectie, #gekozenKraan .ki-select p, #gekozenKraan1 .ki-select .Bosch_logo, #gekozenKraan1 .ki-select .kraanSelectie, #gekozenKraan1 .ki-select p, #gekozenKoelkast .ki-select .Bosch_logo, #gekozenKoelkast .ki-select .kraanSelectie, #gekozenKoelkast .ki-select p, #gekozenKoelkast .ki-select ul, #gekozenCombioven .ki-select .Bosch_logo, #gekozenCombioven .ki-select .kraanSelectie, #gekozenCombioven .ki-select p, #gekozenCombioven .ki-select ul, #gekozenKookplaat .ki-select .Bosch_logo, #gekozenKookplaat .ki-select .kraanSelectie, #gekozenKookplaat .ki-select p, #gekozenKookplaat .ki-select ul, #gekozenAfzuigkap .ki-select .Bosch_logo, #gekozenAfzuigkap .ki-select .kraanSelectie, #gekozenAfzuigkap .ki-select p, #gekozenAfzuigkap .ki-select ul, #gekozenMontage .montageKeuzeTekst {
									display:none;
								}
								.center #extraGekozen .ki-select .Bosch_logo, .center #extraGekozen .ki-select .extraType, #extraGekozen .ki-select h6, #extraGekozen .ki-select ul, #extraGekozen .ki-select p, .center #extraGekozen2 .ki-select .Bosch_logo, .center #extraGekozen2 .ki-select .extraType, #gekozenKookplaat .ki-select h6, #gekozenAfzuigkap .ki-select h6, #extraGekozen2 .ki-select h6, #extraGekozen2 .ki-select ul, #gekozenMontage .ki-select h6, #extraGekozen2 .ki-select p {
									display:none;
								}

								#gekozenKraan .extraPrijs, #gekozenKraan1 .extraPrijs, #gekozenKoelkast .ki-select .extraPrijs, #gekozenCombioven .ki-select .extraPrijs, #gekozenKookplaat .ki-select .extraPrijs, #gekozenAfzuigkap .ki-select .extraPrijs  {
									font-size: 14px;
									font-weight: bold;
									position: absolute;
									text-align: center;
									width: 68px;
									height: 68px;
									border-radius: 68px;
									color: var(--groen);
									line-height: 4.5;
									background: #fff;
									border: 3px solid var(--groen);
									top:unset;
									margin-top:-100px;
									right: 80px;
									z-index: 5;
								}
								#extraGekozen .ki-select .extraPrijs, #extraGekozen2 .ki-select .extraPrijs {
									display:none;
									font-size: 14px;
									font-weight: bold;
									position: absolute;
									text-align: center;
									width: 68px;
									height: 68px;
									border-radius: 68px;
									color: var(--groen);
									line-height: 4.5;
									background: #fff;
									border: 3px solid var(--groen);
									/*bottom: 160px;*/
									/*margin-top:-75px;*/
									margin-top:150px;
									right:80px;
									top:unset;
									z-index: 5;
								}
								#gekozenMontage .ki-select .extraPrijs {
									font-size: 14px;
									font-weight: bold;
									position: absolute;
									text-align: center;
									width: 68px;
									height: 68px;
									border-radius: 68px;
									color: var(--groen);
									line-height: 4.5;
									background: #fff;
									border: 3px solid var(--groen);
									/*bottom: 160px;*/
									margin-top:-100px;
									right:80px;
									top:unset;
									z-index: 5;
								}
								#gekozenKraan .ki-select:after,
								#gekozenKraan1 .ki-select:after,
								#gekozenKoelkast .ki-select:after,
								.s2 #extraGekozen .ki-select:after,
								.s2 #extraGekozen2 .ki-select:after,
								#gekozenMontage .ki-select:after {
									display:none;
								}

								.geselecteerdeKeuken img {
									max-height:130px;
								}
								/*.totaalMeters {
									font-weight:bold;
								}*/
								.input-container, .input-container1 {
									border:1px solid #000;
									padding:10px;
									border-radius:10px;
									background-color: #fff;
								}
								.aantalMeters, .aantalMeters_controle {
									margin:0 auto;
									width:100%;
									height:20px;
									max-width:200px;
									border:none;
									background-color: #fff;
								}
.size {
	position: absolute;
	top: 0;
	left: 0;
	font-size:10px;
	border:1px solid var(--groen);
	padding:5px;
}

.controle {
	background:var(--lichtgroen) !important;
	width:100%;
}

.controle > .select-kitchen {
	background:unset;
	display:block;
}

.controle > .select-kitchen .deel1 {
	width:100%;
	display:inline-block;
}

.controle > .select-kitchen .deel2, 
.controle > .select-kitchen .deel3 {
	width:100%;
	margin-top:30px;
	display:inline-block;
}
.controle > .select-kitchen .deel2 > div .not {
	display:none;
}

/* standaard */

.controle > .select-kitchen .deel2 > div.links, .controle > .select-kitchen .deel1 > div.links {
	width:60%;
	float:left;
	padding:0;
	padding-bottom:30px;
}

.controle > .select-kitchen .deel2 > div.links .geselecteerdePakket {
	margin:0;
}

.controle > .select-kitchen .deel2 > div.rechts, .controle > .select-kitchen .deel1 > div.rechts {
	width:40%;
	float:left;
	padding:0;
	padding-bottom:10px;
}

.controle > .select-kitchen div.resultaten label {
	float:left;
	clear:both;
	height:unset !important;
	margin:unset !important;
	padding:unset !important;
	width:180px;
	top:unset !important;
}

.controle > .select-kitchen div.resultaten div {
	line-height:1.5;
	/*height:30px;*/
}

.controle > .select-kitchen .deel2 > div img {
	vertical-align:top;
}
.controle > .select-kitchen .deel2, .controle > .select-kitchen .deel2 > div img, .rechts #extraGekozen .ki-select img, .controle > .select-kitchen .deel2 > div img, .rechts #extraGekozen2 .ki-select img {
	padding:0;
}

.img_controle {
	min-width: 180px;
	background: #fff;
	/*box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;*/
	text-align:center;
}

.controle > .select-kitchen .deel2 > div img.apparatuurKeuze,
.rechts #extraGekozen .ki-select img:first-child,
.rechts #extraGekozen2 .ki-select img:first-child,
.rechts .gekozenKoelkastControle .ki-select img:first-child{
	padding:5px;
	/*box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;*/
	background:#fff;
	max-width:180px;

	max-height:150px;
	/*object-fit:contain;*/
}

.gekozenKoelkastControle ul {
	display:none;
}

.gekozenKraanControle p, .gekozenKraanControle1 p {
	display:none;
}


.rechts #extraGekozen .ki-select .extraPrijs,
.rechts #extraGekozen2 .ki-select .extraPrijs,
.rechts .koelkastOptie .ki-select .extraPrijs,
.rechts .combiovenOptie .ki-select .extraPrijs,
.rechts .kookplaatOptie .ki-select .extraPrijs,
.rechts .afzuigkapOptie .ki-select .extraPrijs,
.rechts .vaatwasserOptie .ki-select .extraPrijs {
	margin-top:-120px;
	margin-right:-90px;
}

.controle > .select-kitchen .deel1 .rechts #extraGekozen,
.controle > .select-kitchen .deel1 .rechts #extraGekozen2,
.controle > .select-kitchen .deel1 .rechts .gekozenKoelkastControle {
	padding:unset;
	margin:unset;
	background:unset;
	padding-bottom:unset;
	float:left;
}

.controle > .select-kitchen .deel1 .rechts #extraGekozen .ki-select img,
.controle > .select-kitchen .deel1 .rechts #extraGekozen2 .ki-select img,
.controle > .select-kitchen .deel1 .rechts .gekozenKoelkastControle .ki-select img, .controle > .select-kitchen .deel1 .links #extraGekozen .ki-select img, .select-kitchen .deel1 .links #extraGekozen2 .ki-select img {
	/*float:left;*/
		max-width:180px;
}

.geselecteerdePakketExtra, .geselecteerdePakketExtra2 {
	float:left;
}

.controle > .select-kitchen .deel1 .rechts div#gekozenMontageControle img {
	width:90%;
	height:auto;
	max-height:200px;
	max-width:unset;
	object-fit:cover;
	object-position: 70% 20%;
	opacity:1;
}

.pdf_header, .pdf_footer {
	display:none;
	text-align:center;
}

.pdf_footer img {
	margin: 0 auto !important;
	max-width: unset !important;
	padding: unset !important;
	top: unset !important;
	left: unset !important;
	position: unset !important;
	object-fit: unset !important;
	margin: 0 auto !important;
}

.pdf_header img {
	height: auto !important;
	max-width: 175px !important;
	padding: unset !important;
	padding-bottom:15px;
	top: unset !important;
	left: unset !important;
	position: unset !important;
	object-fit: unset !important;
	margin: 0 auto !important;
}

.controle > .select-kitchen .deel2 .rechts div#gekozenMontageControle .extraPrijs {
	position:relative;
	float:right;
	margin-top:-170px;
	top:unset;
	margin-right:30px;
}

.controle > .select-kitchen .deel2 .rechts div#gekozenMontageControle  h6:after {
	right:60px;
}

.controle > .select-kitchen .deel1 .links div.gekozenKraanControle .keukenKeuze, .controle > .select-kitchen .deel1 .links div.gekozenKraanControle1 .keukenKeuze, .controle > .select-kitchen .deel1 .links div.gekozenKraanControle2 .keukenKeuze {
	/*max-height:100px;*/
	max-width:150px;
	margin:15px;
	padding:15px;
}

.controle > .select-kitchen .deel1 .links div.gekozenKraanControle2 .keukenKeuze span {
	font-size:unset;
}

/*.controle > .select-kitchen .deel2 .links div .keukenKeuze:after, .controle > .select-kitchen .deel2 > div .ki-select:after{
	font-family:'Material Icons';
	content: 'check';
	font-size:40px;
	font-weight:bold !important;
	display: block;
	position: absolute;
	text-align: center;
	width: 33px;
	height: 33px;
	border-radius: 33px;
	color: var(--groen);
	line-height:0.6;
	background: #fff;
	border:1px solid #000;
	bottom:20px;
	right:10px;
}*/

.controle > .select-kitchen .deel1 .links .gekozenKraanControle .keukenKeuze:after, 
.controle > .select-kitchen .deel1 .links .gekozenKraanControle1 .keukenKeuze:after {
	font-family:'Material Icons';
	content: 'check';
	font-size:40px;
	font-weight:bold !important;
	position: relative;
	text-align: center;
	width: 33px;
	height: 33px;
	border-radius: 33px;
	color: var(--groen);
	line-height:0.6;
	background: #fff;
	border:1px solid #000;
	/*top: 50%;
	bottom:20px;
	right:10px;*/
	left: 50%;
	margin-left:35px;
	margin-top:-130px;
	display:none;
}

/*.controle > .select-kitchen .deel2 > div .ki-select:after{
	right:30px;
	bottom:30px;
	display:none;
}*/

.controle > .select-kitchen .deel1 .links div.gekozenKraanControle img, .controle > .select-kitchen .deel1 .links div.gekozenKraanControle1 img, .controle > .select-kitchen .deel1 .links div.gekozenKraanControle2 img {
	opacity:1;
	height:150px;
	max-height:150px;
	margin:0;
}

/*.controle > .select-kitchen .deel2 .links div.gekozenKraanControle img.Bosch_logo {
	display:none;
}
.controle > .select-kitchen .deel2 .links div.gekozenKraanControle img.Bosch_logo, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle1 img.Bosch_logo {
	width:auto;
	height:auto;
	max-height:unset;
}
*/

.controle > .select-kitchen .deel2 .links div.gekozenKraanControle .extraPrijs, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle1 .extraPrijs {
	position:relative;
	float:left;
	margin-top:-170px;
	top:unset;
	margin-left:100px;
}

/*.controle > .select-kitchen .deel2 .links div.gekozenKraanControle .ki-select:after, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle1 .ki-select:after {
    position: relative;
    top: -60px;
    left: 75%;
    right: 0;
	display:none;
}*/

.controle .kraanOptie1 .extraPrijs {
	display:none;
}

.controle .ki-select:after {
	display:none;
}

.controle > .select-kitchen .deel2 .rechts div#gekozenMontageControle .montageKeuzeTekst, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle .kraanSelectie, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle .kraanSize, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle1 .kraanSelectie, .controle > .select-kitchen .deel2 .links div.gekozenKraanControle1 .kraanSize {
	display:none;
}

.controle > .select-kitchen h1 {
	margin-bottom:10px;
}

.controle > .select-kitchen .deel1 > div .keukenKeuze {
	float:left;
}

.controle > .select-kitchen .deel1 > div .extraApparaatOptie {
	position:relative;
	margin:15px;
	margin-left:0;
} 


.controle > .select-kitchen .deel1 > div .keukenKeuze span {
	font-size:12px;
}

.controle > .select-kitchen .deel1 > div .kraanOptie span {
	font-size:unset;
}

.controle > .select-kitchen .deel1 > div .kraanOptie span.extraPrijs {
	display:none;
}

.controle > .select-kitchen .deel1 > div label {
    padding: 0;
	top:0;
    position: relative;
    margin: 15px;
	margin-left:0;
    border-radius: 3px;
	height:150px;
}

.controle .geselecteerdeKeuken {
	margin-left:20px;
	float:left;
	background:#fff;
}

.controle .geselecteerdeKeuken img {
	max-width:200px !important;
	max-height:220px;
}

.controle .maten {
	margin-left:30px;
	float:left;
	width:50%;
}

.controle .maten div {
	text-align:center;
	font-size:18px;
	font-weight:normal;
}

.controle .maten div input {
	font-weight:normal;
}

.controle .maten label {
	font-weight:normal;
	text-align:left;
}

.controle h1 {
	padding:10px;
	color:#fff;
	width:90%;
	text-align:center;
	background:var(--groen);
}

.controle .geselecteerdeKraanSize {
	margin-bottom:30px;
}

.controle .prijsOverzicht, 
.controle .keukenKeuzes {
	background:#fff;
	/*max-width:50%;*/
	box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;
}
.controle .prijsOverzicht table {
    /*width: auto;
    margin: 30px;
    display: inline-block;*/
}

.controle .prijsOverzicht table td {
	padding: 10px 20px;
	font-weight:normal !important;
	border:1px solid #000;
}

.controle .prijsOverzicht table td:first-child {
	width:40%;
}

.controle .prijsOverzicht table tr:last-child {
	border-top:1px solid var(--groen);
}

/*.controle .prijsOverzicht table td:nth-child(2) {
	font-weight:bold !important;
}*/


.controlePakket .extraPrijs {
	display:none;
}

.controlePakket .extraPrijs:last-child {
	display:block;
	font-size: 25px !important;
	font-weight: bold;
	position: absolute;
	text-align: center;
	width: 120px;
	height: 120px;
	border-radius: 120px;
	color: #fff;
	line-height: 4;
	background: #fff;
	border: 4px solid var(--groen);
	bottom: 15px;
	right: -150px;
	top: unset;
	z-index: 5;
}
.controlePakket .metKeuzes::after {
	font-size:16px !important;
	left:2px !important;
}
.controlePakket .extraPrijs:before {
	content: '';
	position: absolute;
	z-index: 5;
	width: 100px;
	height: 100px;
	left: 6px;
	border: solid 4px var(--groen);
	transform: rotate(180deg);
	border-color: var(--groen) transparent transparent transparent;
	border-radius: 180%;
	margin-top: 2px;
	display: block;
}

.controlePakket .extraPrijs::after {
	/*content: '+€';*/
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	color: var(--groen);
	margin-top: 18px;
	left:5px;
}

/*.controlePakket .koelkast_aangeklikt .extraPrijs, .controlePakket .combioven_aangeklikt .extraPrijs, .controlePakket .kookplaat_aangeklikt .extraPrijs, .controlePakket .afzuigkap_aangeklikt .extraPrijs {
	display:block;
	left: 120px;
	top: 10px;
	width: 75px;
	height: 75px;
	border: 3px solid var(--groen);
	color:var(--groen);
	font-size:15px !important;
	line-height:4.4;
	padding-left:15px;
	
}*/

.controlePakket .extraPrijs, .controlePakket .extraPrijs:last-child {
	display:none;
}

.controlePakket .koelkast_aangeklikt .extraPrijs::after, .controlePakket .combioven_aangeklikt .extraPrijs::after, .controlePakket .kookplaat_aangeklikt .extraPrijs::after, .controlePakket .afzuigkap_aangeklikt .extraPrijs::after {
	line-height:2;
	font-size: 15px;
	content: '+€' !important;
	margin-left:-5px;
}


.controlePakket .koelkast_aangeklikt .extraPrijs::before, .controlePakket .combioven_aangeklikt .extraPrijs::before, .controlePakket .kookplaat_aangeklikt .extraPrijs::before, .controlePakket .afzuigkap_aangeklikt .extraPrijs::before {
	width: 67px;
	height: 75px;
	left: 1px;
	top: -15px;
	border: solid 3px var(--groen);
	transform: rotate(180deg);
	border-color: var(--groen) transparent transparent transparent;
	border-radius: 180%;
	margin-top: 2px;
	display: block;
}

.contactKeuze {
	width:100%;
	height:750px;
	float:left;
	padding-top:30px;
	text-align:center;
}

.contactKeuze .links .showPDF img {
	cursor:pointer;
}
.contactKeuze .links p, .contactKeuze .rechts p {
	background:var(--lichtgroen);
	padding:10px;
	width:80%;
	margin:0 auto;
	display: block;
	position:relative;
}

.contactKeuze .links, .contactKeuze .rechts {
	width:50%;
	float:left;
}

.contactKeuze .links p.contactOptie1:after, .contactKeuze .rechts p.contactOptie1:after {
	content: '';
	font-size:40px;
	display: block;
	position: absolute;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	color: var(--groen);
	line-height:0.5;
	background: #fff;
	border:1px solid #000;
	/*top: 50%;*/
	bottom:10px;
	/*left: 50%;*/
	right:10px;
}


.schk1.controle img {
	width: auto;
	height: auto;
	/*max-width:250px;*/
	/*padding:30px;*/
	top: unset;
	left: unset;
	position:unset;
	object-fit:unset;
	/*margin:0 auto;*/
}

.controle > .select-kitchen .deel2 > div .keukenKeuze h6 {
	display:none;
}

.schk1.controle img.fullImage{
	background:#fff;
	padding: 30px;
}

.schk1.controle img.Bosch_logo{
	width:65px !important;
	height:auto !important;
	max-height:unset;
	padding:unset;
	padding-top:4px !important;
	float:left;
}

.prijsOverzicht .meerprijsApparaten:before, .prijsOverzicht #extraApparaten:before, .prijsOverzicht #meerprijsKraan:before, .prijsOverzicht .meerprijsKraan:before, #gekozenMontageSub1:before {
	content:'€ ';
}


			.ki-select img{
				opacity: 0.2;}

			.keuzeimg > div span{
				display: block;
				margin: 5px 0 0 0;}

            .s-form{
                padding: 90px 30px;
                width: 100%;
                max-width: 1280px;
                margin: 0 auto;
                text-align: center;}

            .keuze .rangeslidecontainer {
                margin: 10px 0;
                padding: 0;
                width: 100%;}

                .rangeslider {
                    -webkit-appearance: none;
                    width: 100%;
                    height: 10px;
                    margin: 10px 0;
                    background: rgba(245,245,245,1);
                    outline: none;
                    opacity: 1;
                    -webkit-transition: .2s;
                    transition: opacity .2s;}

                    .rangeslider:hover {
                        opacity: 1;}

                        .rangeslider::-webkit-slider-thumb {
                            -webkit-appearance: none;
                            appearance: none;
                            width: 25px;
                            height: 25px;
                            background: #26583A;
                            cursor: pointer;}

                        .rangeslider::-moz-range-thumb {
                            width: 25px;
                            height: 25px;
                            background: #26583A;
                            cursor: pointer;}


            .s-form h1{
                font-size: 3em;
                text-transform: capitalize;}

                .formulier{
                    width: 70%;
                    margin: 0 auto;
                    flex-direction: column;}

                    .formulier div.form{
                        text-align: center;
						margin-top:20px;
                        grid-gap: 30px;
                        grid-template-columns: 1fr 1fr;
                        grid-template-rows: auto;
                        justify-content: flex-start;}

                        .formulier div.form label{
                            }                    

                        .formulier div.form label span{
                            font-size: 0.8em;
                            color: #26583A;}

                        .formulier div.form input{
                            width: 90%;
                            border-radius: 15px;
                            border: 0;
                            padding: 10px;
                            border:1px solid var(--groen);
                            background: #fff;
							text-align:center;
							margin:10px;}

                        .formulier div.form input:focus{
                            outline: none !important;
                            border-radius: 5px;
                            border:#26583A 2px solid;
                            box-shadow: 0;}

                    .formulier .leesmeer{
						display: inline-block;
						width:90%;
						text-align:center;
						margin:0 auto;
                        margin-top: 10px;}

                    .formulier .leesmeer.versturen div{
						float:right;
					}
						


        .formresult{
            align-items: baseline;
            text-align: left;
            display: flex;}

            .formresult .fr-1{
                padding: 30px;
                background: rgba(250,250,250,1);
                width: 50%;}

                .formresult .fr-1 h2, .formresult .fr-2 h2{
                    font-size: 1.8em;}

                        ul.formkeuzes{
                            list-style: none;
                            padding: 0;
                            margin: 0;}                        

                            ul.formkeuzes li{
                                font-family: 'ivypresto-display', serif;
                                font-size: 1.4em;
                                list-style: none;
                                padding: 0;
                                margin: 0;}

                            ul.formkeuzes li ul{
                                margin-bottom: 10px;
                                display: flex;
                                justify-content: space-between;}

                                ul.formkeuzes li ul li{
                                    font-size: 0.8em;}

                    .brandprice{
                        font-family: 'ivypresto-display', serif;
                        font-size: 1.4em;
                        padding: 0;
                        margin: 0 0 30px 0;
                        list-style: none;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        flex-wrap: wrap;}

                        .brandprice li{
                            position: relative;
                            padding: 0;
                            margin: 0;
                            display: flex;
                            list-style: none;
                            width: auto;}

                            .brandprice > li + li{
                                opacity: 0.4;
                                padding: 5px 0 0 0;
                                margin: 5px 0 0 0;}

                                .brandprice > li + li:after{
                                    content: '';
                                    display: block;
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    height: 1px;
                                    width: 100%;
                                    background: rgba(0,0,0,0.05);}

                             .brandprice ul{
                                 flex: 1;
                                display: flex;
                                justify-content: flex-end;
                                padding: 0;
                                margin: 0;}

                    .fr-kimg{
                        background: #FFF;}

                        .fr-kimg img{
                            padding: 30px;}

                .fr-inbegrepen{
                    flex-wrap: wrap;
                    display: flex;}

                    .fr-inbegrepen h3{
                        width: 100%;
                        margin: 0 0 15px 0;
                        font-size: 1.8em;}

                .fr-inbegrepen > div{
                    padding: 5px;
                    margin: 5px 0;
                    width: 50%;}        

                    .fr-inbegrepen > div span{
                        font-family: 'ivypresto-display', serif;
                        font-size: 1.8em;
                        display: flex;
                        flex-wrap: wrap;
                        flex-direction: column;}

            .fr-2-p1 .panel-title a{
                padding-left: 45px;}

            .fr-2-p1 .panel-title a img{
                width: 20px;
                left: 0;
                object-fit: contain;
                height: 100%;
                position: absolute;}

            .formresult .fr-2{
                padding: 30px;
                width: 50%;}

                .fr-2 .panel-title a{
                    position: relative;
                    padding-right: 15px;
                    width: 100%;}

                    .fr-2 .panel-title a:after{
                        position: absolute;
                        background: none;
                        top: 50%;
                        right: 0;
                        z-index: 10;
                        height: auto;
                        width: auto;
                        display: block;
                        font-family: 'Material Icons';
                        transform: translateY(-50%) rotate(90deg);
                        content: 'keyboard_arrow_right';}

                        .fr-2 .panel-title a.collapsed:after{
                            transform: translateY(-50%) rotate(0deg);
                            }

                        .fr-2 .panel-title a:hover:after, .fr-2 .panel-title a:focus:after{
                            left: auto;}

                        .fr-2 .panel-title a:focus{
                            text-decoration: none;}
.fr-2 .panel-group{
    margin-bottom: 30px;}

    .formstep{
        position: sticky;
        bottom: 0;
        background: rgba(250,250,250,1);
        margin: 0 auto;
        display: flex;
        justify-content:space-between;}

        .formstep > div{
            display: flex;
            flex-direction: row;
            width: 100%;
            padding: 30px;
            margin: 0 auto;
            justify-content: space-between;
            max-width: 1280px;}


    a.leesmeer, button.leesmeer, #pdfmaken  {
        display: flex;
        padding: 5px 10px;
        background: #fff;
        border:2px solid #26583A;
        color: #26583A;
        width:auto;
		font-size:22px;
		border-radius:10px;
		line-height:1.6;
		cursor:pointer;
}

#pdfmaken {
	width:90% !important;
	text-align:center;
	margin:0 auto;
	display:inline-block;
}

    header a.leesmeer  {
        display: flex;
        padding:  10px;
        background: #fff;
        border:2px solid #fff;
        color: #26583A;
        width:auto;
		font-size:20px;
		border-radius:10px;
		line-height:0.8;
		cursor:pointer;
	}

	a.leesmeer span {
		font-size:20px !important;
		padding: 0 !important;
		margin-left:15px;
		line-height:1.8;
	}

	/*a.leesmeer.next {
		margin-top:10px;
	}*/

        .schatting a.leesmeer:hover, button.leesmeer:hover{
            background: #26583A;
            color: #fff;}

            .leesmeer.previous div{
				transform: rotate(180deg);
				padding-left:15px;
				font-size:20px !important;
             }

            .schatting .leesmeer.next{}

   		 .schatting a.leesmeer::after {
			 height:0;
		}

        .extracost{
            display: block;
            text-align: center;
            margin-bottom: 15px;}
            
        .panel-col{
            flex-wrap: wrap;
            justify-content: space-between;
            display: flex;}

            .panel-col > div{
                flex: 1 1 0;
                margin: 10px;
                min-width: 150px;
                width: calc(50% - 15px);}

.panel-default > .panel-heading {
    background-color: rgba(0,0,0,0); 
    border-color: rgba(0,0,0,0);}

.panel-group .panel {
    border: 0}

.bottom{
    margin: auto 0 0;
    align-self: flex-end;}

.animate__animated{animation-play-state: paused;}
.animate__animated.play{animation-play-state: running;}
.forceplay.animate__animated{animation-play-state: running;}
.button, .show, a:after{
    -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}

.vf{ position: absolute; bottom:-40px; left: 0px; right: 0px; margin:0px auto; text-align: center;}
.vf a{height:20px; width:100%; text-align:left; font-size:10px; color:#000000!important; text-decoration:none; text-align: center; display:inline-block; zoom: 1; filter: alpha(opacity=2); opacity: 0.1;}
.vf a:hover {filter: alpha(opacity=100); opacity: 1;}
.vf img{height:8px; width:80px;}

/* select kitchen */

.schk1 > .select-kitchen {
    position: relative;
    width:100%;
    float:left;
	/*border:1px solid #707070;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;	*/
}

.schk1.apparatuurKeuze .select-kitchen  {
	border:1px solid #707070;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;
}

.schk1 > .select-kitchen_alt {
	border:unset !important;
	box-shadow: unset !important;
}

.schk1 > .select-kitchen_alt .keukenOptie {
	padding:10px;
	display:block;
	position:relative;
	border:1px solid #707070;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 9px 0px;	
}

.select-kitchen-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    padding-top: calc(10 / 10 * 100%);
    width: calc(100%);
    max-width:45px !important;
    height: 100%;
}
.select-kitchen-input:checked + label{
	background:red; /* put your image here*/
	height: 50px;
	width: 50px;
	position: absolute;
	top:0;
	left:0;
}