/* Slider */

.slick-slider {

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}



.slick-list:focus {

    outline: none;

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-slider .slick-track,

.slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track {

    position: relative;

    top: 0;

    left: 0;

    display: block;

}





.slick-track:before,

.slick-track:after {

    display: table;

    content: '';



}



.slick-track:after { 

    clear: both; 

}



.slick-loading .slick-track { 

    visibility: hidden; 

} 



.slick-slide { 

    display: none; 

    float: left; 

    height: 100%; 

    min-height: 1px; 

} 



[dir='rtl'] .slick-slide{ 

    float: right; 

} 



.slick-slide img { 

    display: block; 

} 



.slick-slide.slick-loading img { 

    display: none; 

} 



.slick-slide.dragging img { 

    pointer-events: none; 

} 



.slick-initialized .slick-slide { 

    display: block; 

} 



.slick-loading .slick-slide { 

    visibility: hidden; 

} 



.slick-vertical .slick-slide { 

    display: block; 

    height: auto; 

    border: 1px solid transparent; 

} 



.slick-arrow.slick-hidden { 

    display: none; 

} 



.listing.listing-slider {

    overflow: visible;

}



/* -------------------------------------------- 

        SLIDER BLOG & SLIDER SIMPLE VERHALEN

-----------------------------------------------*/ 

.listing-blog.listing-slider.slick-slider .slick-arrow {

    top: -43px;

}



.listing-blog.slick-slider .slick-prev.slick-arrow,

.listing.related-slider .slick-prev.slick-arrow {

    --position-arrow: -webkit-calc(100% - (var(--size-arrow) * 2) - 12px - 16px);

    --position-arrow: -moz-calc(100% - (var(--size-arrow) * 2) - 12px - 16px);

    --position-arrow: calc(100% - (var(--size-arrow) * 2) - 12px - 16px);

    -webkit-transform: translateY(-100%);

       -moz-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

         -o-transform: translateY(-100%);

            transform: translateY(-100%);

}



.listing-blog.slick-slider .slick-next.slick-arrow,

.listing.related-slider .slick-next.slick-arrow {

    --position-arrow: 12px;

    -webkit-transform: translateY(-100%) scaleX(-1);

       -moz-transform: translateY(-100%) scaleX(-1);

        -ms-transform: translateY(-100%) scaleX(-1);

         -o-transform: translateY(-100%) scaleX(-1);

            transform: translateY(-100%) scaleX(-1); ;

}



.listing.related-slider .slick-arrow {

    top: -47px;

}



.listing.listing-klantverhalen.slider-simple .slick-arrow {

    background-color: var(--green);

}



.listing.slider-side-opacity .listing-item:not(.slick-active){

    opacity: .5;

}



/* -------------------------

    IMAGE MEDIA CAROUSEL

----------------------------*/

.wh-image-carousel--wrapper .slick-slider .slick-dots button {

    width: 8px;

    height: 8px;

    background-color: rgba(255,255,255,0.5);

    border: none;

}



.wh-image-carousel--wrapper .slick-slider .slick-dots li.slick-active button {

    width: 24px;

    background-color: var(--lilac);

}

.listing.listing-related-klantverhalen .slick-track {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100%
}



@media all and (min-width: 901px) {

    /* slider lsiting klachten */

    .vc_row.row-slider-curve {

        -webkit-transform: translateY(-104px);

           -moz-transform: translateY(-104px);

            -ms-transform: translateY(-104px);

             -o-transform: translateY(-104px);

                transform: translateY(-104px);

        margin-bottom: -106px;

    }



    .listing.slider-curve {

        padding-top: 104px;

        padding-bottom: 106px;

    }



    .listing-slider.slider-curve .listing-item.slick-slide:not(.slick-active) {

        opacity: 0.5;

    }



    .listing-slider.slider-curve .listing-item.slick-current.slick-active,

    .listing-slider.slider-curve .listing-item.slick-current.slick-active + .listing-item.slick-active + .listing-item.slick-active + .listing-item.slick-active {

        -webkit-transform: translateY(-49px);

           -moz-transform: translateY(-49px);

            -ms-transform: translateY(-49px);

             -o-transform: translateY(-49px);

                transform: translateY(-49px);

    }



    .listing-slider.slider-curve .listing-item:not(.slick-current.slick-active),

    .listing-slider.slider-curve .listing-item:not(.slick-active) {

        -webkit-transform: translateY(-104px);

           -moz-transform: translateY(-104px);

            -ms-transform: translateY(-104px);

             -o-transform: translateY(-104px);

                transform: translateY(-104px);

    }



    .listing-slider.slider-curve .listing-item.slick-current.slick-active + .listing-item.slick-active,

    .listing-slider.slider-curve .listing-item.slick-current.slick-active + .listing-item.slick-active + .listing-item.slick-active {

        -webkit-transform: translateY(0px);

           -moz-transform: translateY(0px);

            -ms-transform: translateY(0px);

             -o-transform: translateY(0px);

                transform: translateY(0px);

    }

    

    .slider-curve.slick-slider .slick-arrow {

        top: 94%;

    }



    .slider-right.slick-slider .slick-arrow {

        top: 77%;

    }



    .slider-curve.slick-slider .slick-prev.slick-arrow,

    .slider-right.slick-slider .slick-prev.slick-arrow {

        --position-arrow: -webkit-calc(50% - var(--size-arrow) - 8px);

        --position-arrow: -moz-calc(50% - var(--size-arrow) - 8px);

        --position-arrow: calc(50% - var(--size-arrow) - 8px);

    }



    .slider-curve.slick-slider .slick-next.slick-arrow,

    .slider-right.slick-slider .slick-next.slick-arrow {

        --position-arrow: -webkit-calc(50% - var(--size-arrow) - 8px);

        --position-arrow: -moz-calc(50% - var(--size-arrow) - 8px);

        --position-arrow: calc(50% - var(--size-arrow) - 8px);

    }



    .slick-slider .slick-prev.slick-arrow,

    .slick-slider .slick-next.slick-arrow:hover {

        opacity: .5;

    }



    .vc_row.row-slider-custom {

        -webkit-transform: translateY(-330px);

           -moz-transform: translateY(-330px);

            -ms-transform: translateY(-330px);

             -o-transform: translateY(-330px);

                transform: translateY(-330px);

        margin-bottom: -webkit-calc((330px + 254px)* -1);

        margin-bottom: -moz-calc((330px + 254px)* -1);

        margin-bottom: calc((330px + 254px)* -1);

    }



    .listing.listing-klantverhalen.slider-custom {

        margin-left: 40px;

        padding-top: 280px;

        padding-bottom: 280px;

    }



    .listing.listing-klantverhalen.slider-custom .listing-item {

        width: 28vw !important;

        max-width: 456px;

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

        will-change: transform;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

        text-rendering: optimizeLegibility;

    }



    .listing-klantverhalen.slider-custom.slider-left .slick-arrow {

        top: 81.6%;

    }

}





@media all and (min-width: 1200px) {

    .slider-left.slider-custom .slick-prev.slick-arrow {

        --position-arrow: -webkit-calc(71% - (var(--size-arrow) * 2) - 12px - 16px);

        --position-arrow: -moz-calc(71% - (var(--size-arrow) * 2) - 12px - 16px);

        --position-arrow: calc(71% - (var(--size-arrow) * 2) - 12px - 16px);

    }



    .slider-left.slider-custom .slick-next.slick-arrow {

        --position-arrow: -webkit-calc(18% + (var(--size-arrow) * 2) + 12px + 16px);

        --position-arrow: -moz-calc(18% + (var(--size-arrow) * 2) + 12px + 16px);

        --position-arrow: calc(18% + (var(--size-arrow) * 2) + 12px + 16px);

    }

}



@media all and (min-width: 1600px) {

    .listing.listing-klantverhalen.slider-custom {

        --listing-gap: 55px;

    }



    .listing.listing-klantverhalen.slider-custom.slider-left .slick-list {

        -webkit-transform: rotate(9deg) translateZ(0) translateX(-50%);

           -moz-transform: rotate(9deg) translateZ(0) translateX(-50%);

                transform: rotate(9deg) translateZ(0) translateX(-50%);

    }



    .listing.listing-klantverhalen.slider-custom.slider-left .listing-item {

        -webkit-transform: rotate(-9deg) translateZ(0);

           -moz-transform: rotate(-9deg) translateZ(0);

                transform: rotate(-9deg) translateZ(0);

    }



    .listing.listing-klantverhalen.slider-custom.slider-right .slick-list {

        -webkit-transform: rotate(-9deg) translateZ(0) translateX(-50%);

           -moz-transform: rotate(-9deg) translateZ(0) translateX(-50%);

                transform: rotate(-9deg) translateZ(0) translateX(-50%);

    }



    .listing.listing-klantverhalen.slider-custom.slider-right .listing-item {

        -webkit-transform: rotate(9deg) translateZ(0);

           -moz-transform: rotate(9deg) translateZ(0);

                transform: rotate(9deg) translateZ(0);

    }



    .listing.listing-klantverhalen.slider-custom {

        margin-left: 40px;

        padding-bottom: 292px;

    }



    .listing.listing-klantverhalen.slider-custom.slider-left {

        padding-top: 280px;

    }



    .listing.listing-klantverhalen.slider-custom.slider-right {

        padding-top: 302px;

    }

}



@media all and (min-width: 901px) and (max-width: 1599px) {

    .listing.listing-klantverhalen.slider-custom {

        --listing-gap: 36px;

    }



    .listing.listing-klantverhalen.slider-custom.slider-left .slick-list {

        -webkit-transform: rotate(6deg) translateZ(0);

           -moz-transform: rotate(6deg) translateZ(0);

                transform: rotate(6deg) translateZ(0);

    }



    .listing.listing-klantverhalen.slider-custom.slider-left .listing-item {

        -webkit-transform: rotate(-6deg) translateZ(0);

           -moz-transform: rotate(-6deg) translateZ(0);

                transform: rotate(-6deg) translateZ(0);

    }



    .listing.listing-klantverhalen.slider-custom.slider-right .slick-list {

        -webkit-transform: rotate(-6deg) translateZ(0);

           -moz-transform: rotate(-6deg) translateZ(0);

                transform: rotate(-6deg) translateZ(0);

    }



    .listing.listing-klantverhalen.slider-custom.slider-right .listing-item {

        -webkit-transform: rotate(6deg) translateZ(0);

           -moz-transform: rotate(6deg) translateZ(0);

                transform: rotate(6deg) translateZ(0);

    }

}



@media all and (min-width: 1200px) and (max-width: 1599px) {

    .listing.listing-klantverhalen.slider-custom {

        --text-sm: 12px;

    }



    .listing.listing-klantverhalen.slider-custom .listing-item {

        width: 31vw !important;

    }

}





@media all and (min-width: 1200px) and (max-width: 1299px) {

    .listing.listing-slider {

        --padding-container: 24px;

    }

}





@media all and (min-width: 901px) and (max-width: 1199px) {

    .listing.listing-klantverhalen.slider-custom {

        --text-sm: 12px;

    }



    .listing.listing-klantverhalen.slider-custom .listing-item {

        width: 41vw !important;

    }



    .slider-custom.slider-left.slick-slider .slick-next.slick-arrow {

        --position-arrow: 69%;

        right: unset;

        left: var(--position-arrow);

    }



    .slider-custom.slider-left.slick-slider .slick-prev.slick-arrow {

        --position-arrow: -webkit-calc(68% - 68px);

        --position-arrow: -moz-calc(68% - 68px);

        --position-arrow: calc(68% - 68px);

    }



    .listing-blog.slick-slider .slick-next.slick-arrow, 

    .listing.related-slider .slick-next.slick-arrow {

        --position-arrow: 24px;

    }



    .listing-blog.slick-slider .slick-prev.slick-arrow, 

    .listing.related-slider .slick-prev.slick-arrow {

        -webkit-transform: translate(-8px, -100%);

           -moz-transform: translate(-8px, -100%);

            -ms-transform: translate(-8px, -100%);

             -o-transform: translate(-8px, -100%);

                transform: translate(-8px, -100%);

    }



    .whbutton-wrapper.btn-all-slider {

        width: -webkit-calc(100% - 128px - 24px);

        width: -moz-calc(100% - 128px - 24px);

        width: calc(100% - 128px - 24px);

    }



    .listing.listing-klantverhalen.slider-custom {

        padding-top: 320px;

    }



    .listing.listing-klantverhalen.slider-custom.slider-right {

        padding-bottom: 200px;

    }



    .slider-right.slick-slider .slick-arrow {

        top: 88%;

    }



    .content-bottom-slider.wpb_column {

        min-width: 480px;

    }

}



@media all and (max-width: 600px) {

    .listing-blog.slick-slider .slick-track {

        margin-left: 80px;

    }



    .listing.listing-klantverhalen.slider-custom .slick-slide {

        height: 100%;

    }

}