.clear {
    clear: both;
}

body {
    min-height: 100%;
    height: 100%;
    font-family: 'Lexend', sans-serif;
    font-weight: 300; /*400*/
}

h1,
h2,
h3,
h4 {
    padding: 0px;
    margin: 0px;
}

h1 {
    text-transform: uppercase;
    color: #e5007e;
}

h1,
h2,
h3 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 800;
    text-transform: uppercase;
}

.h2-clone,
h2 {
    color: #0f1125;
}

h3 {
    color: #e5007e;
}

.h4-clone,
h4 {
    font-size: 20px;
    line-height: 36px;
    color: #0f1125;
    line-height: 32px;
    text-transform: uppercase;
}

h4 span {
    font-weight: 600;
}

.contactkop {
    font-weight: 300 !important;
}


.h4-rood {
    color: #e5007e;
}

.h4-blauw {
    color: #0f1125;
}

.imglink img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.imgschaduw {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.klein {
    text-transform: lowercase !important;
    font-weight: normal !important;
}

h2 .klein,
h1 .klein {
    font-weight: 800 !important;
}

h2>span,
h3>span {
    font-weight: 800 !important;
}

.slick-multiple-2 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    overflow: padding-top:10px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

/**
* Reset button styles.
*/
button.btn-reset {
	border: none;
	font: inherit;
	color: inherit;
	background-color: transparent;
	cursor: pointer;
}

a {
    color: #0f1125;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

nav a:hover {
    text-decoration: none;
}

footer h2 {
    margin-top: 160px;
    color: white;
    font-size: 58px;
    line-height: 58px;
    font-weight: 300;
    border-bottom: 1px solid white;
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 50px;
}

.kop-naast {
    float: left;
}

.kop-naast::after {
    content: "\00a0";
}

.paddingkop {
    padding-bottom: 30px;
}

.nonpaddingkop {
    padding-bottom: 0px;
}

/*slick*/
.slick-multiple-1 .slick-list,
.slick-multiple-2 .slick-list,
.slick-multiple-3 .slick-list,
.slick-multiple-4 .slick-list {
    margin: 0 -25px;
}

.slick-multiple-1 .slick-multiple-item,
.slick-multiple-2 .slick-multiple-item,
.slick-multiple-3 .slick-multiple-item,
.slick-multiple-4 .slick-multiple-item {
    margin: 0 25px;
}

.slick-multiple-item {
    position: relative;
}

.slick-mob {
    display: none;
}

.nextSlide {
    padding: 0px;
    border: 1px solid #e5007e;
    text-align: center;
    width: 50px;
    height: 50px;
}

.nextSlide p {
    color: #e5007e;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.item-next {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

p,
ul {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300; /*400*/
}

nav li {
    padding-left: 0px;
}

nav li:before {
    content: '';
}

li {
    position: relative;
    padding-left: 16px;
}

li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '• ';
    color: #000;
    font-size: 20px;
}

.btn {
    font-size: 15px;
    display: inline-block;
    line-height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 30px;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
}

a.btn {
    text-decoration: none;
}

/*classes voor uitlijning flexbox items*/

.align-boven {
    align-self: flex-start !important;
}

.align-onder {
    align-self: flex-end !important;
}

.align-center {
    align-self: center !important;
}

.align-85 {
    margin-top: 85px;
}

/*verticaal*/
/*.align-center-v{justify-content: center; }
.align-rechts{align-self: flex-end!important;}*/


.btn-rood {
    border: 1px solid #e5007e;
    color: #e5007e;
}

.btn-blauw {
    border: 1px solid #0f1125;
    color: #0f1125;
}

.wrapper {

    background-color: white;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    max-width: 1905px;
    /*1900*/

    margin: 0 auto;
    position: relative;

}

.container {

    display: flex;
    flex-wrap: wrap;
    /*width: calc(100% - 85px);*/
    width: calc(100% - 145px);
    margin: 0 auto;
    /*justify-content: space-between;*/
}


/*HEADER*/
.header {
    width: 100%;
    max-width: 1710px;
    margin: 0 auto;
    /*padding-left:25px; 
    padding-right:25px; 
    padding-left:97px; 
    padding-right:97px; */
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
}

.logo {
    max-width: 300px;
}

.logo img {
    width: 100%;
}

/*nav*/

.navcontainer {
    position: fixed;
    z-index: 9999;
    background-color: white;
    width: 100% !important;
    /*max-width:1905px;*/
    /*1900*/
    /* dropshadow */
    -webkit-box-shadow: -10px -12px 20px #000000;
    -moz-box-shadow: -10px -12px 20px #000000;
    box-shadow: -10px -12px 20px #000000;
}

nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}


nav ul li {
    displaY: inline-block;
}

nav a {
    color: #0f1125;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

nav li:not(.last) a::after {
    content: " | ";
    color: #e5007e;
    display: inline-block;
    padding-left: 8px;
    padding-right: 5px;
    font-weight: 300;
}

/* Hamburger */
.bars {
    display: inline-block;
    cursor: pointer;
    margin-top: 0;
    margin-right: 0;
    width: inherit;
    height: inherit;
}

.bar1,
.bar2,
.bar3 {
    width: 25px;
    height: 4px;
    background: #0f1125;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 3px);
    transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-5px, -6px);
}

.nav-link {
    display: none;
}


/*MAIN ITEMS*/

.item {
    /*flex-basis: 25%!important;*/
    flex-direction: row;
    background-color: white;


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    margin-left: 25px;
    margin-right: 25px;

    position: relative;

}

.item,
.slickslider-top,
.contactbanner,
.stickywrapper img {
    margin-bottom: 50px;
}

.item img {
    width: 100%;
    /*voor nu*/
}

.item a {
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

.item:nth-child(1) {
    order: 1;
}

.item:nth-child(2) {
    order: 2;
}

.item:nth-child(3) {
    order: 3;
}

.item:nth-child(4) {
    order: 4;
}

.item:nth-child(5) {
    order: 5;
}

.item:nth-child(6) {
    order: 6;
}

.item:nth-child(7) {
    order: 7;
}

.item:nth-child(8) {
    order: 8;
}

.item:nth-child(9) {
    order: 9;
}

.item:nth-child(10) {
    order: 10;
}

.item:nth-child(11) {
    order: 11;
}

.item:nth-child(12) {
    order: 12;
}

.item:nth-child(13) {
    order: 13;
}

.item:nth-child(14) {
    order: 14;
}

.item:nth-child(15) {
    order: 15;
}

.item:nth-child(16) {
    order: 16;
}

.item:nth-child(17) {
    order: 17;
}

.item:nth-child(18) {
    order: 18;
}

.item:nth-child(19) {
    order: 19;
}

.item:nth-child(20) {
    order: 20;
}

.item:nth-child(21) {
    order: 21;
}

.item:nth-child(22) {
    order: 22;
}

.item:nth-child(23) {
    order: 23;
}

.item:nth-child(24) {
    order: 24;
}

.item:nth-child(25) {
    order: 25;
}

.item:nth-child(26) {
    order: 26;
}

.item:nth-child(27) {
    order: 27;
}

.item:nth-child(28) {
    order: 28;
}

.item:nth-child(29) {
    order: 29;
}

.item:nth-child(30) {
    order: 30;
}

.item:nth-child(31) {
    order: 31;
}

.item:nth-child(32) {
    order: 32;
}

.item:nth-child(33) {
    order: 33;
}

.item:nth-child(34) {
    order: 34;
}

.item:nth-child(35) {
    order: 35;
}

.item:nth-child(36) {
    order: 36;
}

.item:nth-child(37) {
    order: 37;
}

.item:nth-child(38) {
    order: 38;
}

.item:nth-child(39) {
    order: 39;
}

.item:nth-child(40) {
    order: 40;
}

.item:nth-child(41) {
    order: 41;
}

.item:nth-child(42) {
    order: 42;
}

.item:nth-child(43) {
    order: 43;
}

.item:nth-child(44) {
    order: 44;
}

.item:nth-child(45) {
    order: 45;
}

.item:nth-child(46) {
    order: 46;
}

.item:nth-child(47) {
    order: 47;
}

.item:nth-child(48) {
    order: 48;
}

.item:nth-child(49) {
    order: 49;
}

.item:nth-child(50) {
    order: 50;
}

.item:nth-child(51) {
    order: 51;
}

.item:nth-child(52) {
    order: 52;
}

.item:nth-child(53) {
    order: 53;
}

.item:nth-child(54) {
    order: 54;
}

.item:nth-child(55) {
    order: 55;
}

.item:nth-child(56) {
    order: 56;
}

.item:nth-child(57) {
    order: 57;
}

.item:nth-child(58) {
    order: 58;
}

.item:nth-child(59) {
    order: 59;
}

.item:nth-child(60) {
    order: 60;
}

.item:nth-child(61) {
    order: 61;
}

.item:nth-child(62) {
    order: 62;
}

.item:nth-child(63) {
    order: 63;
}

.item:nth-child(64) {
    order: 64;
}

.item:nth-child(65) {
    order: 65;
}

.item:nth-child(66) {
    order: 66;
}

.item:nth-child(67) {
    order: 67;
}

.item:nth-child(68) {
    order: 68;
}

.item:nth-child(69) {
    order: 69;
}

.item:nth-child(70) {
    order: 70;
}

.item:nth-child(71) {
    order: 71;
}

.item:nth-child(72) {
    order: 72;
}

.item:nth-child(73) {
    order: 73;
}

.item:nth-child(74) {
    order: 74;
}

.item:nth-child(75) {
    order: 75;
}

.item:nth-child(76) {
    order: 76;
}

.item:nth-child(77) {
    order: 77;
}

.item:nth-child(78) {
    order: 78;
}

.item:nth-child(79) {
    order: 79;
}

.item:nth-child(80) {
    order: 80;
}

.item:nth-child(81) {
    order: 81;
}

.item:nth-child(82) {
    order: 82;
}

.item:nth-child(83) {
    order: 83;
}

.item:nth-child(84) {
    order: 84;
}

.item:nth-child(85) {
    order: 85;
}

.item:nth-child(86) {
    order: 86;
}

.item:nth-child(87) {
    order: 87;
}

.item:nth-child(88) {
    order: 88;
}

.item:nth-child(89) {
    order: 89;
}

.item:nth-child(90) {
    order: 90;
}

.item:nth-child(91) {
    order: 91;
}

.item:nth-child(92) {
    order: 92;
}

.item:nth-child(93) {
    order: 93;
}

.item:nth-child(94) {
    order: 94;
}

.item:nth-child(95) {
    order: 95;
}

.item:nth-child(96) {
    order: 96;
}

.item:nth-child(97) {
    order: 97;
}

.item:nth-child(98) {
    order: 98;
}

.item:nth-child(99) {
    order: 99;
}

.item:nth-child(100) {
    order: 100;
}

.item:nth-child(101) {
    order: 101;
}

.item:nth-child(102) {
    order: 102;
}

.item:nth-child(103) {
    order: 103;
}

.item:nth-child(104) {
    order: 104;
}

.item:nth-child(105) {
    order: 105;
}

.item:nth-child(106) {
    order: 106;
}

.item:nth-child(107) {
    order: 107;
}

.item:nth-child(108) {
    order: 108;
}

.item:nth-child(109) {
    order: 109;
}

.item:nth-child(110) {
    order: 110;
}

.item:nth-child(111) {
    order: 111;
}

.item:nth-child(112) {
    order: 112;
}

.item:nth-child(113) {
    order: 113;
}

.item:nth-child(114) {
    order: 114;
}

.item:nth-child(115) {
    order: 115;
}

.item:nth-child(116) {
    order: 116;
}

.item:nth-child(117) {
    order: 117;
}

.item:nth-child(118) {
    order: 118;
}

.item:nth-child(119) {
    order: 119;
}

.item:nth-child(120) {
    order: 120;
}

.item:nth-child(121) {
    order: 121;
}

.item:nth-child(122) {
    order: 122;
}

.item:nth-child(123) {
    order: 123;
}

.item:nth-child(124) {
    order: 124;
}

.item:nth-child(125) {
    order: 125;
}

.item:nth-child(126) {
    order: 126;
}

.item:nth-child(127) {
    order: 127;
}

.item:nth-child(128) {
    order: 128;
}

.item:nth-child(129) {
    order: 129;
}

.item:nth-child(130) {
    order: 130;
}

.item:nth-child(131) {
    order: 131;
}

.item:nth-child(132) {
    order: 132;
}

.item:nth-child(133) {
    order: 133;
}

.item:nth-child(134) {
    order: 134;
}

.item:nth-child(135) {
    order: 135;
}

.item:nth-child(136) {
    order: 136;
}

.item:nth-child(137) {
    order: 137;
}

.item:nth-child(138) {
    order: 138;
}

.item:nth-child(139) {
    order: 139;
}

.item:nth-child(140) {
    order: 140;
}

.item:nth-child(141) {
    order: 141;
}

.item:nth-child(142) {
    order: 142;
}

.item:nth-child(143) {
    order: 143;
}

.item:nth-child(144) {
    order: 144;
}

.item:nth-child(145) {
    order: 145;
}

.item:nth-child(146) {
    order: 146;
}

.item:nth-child(147) {
    order: 147;
}

.item:nth-child(148) {
    order: 148;
}

.item:nth-child(149) {
    order: 149;
}

.item:nth-child(150) {
    order: 150;
}






.item img {
    max-width: 100%;
}

.afb-titel {
    /*position:relative;*/
    position: absolute;
    bottom: 50px;
    left: 50px;
    font-size: 25px;
    line-height:28px;
    color: white;
    text-transform: uppercase;
    font-weight: 300;
}

.afb-titel:hover {
    text-decoration: none;
}

.slick-slider .afb-titel {
    position: absolute;
}

/*.item:last-child {outline: 0px solid #e5007e;}*/

/*.item-1{width:calc(100% / 12 - 30px);}
.item-2{width:calc(100% / 12 * 2 - 30px);}
.item-3{width:calc(100% / 12 * 3 - 30px);}
.item-4{width:calc(100% / 12 * 4 - 30px);}
.item-5{width:calc(100% / 12 * 5 - 30px);}
.item-6{width:calc(100% / 12 * 6 - 30px);}
.item-7{width:calc(100% / 12 * 7 - 30px);}
.item-8{width:calc(100% / 12 * 8 - 30px);}
.item-9{width:calc(100% / 12 * 9 - 30px);}
.item-10{width:calc(100% / 12 * 10 - 30px);}
.item-11{width:calc(100% / 12 * 11 - 30px);}
.item-12{width:calc(100% / 12 * 12 - 30px);}*/

.item-1 {
    width: calc(8.33333% - 50px);
}

.item-2 {
    width: calc(16.66667% - 50px);
}

.item-3 {
    width: calc(25% - 50px);
}

.item-4 {
    width: calc(33.33333% - 50px);
}

.item-5 {
    width: calc(41.66667% - 50px);
}

.item-6 {
    width: calc(50% - 50px);
}

.item-7 {
    width: calc(58.33333% - 50px);
}

.item-8 {
    width: calc(66.66667% - 50px);
}

.item-9 {
    width: calc(75% - 50px);
}

.item-10 {
    width: calc(83.33333% - 50px);
}

.item-11 {
    width: calc(91.66667% - 50px);
}

.item-12 {
    width: calc(100% - 50px);
}

/*BLOK MEERDERE AFBEELDINGEN*/


.item-2-afb .afb-titel,
.item-2-afb .afb-titel p {
    font-weight: 200;
    left: 15px;
    bottom: 15px;
    font-size: 18px;
    line-height: 24px;
}

.item-2-afb .afb-titel b {
    font-weight: 600;
}

.afb-titel-hover {
    display: none;
}

.item-2-afb:hover .afb-titel-standaard {
    display: none;
}

.item-2-afb:hover .afb-titel-hover {
    display: inline;
}

.afb-titel-hover,
.afb-titel-hover p,
.afb-titel-hover a {
    color: white !important;
}

.item-2-afb a:hover {
    text-decoration: none;
}

.imgcontainer {
    position: relative;
}

.emailmob {
    display: none;
}


/*ons team */
a.emailmob,
a.emaildesk {
    text-decoration: none;
}

/*ONS WERK*/

#headerImage h1 {
    z-index: 2;
    color: white;
    font-size: 58px;
    font-weight: 300;
}

#headerImage h2 {
    z-index: 2;
    color: white;
    font-size: 30px;
    padding-top: 20px;
    /*35*/
    line-height: 0px;
    padding-bottom: 26px;
    /*0*/
    padding-left: 2px;
    font-weight: 300;
    margin-bottom: 0px;
}


.container-h1 {
    max-width: 1710px;
    margin: 0 auto;
}

.full-h1 {
    width: 100%;
    top: 79%;
    padding-top: 30px;
    padding-bottom: 30px;
    position: absolute;
    background-color: rgba(229, 0, 126, 0.8);
}

/* Fade in Full h2 ons werk */
.full-h1 {
    -webkit-animation: fadein 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s;
    /* Firefox < 16 */
    -ms-animation: fadein 1s;
    /* Internet Explorer */
    -o-animation: fadein 1s;
    /* Opera < 12.1 */
    animation: fadein 1s;
}

/* Fade in keyframes */
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* -- */

/*ONS WERK*/
.onswerk .afb-titel {
    background-color: rgba(229, 0, 126, 0.8);
    left: 0;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    bottom: 30px;
}

.onswerk .afb-titel span {
    margin-left: 20px;
    display: inline-block;
}

.onswerk .afb-titel {
    opacity: 0;
}

.imglink span {
    transition: 0.2s ease-in;
    transform: scale(1);
}

.imglink:hover>.afb-titel {
    opacity: 1;
    transition: 0.2s ease-in;
}

.imglink:hover {
    transform: scale(1.05);
}

.imglink:hover span {
    transform: scale(1.05);
}

.imglink span {
    pointer-events: none;
}

/*FOOTER*/
footer {
    color: white;
    font-size: 20px;
    background-size: cover;
}

footer a {
    color: white;
    text-decoration: none;
}

.footercontent {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.contactgegevens {
    padding-bottom: 100px;
}

.contactgegevens span {
    font-weight: 600;
}

.contact-left {
    float: left;
}

.contact-right {
    float: right;
}

.footeritem {
    font-weight: 400 !important;
    /*white-space: nowrap;*/
    page-break-inside: avoid;
    display: inline-block;
    page-break-inside: avoid;
    padding-right: 5px;
}

.zusterbedrijf {
    text-align: right;
    font-size: 16px;
}



/*contactpagina*/
.top-shadow {
    height: 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}

.map {
    height: 400px;
    max-height: 400px;
    position: relative;
    transition: 0.5s;
    width: 100%;
    float: left;
}

.map.show-map {
    height: calc(100vh - 100px);
}

.map-button {
    position: relative;
    height: 200px;
    line-height: 200px;
    z-index: 999;
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
}

.map-button a {
    color: #fff;
    text-decoration: none;
}

body .footer .map-button {
    text-align: left;
}

.map.show-map .map-button {
    position: absolute;
}

.map #kaart {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.map .gm-style h4 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.map .gm-style p {
    font-size: 16px;
    line-height: 24px;
}

@media only screen and (max-width: 680px) {
    .map #kaart {
        margin-left: -20px;
        margin-right: -20px;
    }

    .item.googlemaps {
        margin-bottom: 50px;
    }

    .map {
        max-height: 300px;
    }

}

.adresgegevens {
    padding-bottom: 75px;
}

.adresgegevens-left {
    float: left;
    width: 32%;
    display: block;
}

.adresgegevens-right {
    float: left;
    width: 68%;
    display: block;
}

.adresgegevens h4,
.h4-clone {
    margin-bottom: 16px;
    font-weight: 800
}

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

    .adresgegevens-left,
    .adresgegevens-right {
        width: 100%;
    }

    .adresgegevens-left {
        margin-bottom: 32px;
    }
}

.adresgegevens h4.a-kop,
.h4-clone {
    margin-bottom: 32px;
    font-weight: 600
}

.adresgegevens h4 a-kop span {
    font-weight: 800
}

.push-bottom {
    position: absolute;
    bottom: 0;
    display: block;
}

/* Gmaps geweigerd styling */
.gmaps-geweigerd-wrap {
    padding-top: 20px;
}
.has-maps-placeholder {
    background-image:url('/theme/img/placeholder-map-fullhouse-desk-02.jpg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
}
@media only screen and (max-width: 680px){
    .has-maps-placeholder {
        background-image:url('/theme/img/placeholder-map-fullhouse-mob-02.jpg');
    }
}
/*Custom zoom controls styling*/
.control-wrapper {
    user-select: none;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    width: 40px;
    height: 81px;
    margin-right: 5px;
}

.zoom-in-btn {
    /*background: none;*/
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2218%2C7%2011%2C7%2011%2C0%207%2C0%207%2C7%200%2C7%200%2C11%207%2C11%207%2C18%2011%2C18%2011%2C11%2018%2C11%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;

    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;

    border-bottom: 1px solid #cccccca6;
}

.zoom-out-btn {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2C7h18v4H0V7z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    cursor: pointer;
    user-select: none;
    overflow: hidden;
    width: 40px;
    height: 40px;
    top: 0px;
    left: 0px;
}

/*Marker info styling, note: important is to overwrite google maps inline CSS*/
.m-bedrijf {
    font-weight: 600;
}

.m-content {
    line-height: 18px;
}

.fontFam {
    font-family: 'Lexend', sans-serif;
}

.fontFam .m-route {
    font-weight: 500;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}

.gm-style-iw-d div div {
    padding-left: 0 !important;
}

.gm-style-iw.gm-style-iw-c {
    padding-right: 10px !important;
    padding-top: 15px !important;
}

.gm-ui-hover-effect {
    top: -3px !important;
    right: 3px !important;

}

.gm-ui-hover-effect img {
    width: 21px !important;
    height: 21px !important;
    z-index: 999999 !important;
}

.gm-style-iw-d {
    max-height: 100% !important;
}

/*tablet*/
@media only screen and (max-width: 1024px) {
    .gmaps-geweigerd-wrap {}

    .control-wrapper {
        width: 35px;
        height: 76px;
    }

    .zoom-in-btn,
    .zoom-out-btn {
        width: 35px;
        height: 35px;
        background-size: 16px 16px;
    }

    button.gm-control-active.gm-fullscreen-control {
        width: 35px !important;
        height: 35px !important;
    }

    .gm-style-iw.gm-style-iw-c {
        max-height: 170px !important;
        height: 170px !important;
    }

    .top-shadow {
        display: none;
    }
}

/*mobiel*/
@media only screen and (max-width: 680px) {
    .control-wrapper {
        width: 30px;
        height: 61px;
    }

    .zoom-in-btn,
    .zoom-out-btn {
        width: 30px;
        height: 30px;
        background-size: 14px 14px;
    }

    button.gm-control-active.gm-fullscreen-control {
        width: 30px !important;
        height: 30px !important;
    }

    .gm-style-iw-d div div {
        padding-top: 0 !important;
    }

    .gm-style-iw.gm-style-iw-c {
        max-height: 65px !important;
        height: 65px !important;
        padding-left: 0 !important;
    }

    .m-kop {
        font-size: 15px !important;
    }

    .gm-style-iw.gm-style-iw-c {
        padding-top: 23px !important;
    }

    .gm-style-iw-d,
    .gm-style-iw.gm-style-iw-c {
        width: 275px !important;
        max-width: 275px !important;
    }

}

@media only screen and (max-width: 680px) and (orientation:landscape) {
    .gm-style-iw.gm-style-iw-c {
        max-height: 64px !important;
        height: 64px !important;
    }
}

.map-button {
    position: relative;
    height: 200px;
    line-height: 200px;
    z-index: 999;
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
}

.adresgegevens a {
    text-decoration: none;
}

.contactbannerimg {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.push-bottom {
    position: absolute;
    bottom: 0;
    display: block;
}

/* Google maps */


/* Slick */
.slickslider-top {
    width: 100%;
    max-height: 500px;
    opacity: 0;
}

.slick-initialized {
    opacity: 1;
}

.slickslider-item {
    position: relative;
}

.slickslider-item img {
    width: 100%;
    max-height: 500px;
    z-index: 1;
    object-fit: cover;
}

.slick-prev {
    left: 0;
    z-index: 1;
    opacity: 0;
}

.slick-next {
    right: 0;
    z-index: 1;
    opacity: 0;
}

.slick-dots {
    bottom: 5px;
    opacity: 0;
}

.slickslider-top:hover>.slick-dots,
.slickslider-top:hover>.slick-prev,
.slickslider-top:hover>.slick-next {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}

/* Slick Caption */
.slickslider-item h2,
.slickslider-item h1 {
    margin-left: 95px;
    top: 79%;
    position: absolute;
    z-index: 2;
    color: white;
    font-size: 58px;
    font-weight: 300;
}

/* Sticky Scroll */
.stickywrapper {
    display: table;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.stickywrapper.item {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}

.stickyitems {
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    left: 0px;
}

.stickyitems,
.scrollitems {
    float: left;
}

.stickywrapper .item {
    margin-bottom: 0px !important;
}





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


    .imglink img,
    .slick-multiple-2 .slickimglink img {
        transition: 0.2s ease-in;
    }

    .imglink img:hover,
    .slick-multiple-2 .slickimglink img:hover {
        transform: scale(1.05);
    }

}

/*responsive*/

/*fonts etc*/
@media screen and (max-width: 1900px) and (min-width: 780px) {

    .h2-clone,
    h2,
    h3 {
        font-size: 1.684vw;
        line-height: 1.684vw;
    }

    h4 {
        font-size: 1.263vw;
        line-height: 1.895vw;
    }

    .btn {
        font-size: 0.789vw;
    }

    p,
    ul {
        font-size: 1.053vw;
        line-height: 1.579vw;
    }

    li {
        padding-left: 0.833vw;
    }

    li:before {
        font-size: 1.042vw;
    }

    .paddingkop {
        padding-bottom: 1.579vw;
    }

	.slickslider-item h2,
	.slickslider-item h1 {
        font-size: 3.053vw;
    }

    footer {
        font-size: 1.053vw;
    }

    footer h2 {
        font-size: 3.053vw;
    }

}


/*paddings*/
@media screen and (max-width: 1900px) and (min-width: 680px) {


    .h2-clone,
    h2,
    h3 {
        font-size: 1.684vw;
        line-height: 1.684vw;
    }

    h4 {
        font-size: 1.263vw;
        line-height: 1.895vw;
    }

    .header {
        /*padding-left: 1.316vw;
        padding-right: 1.316vw;*/
        padding-left: 5.105vw;
        padding-right: 5.105vw;
        padding-top: 1.316vw;
        padding-bottom: 1.316vw;
    }


    .container {
        width: calc(100% - 7.632vw);
    }

    .btn {
        font-size: 0.789vw;
        line-height: 2.105vw;
        padding-left: 1.316vw;
        padding-right: 1.316vw;
        margin-right: 1.579vw;
        margin-top: 1.579vw;
    }

    .item {
        margin-left: 1.316vw;
        margin-right: 1.316vw;
    }

    .item,
    .slickslider-top,
    .stickywrapper img {
        margin-bottom: 2.632vw;
    }


    .align-85 {
        margin-top: 4.474vw;
    }


    p,
    ul {
        font-size: 1.053vw;
        line-height: 1.579vw;
    }

    .paddingkop {
        padding-bottom: 1.579vw;
    }



    .item-1 {
        width: calc(8.33333% - 2.632vw);
    }

    .item-2 {
        width: calc(16.66667% - 2.632vw);
    }

    .item-3 {
        width: calc(25% - 2.632vw);
    }

    .item-4 {
        width: calc(33.33333% - 2.632vw);
    }

    .item-5 {
        width: calc(41.66667% - 2.632vw);
    }

    .item-6 {
        width: calc(50% - 2.632vw);
    }

    .item-7 {
        width: calc(58.33333% - 2.632vw);
    }

    .item-8 {
        width: calc(66.66667% - 2.632vw);
    }

    .item-9 {
        width: calc(75% - 2.632vw);
    }

    .item-10 {
        width: calc(83.33333% - 2.632vw);
    }

    .item-11 {
        width: calc(91.66667% - 2.632vw);
    }

    .item-12 {
        width: calc(100% - 2.632vw);
    }


    .slick-multiple-1 .slick-multiple-item,
    .slick-multiple-2 .slick-multiple-item,
    .slick-multiple-3 .slick-multiple-item,
    .slick-multiple-4 .slick-multiple-item {
        margin: 0 1.316vw;
    }

    .slick-multiple-1 .slick-list,
    .slick-multiple-2 .slick-list,
    .slick-multiple-3 .slick-list,
    .slick-multiple-4 .slick-list {
        margin: 0 -1.316vw;
    }

	.slickslider-item h2,
	.slickslider-item h1 {
        margin-left: 5vw;
        top: 68%;
        font-size: 3.053vw;
    }

    .slickslider-item img {
        max-height: 26.316vw;
    }

    .afb-titel {
        bottom: 2.632vw;
        left: 2.632vw;
        font-size: 1.316vw;
    }

    nav a {
        font-size: 1.053vw;
    }

    .logo {
        max-width: 15.789vw;
    }

    .item-2-afb .afb-titel,
    .item-2-afb .afb-titel p {
        font-weight: 200;
        left: 0.789vw;
        bottom: 0.789vw;
        font-size: 0.947vw;
        line-height: 0.947vw;
    }

    .item-2-afb .afb-titel b {
        font-weight: 600;
    }


    /*footer*/
    footer {
        font-size: 1.053vw;
    }

    footer h2 {
        margin-top: 8.421vw;

        line-height: 3.947vw;

        padding-bottom: 1.316vw;
        margin-bottom: 2.632vw;
    }

    /*ONS WERK*/
    .onswerk .afb-titel {
        padding-top: 1.053vw;
        padding-bottom: 1.053vw;
        bottom: 1.579vw;
    }

    .onswerk .afb-titel span {
        margin-left: 1.053vw;
    }

    .zusterbedrijf {
        font-size: 0.842vw;
    }

    .contactgegevens {
        padding-bottom: 5.263vw;
    }

    /*ONS WERK*/
    .container-h1 {
        padding-left: 5.105vw;
        padding-right: 5.105vw;
        margin: 0 auto;
    }

    .full-h1 {
        width: 100%;
        top: 79%;
        padding-top: 1.579vw;
        padding-bottom: 1.579vw;
    }

    #headerImage h1 {
        font-size: 3.053vw;
    }

    #headerImage h2 {
        font-size: 1.579vw;
        /*padding-top: 1.579vw;*/
        padding-left: 0.211vw;
        padding-top: 1.053vw;
        padding-bottom: 1.368vw;
    }


    /*contactpagina*/
    .contactbannerimg,
    .map {
        height: 26.316vw;
        max-height: 26.316vw;
    }

}

@media only screen and (max-width:480px) {
    .logo {
        max-width: 200px;
    }
}

@media screen and (max-width: 1025px) and (min-width: 680px) {

    .h2-clone,
    h2,
    h3 {
        font-size: 18px;
        line-height: 18px;
    }

    h4 {
        font-size: 13px;
        line-height: 15px;
    }

    .btn {
        font-size: 9px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 5px;
        margin-top: 20px;
        line-height: 24px;
    }

    p,
    ul {
        font-size: 11px;
        line-height: 14px;
    }

    li {
        padding-left: 10px;
    }

    li:before {
        font-size: 14px;
    }

	.slickslider-item h2,
	.slickslider-item h1 {
        font-size: 30px;
        line-height: 30px;
        top: 60%
    }

    footer {
        font-size: 11px;
    }

    footer h2 {
        font-size: 32px;
        line-height: 32px;
    }


    .item .btn:nth-child(2),
    .item .btn:nth-child(3),
    .item .btn:nth-child(4) {
        margin-top: 10px;
    }

    nav a {
        font-size: 14px;
    }

    .header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .logo {
        max-width: 200px;
    }

    .afb-titel {
        font-size: 13px;
    }


    .full-h1 {
        top: 70%;
    }

    #headerImage h1 {
        font-size: 32px;
    }

    #headerImage h2 {
        font-size: 16px;
        padding-left: 2px;
        padding-top: 11px;
        padding-bottom: 9px;
    }

    /*.contactbannerimg, .map {width:100%;}*/

    .item-2-afb .afb-titel,
    .item-2-afb .afb-titel p {
        font-weight: 200;
        left: 10px;
        bottom: 10px;
        font-size: 11px;
        line-height: 11px;
    }

    /*.afb-titel-hover{display:block!important;}
    .afb-titel-standaard{display:none!important;}*/

    .emailmob {
        display: inline-block;
    }

    .emaildesk {
        displaY: none;
    }

    .zusterbedrijf {
        text-align: left;
        font-size: 9px;
    }

    /*ONS WERK*/
    .onswerk .afb-titel {
        padding-top: 1.053vw;
        padding-bottom: 1.053vw;
        bottom: 1.579vw;
    }

    .onswerk .afb-titel span {
        margin-left: 1.053vw;
    }

}

@media screen and (max-width: 1020px) and (min-width: 680px) {


    .contact-right {
        float: none;
        max-width: 85%;
        margin-top: 10px;
    }

    .contact-left {
        float: none;
    }
}


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

    .header {
        padding-bottom: 15px;
        padding-top: 18px;
    }

    /* Hamburger */
    .nav-link {
        display: block;
        position: absolute;
        right: 13px;
        text-decoration: none;
        padding: 6px 7px;
        /*width:40px;*/
        height: 40px;
        z-index: 200;
        top: 12px;
        /*20*/
    }

    /* Responsive Nav */
    nav {
        margin-top: 45px;
        min-width: inherit;
        position: absolute;
        left: 0;
        padding: 0;
        background: #fff;
        overflow: hidden;
        max-height: 0;
        width: 100%;
        justify-content: start;
    }

    nav.active {
        max-height: 800px;
        padding-top: 10px;
        z-index: 5;
        padding-bottom: 5px;
    }

    nav ul li {
        display: block;
        font-size: 20px;
    }

    nav ul li.last {
        padding-bottom: 10px;
    }

    nav ul li {
        padding: 0;
        border: none;
        margin: 0;
    }

    nav ul li a {
        display: block;
        line-height: 28px;
        padding: 0 20px;
        font-size: 16px;
    }

    nav li:not(.last) a::after {
        content: "";
    }

}





/*mobiel*/
@media only screen and (max-width: 680px) {

    .contactbannerimg,
    .map {
        height: 39.974vw;
        max-height: 39.974vw;
        max-width: 100%;
        width: 100%;
        /*26.316vw*/
    }

    .onswerk .afb-titel {
        padding-top: 10px;
        padding-bottom: 10px;
        bottom: 20px;
        font-size: 18px;
        opacity: 1;
    }

    /*algemeen*/
    .h2-clone,
    h2,
    h3 {
        font-size: 18px;
        line-height: 18px;
    }

    h4 {
        font-size: 15px;
        line-height: 18px;
    }

    .contentcontainer {
        margin-top: 65px;
        padding-top: 0px !important;
        /*hoogte van mobiele navigatie*/
    }

	.slickslider-item h2,
	.slickslider-item h1 {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 24px;
        line-height: 24px;
        top: auto;
        bottom: 10%;
    }

    p,
    ul {
        font-size: 13px;
        line-height: 16px;
    }

    li {
        padding-left: 10px;
    }

    li:before {
        font-size: 14px;
    }

    .paddingkop {
        padding-bottom: 10px;
    }

    .btn {
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 10px;
        margin-top: 20px;
        line-height: 25px;
    }


    .item .btn:nth-child(2),
    .item .btn:nth-child(3),
    .item .btn:nth-child(4) {
        margin-top: 10px;
    }


    .logo {
        max-width: 200px;
    }



    /*header*/
    .header {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navcontainer {
        background-color: white;
        position: fixed;
        top: 0px;
        z-index: 9999;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    /*items*/
    .item {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .item {
        margin-bottom: 40px;
    }

    .mobpaddingblok {
        margin-bottom: 20px;
    }

    .slickslider-top {
        margin-bottom: 20px;
    }

    .mobhide {
        display: none;
    }

    .emailmob {
        display: inline-block;
    }

    .emaildesk {
        displaY: none;
    }

    .container {
        width: calc(100% - 40px) !important;
    }

    .afb-titel {
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-size: 13px;
    }

    .item-2-afb {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .item-2-afb.first {
        margin-right: 10px;
    }

    .item-2-afb.second {
        margin-left: 10px;
    }

    .item-2-afb .afb-titel,
    .item-2-afb .afb-titel p {
        font-weight: 200;
        left: 10px;
        bottom: 10px;
        font-size: 11px;
        line-height: 11px;
    }

    /*.afb-titel-hover{display:block!important;}
    .afb-titel-standaard{display:none!important;}*/

    .stickyitems {
        position: relative;
        top: 0px !important;
    }


    /*onnodige paddings en margin verwijderen voor mobiel*/
    .align-85 {
        margin-top: 0px;
    }

    /*footer*/
    footer h2 {
        displaY: none;
    }

    .footercontent {
        padding-top: 20px;
        font-size: 11px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .zusterbedrijf {
        text-align: left;
        font-size: 10px;
    }

    /*slick*/
    .item.slick-slider {
        margin-bottom: 20px;
    }

    .item-next {
        height: auto !important;
    }

    .nextSlide {
        height: 30px;
        width: 30px;
    }

    .slick-multiple-1 .slick-list,
    .slick-multiple-2 .slick-list,
    .slick-multiple-3 .slick-list,
    .slick-multiple-4 .slick-list {
        margin: 0 -10px;
    }

    .slick-multiple-1 .slick-multiple-item,
    .slick-multiple-2 .slick-multiple-item,
    .slick-multiple-3 .slick-multiple-item,
    .slick-multiple-4 .slick-multiple-item {
        margin: 0 10px;
    }

    .stickywrapper.item {
        display: flex;
        flex-direction: column;
    }


    /*aparte posities mobiel*/
    .mobpos-1 {
        order: 1 !important;
    }

    .mobpos-2 {
        order: 2 !important;
    }

    .mobpos-3 {
        order: 3 !important;
    }

    .mobpos-4 {
        order: 4 !important;
    }

    .mobpos-5 {
        order: 5 !important;
    }

    .mobpos-6 {
        order: 6 !important;
    }

    .mobpos-7 {
        order: 7 !important;
    }

    .mobpos-8 {
        order: 8 !important;
    }

    .mobpos-9 {
        order: 9 !important;
    }

    .mobpos-10 {
        order: 10 !important;
    }

    .mobpos-11 {
        order: 11 !important;
    }

    .mobpos-12 {
        order: 12 !important;
    }

    .mobpos-13 {
        order: 13 !important;
    }

    .mobpos-14 {
        order: 14 !important;
    }

    .mobpos-15 {
        order: 15 !important;
    }

    .mobpos-16 {
        order: 16 !important;
    }

    .mobpos-17 {
        order: 17 !important;
    }

    .mobpos-18 {
        order: 18 !important;
    }

    .mobpos-19 {
        order: 19 !important;
    }

    .mobpos-20 {
        order: 20 !important;
    }

    .mobpos-21 {
        order: 21 !important;
    }

    .mobpos-22 {
        order: 22 !important;
    }

    .mobpos-23 {
        order: 23 !important;
    }

    .mobpos-24 {
        order: 24 !important;
    }

    .mobpos-25 {
        order: 25 !important;
    }

    .mobpos-26 {
        order: 26 !important;
    }

    .mobpos-27 {
        order: 27 !important;
    }

    .mobpos-28 {
        order: 28 !important;
    }

    .mobpos-29 {
        order: 29 !important;
    }

    .mobpos-30 {
        order: 30 !important;
    }

    .mobpos-31 {
        order: 31 !important;
    }

    .mobpos-32 {
        order: 32 !important;
    }

    .mobpos-33 {
        order: 33 !important;
    }

    .mobpos-34 {
        order: 34 !important;
    }

    .mobpos-35 {
        order: 35 !important;
    }

    .mobpos-36 {
        order: 36 !important;
    }

    .mobpos-37 {
        order: 37 !important;
    }

    .mobpos-38 {
        order: 38 !important;
    }

    .mobpos-39 {
        order: 39 !important;
    }

    .mobpos-40 {
        order: 40 !important;
    }

    .mobpos-41 {
        order: 41 !important;
    }

    .mobpos-42 {
        order: 42 !important;
    }

    .mobpos-43 {
        order: 43 !important;
    }

    .mobpos-44 {
        order: 44 !important;
    }

    .mobpos-45 {
        order: 45 !important;
    }

    .mobpos-46 {
        order: 46 !important;
    }

    .mobpos-47 {
        order: 47 !important;
    }

    .mobpos-48 {
        order: 48 !important;
    }

    .mobpos-49 {
        order: 49 !important;
    }

    .mobpos-50 {
        order: 50 !important;
    }

    .mobpos-51 {
        order: 51 !important;
    }

    .mobpos-52 {
        order: 52 !important;
    }

    .mobpos-53 {
        order: 53 !important;
    }

    .mobpos-54 {
        order: 54 !important;
    }

    .mobpos-55 {
        order: 55 !important;
    }

    .mobpos-56 {
        order: 56 !important;
    }

    .mobpos-57 {
        order: 57 !important;
    }

    .mobpos-58 {
        order: 58 !important;
    }

    .mobpos-59 {
        order: 59 !important;
    }

    .mobpos-60 {
        order: 60 !important;
    }

    .mobpos-61 {
        order: 61 !important;
    }

    .mobpos-62 {
        order: 62 !important;
    }

    .mobpos-63 {
        order: 63 !important;
    }

    .mobpos-64 {
        order: 64 !important;
    }

    .mobpos-65 {
        order: 65 !important;
    }

    .mobpos-66 {
        order: 66 !important;
    }

    .mobpos-67 {
        order: 67 !important;
    }

    .mobpos-68 {
        order: 68 !important;
    }

    .mobpos-69 {
        order: 69 !important;
    }

    .mobpos-70 {
        order: 70 !important;
    }

    .mobpos-71 {
        order: 71 !important;
    }

    .mobpos-72 {
        order: 72 !important;
    }

    .mobpos-73 {
        order: 73 !important;
    }

    .mobpos-74 {
        order: 74 !important;
    }

    .mobpos-75 {
        order: 75 !important;
    }

    .mobpos-76 {
        order: 76 !important;
    }

    .mobpos-77 {
        order: 77 !important;
    }

    .mobpos-78 {
        order: 78 !important;
    }

    .mobpos-79 {
        order: 79 !important;
    }

    .mobpos-80 {
        order: 80 !important;
    }

    .mobpos-81 {
        order: 81 !important;
    }

    .mobpos-82 {
        order: 82 !important;
    }

    .mobpos-83 {
        order: 83 !important;
    }

    .mobpos-84 {
        order: 84 !important;
    }

    .mobpos-85 {
        order: 85 !important;
    }

    .mobpos-86 {
        order: 86 !important;
    }

    .mobpos-87 {
        order: 87 !important;
    }

    .mobpos-88 {
        order: 88 !important;
    }

    .mobpos-89 {
        order: 89 !important;
    }

    .mobpos-90 {
        order: 90 !important;
    }

    .mobpos-91 {
        order: 91 !important;
    }

    .mobpos-92 {
        order: 92 !important;
    }

    .mobpos-93 {
        order: 93 !important;
    }

    .mobpos-94 {
        order: 94 !important;
    }

    .mobpos-95 {
        order: 95 !important;
    }

    .mobpos-96 {
        order: 96 !important;
    }

    .mobpos-97 {
        order: 97 !important;
    }

    .mobpos-98 {
        order: 98 !important;
    }
}

/* cookiebanner */


/*cookiebanner*/

.cookie-tekst {
    float: left;
    width: 93%;
    padding-right: 40px;
}

.cookie-inhoud {
    max-width: 1900px;
    margin: 0 auto;
    width: 100%;
}

#cookies-eu-accept {
    padding-top: 6px !important;
    background: #0f1125 !important;
    width: auto;
    border: 1px solid #0f1125 !important;
    color: white !important;
    font-weight: normal !important;
}

#cookies-eu-banner {
    position: fixed;
    left: 0px;
    right: 0px;
    height: auto;
    min-height: 21px;
    z-index: 255;
    background: #e5007e;
    color: #000;
    line-height: 21px;
    padding: 5px 97px;
    font-family: 'Lexend', sans-serif;
    font-size: 14px;
    text-align: left;
    bottom: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    opacity: 1;
    z-index: 999999;
    width: 100%;



}

#cookies-eu-more,
#cookies-eu-accept,
#cookies-eu-reject,
#cookies-eu-cook {
    text-decoration: none;
    background: #beac95;
    color: #000;

    border: none;
    cursor: pointer;
    padding: 5px 7px;
    margin: 2px 0;
    font-size: 13px;
    font-weight: bold;

}


#cookies-eu-reject,
#cookies-eu-cook {
    background: #e5007e !important;
    width: auto;
    /*border: 1px solid #e5007e!important;*/
    border: 1px solid #e5007e !important;
    color: white !important;
    font-weight: normal !important;
}

#cookies-eu-more {
    margin-left: 7px;
}

#cookies-eu-reject,
#cookies-eu-more,
#cookies-eu-cook {
    background: none;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    padding: 5px 7px;
    margin: 2px 0;
    font-size: 14px;
    /*padding-left:0px;*/


}


.link-privacy {
    text-decoration: none;
    color: rgb(170, 170, 170);
    font-weight: normal;
}

/*#cookies-eu-reject:hover,
#cookies-eu-reject:focus {
border-color: #fff;
background: #222;
color: #fff;
}*/


#cookies-eu-banner b {
    color: white;
}

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


    #cookies-eu-banner {
        padding-left: 5.105vw;
    }

    .cookie-tekst {
        padding-right: 5.105vw;
    }
}

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

    #cookies-eu-banner b {
        margin-bottom: 10px;
        display: block;
        font-size: 11px;
    }

    #cookies-eu-banner {
        padding-left: 20px;
    }

    .cookie-tekst {
        padding-right: 20px;
    }

    #cookies-eu-accept {
        padding-top: 5px !important;
    }


    #cookies-eu-more,
    #cookies-eu-accept,
    #cookies-eu-reject,
    #cookies-eu-cook {
        font-size: 11px;
    }

    .cookie-tekst {
        width: 100%;
    }

    .cookie-tekst {
        padding-right: 0px;
    }

    /*ONS WERK*/
    .container-h1 {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 26px;
        line-height: 24px;
    }

    #headerImage h1,
    #headerImage-mob h1 {
        font-size: 26px;
        line-height: 24px;
    }

    #headerImage h2 {
        font-size: 14px;
        padding-top: 14px;
        padding-left: 2px;
        padding-bottom: 16px;
    }

    .full-h1 {
        padding-top: 15px;
        padding-bottom: 15px;
        top: 70%;
    }
}



/* Slick img shadow */
.slick-slider.slider--schaduw img {
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);*/
}

/* Slick img shadow bigger on hover */
@media screen and (min-width: 1025px) {
    .slick-slider.slider--schaduw img:hover {
        /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);*/
    }
}

/* Grayscale to color */
.graytocolor img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.graytocolor:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/* Social footer */
.social-bar {
    display: block;
    float: right;
    margin-right: 2px;
    margin-top: 25px;
    list-style: none;
    margin-bottom: 10px;
}

.social-bar--instagram,
.social-bar--linkedin {
    display: block;
    float:left;

}

.social-bar--instagram img,
.social-bar--linkedin img {
    max-width: 20px;
    min-width: 20px;
}

.social-bar--linkedin:before,
.social-bar--instagram:before {
    content: "";
}

@media only screen and (max-width: 680px) {
    .social-bar {
        float: left;
        margin-top:10px;
    }
}

@media screen and (max-width: 1900px) and (min-width: 680px) {
    .social-bar {
        margin-top: 2.632vw;
    }

}

/* next page scroll style */
#headerImage,
#headerImage-mob {
    width: 100%;
    margin-top: 98px;
    height: calc(100vh - 98px);
    background-position: center;
    /* Center the image */
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    position: relative;
}

/* Next page preview */
#nextPagePrev {
    /* fixed */
    position: fixed;
    bottom: 0;
    z-index: -1;
    display: none;

    background-position: center;
    background-repeat: no-repeat;
    /* Do not repeat the image */
    background-size: cover;
    /* Resize the background image to cover the entire container */
    width: 100%;
    height: calc(100vh - 99px);
    margin-top: 120px;
}

#TopAnchor {
    position: absolute;
    top: 0;
}

/* white background */
.infi-scroll.wrapper {
    max-width: unset;
}

.infi-scroll .contentcontainer {
    max-width: 1905px;
    margin-top: 0px;
    margin: 0 auto;
}




@media only screen and (max-width: 1900px) and (min-width:680px) {

    #headerImage,
    #headerImage-mob {
        margin-top: 5.156vw;
        height: calc(100vh - 5.156vw);
    }

    #nextPagePrev {
        height: calc(100vh - 5.156vw);

    }
}

@media only screen and (max-width:680px) {
    .pagebuildercontent {
        padding-top: 65px;
    }
}

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

    #headerImage,
    #headerImage-mob {
        margin-top: 63px;
        height: calc(100vh - 63px);
    }

    #nextPagePrev {
        height: calc(100vh - 63px);

    }
}

.navcontainer {
    top: 0;
}

/* position */
.cookieinform {
    float: left;
}

.cookieswitch {
    float: right;
}

/* box around the slider */
.togglecheck {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px;
}

/* Hide default */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
    width: 52px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #e5007e;
}

input:focus+.slider {
    box-shadow: 0 0 1px #beac95;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

#cookieToggler {
    visibility: hidden;
}



@media only screen and (max-width:370px) {
    .full-h1 {
        top: 64%;
    }
}

/*~~ 50% instead of 100% width small screens~~*/
@media screen and (max-width:680px) {
    .custom-50-item {
        width: 50%;
    }
}




/*~~ js ~~*/
.js-nextpage {
    cursor: pointer;
}

/* Backbutton */
#backBtn {
    /*position:fixed;*/
    float: right;
    margin-top: 25px;
    /*right:25px; top:25px;*/
    z-index: 99999;
    transition: all 0.5s ease-in-out
}

#backBtn a {
    color: #e5007e;
}

#backBtn a:hover {
    text-decoration: none;
}

#backBtn img {
    width: 20px;
}


/*~~ Back button ~~*/
.btn-backbtn {
    background-color: rgba(255, 255, 255, 1);
    color: #e5007e;
    padding: 16px;
}

#backBtn {
    margin-top: -45px !important;
}

#backBtn.-is-shown {
    margin-top: 15px !important;
}

@media screen and (max-width:1025px) and (min-width:850px) {
    #backBtn.-is-shown {
        margin-top: 25px !important;
    }
}

@media screen and (max-width:850px) and (min-width:680px) {
    #backBtn.-is-shown {
        margin-top: 35px !important;
    }
}

@media screen and (max-width:680px) {
    #backBtn {
        font-size: 14px;

    }

    #backBtn.-is-shown {
        margin-top: 10px !important;
    }
}

/*~~ Next up ~~*/
.nextup {
    background-color: white;
    padding: 40px 0px;
    -webkit-box-shadow: -10px -12px 20px #000000;
    -moz-box-shadow: -10px -12px 20px #000000;
    box-shadow: -10px -12px 20px #000000;
    text-align: center;
}

.nextup_txt {
    display: block;
    font-weight: 600;
    text-align: center;
    color: white;
    background-color: #e5007e;
    cursor: pointer;
    padding-bottom: 40px;
    padding-top: 40px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width:900px) {
    .nextup_txt {
        font-size: 18px;
    }
}

.js-nextup {
    display: block;
}

/*~~ call to action ~~*/
.calltoaction {
    margin-bottom: 100vh;
}

.section-contact {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;

    background-color: #0f1125;
    /*margin-top:60px;*/
}

.section-contact .container {
    display: block;
    color: white;
}

.section-contact h2 {
    margin-bottom: 15px;
    color: white;
    text-transform: none;
    font-weight: 600;
}

.btn-cta {
    border: 1px solid #e5007e;
    color: #e5007e;
    font-size: 16px;
    /* margin op btn? */
    margin: 0;
    font-weight: 600;
}

.ctc-mob {
    display: none;
}

.ctc-desk {
    display: inline-block;
}

@media only screen and (max-width:780px) {
    .ctc-mob {
        display: inline-block;
    }

    .ctc-desk {
        display: none;
    }
}

@media screen and (max-width: 1900px) and (min-width: 680px) {
    .nextup_txt {
        padding-top: 2.083vw;
        padding-bottom: 2.083vw
    }

    .section-contact {
        padding-top: 4.167vw;
        padding-bottom: 4.167vw
    }
}

@media screen and (max-width:679px) {
    .nextup_txt {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section-contact {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.nextup_arr {
    width: 100%;
    position: absolute;
    cursor: pointer;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */


    height: 50px;
}

.nextup_txt img {
    display: block;
    margin: 0 auto;
    max-width: 30px;
}

/* Animate */
.bounce {
    animation: bounce 1.5s infinite alternate;
    -webkit-animation: bounce 1.5s infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-10px);
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-10px);
    }
}

@media screen and (max-width:780px) {
    .slick-desk {
        display: none;
    }

    .slick-mob {
        display: block;
    }
}

@media screen and (max-width:410px) {
	.slickslider-item h2,
	.slickslider-item h1 {
        bottom: 10%;
        top: auto;
        font-size: 20px;
        line-height: 20px;
    }
}



@media screen and (max-width:355px) {
	.slickslider-item h2,
	.slickslider-item h1 {
        bottom: 10%;
        top: auto;
        font-size: 16px;
        line-height: 16px;
    }
}

/*~~ Extra custom items ~~*/
@media screen and (max-width: 680px) {
    .custom-50-item-left {
        width: 50%;
        padding-right: 10px;
    }

    .custom-50-item-right {
        width: 50%;
        padding-left: 10px;
    }
}

/*~~ Extra footer~~ */

.ftstreep {
    color: #e5007e;
}

.deskhide {
    display: none;
}

@media only screen and (max-width: 680px) {
    .ftbold {
        font-weight: 600;
    }

    .deskhide {
        display: block;
    }
}

/*~~ Extra contact ~~*/
.adresgegevens h4 span,
.h4-clone span {
    font-weight: 800;
}

.adresgegevens h4.a-kop {
    margin-bottom: 16px;
}

.adresgegevens-top {
    margin-bottom: 32px;
}



/*100% vlak pagebuilder*/
.dubbel-contentcontainer {
    padding-top: 50px !important;
}

.contentcontainer-100 {
    padding-top: 50px !important;
    margin-top: 0px;
}

.contentcontainer-100 .item {
    background-color: inherit;
}

.contentcontainer-100 .align-center-v {
    text-align: center;
}

.contentcontainer-100 .align-center-v .btn {
    margin: left:auto;
    margin-right: auto;
}

.container-full h1,
.container-full h2,
.container-full h3,
.container-full h4,
.contentcontainer-100 p,
.contentcontainer-100 {
    color: white;
}

.container-full {
    width: 100%;
}

.dubbel-contentcontainer {
    padding-top: 0px;
    margin-top: 0px;
}

@media screen and (max-width: 1900px) and (min-width: 680px) {

    .dubbel-contentcontainer {
        padding-top: 2.606vw !important;
    }

    .contentcontainer-100 {
        padding-top: 2.606vw !important;
    }


}

@media only screen and (max-width: 680px) {
    .dubbel-contentcontainer {
        padding-top: 40px !important;
    }

    .contentcontainer-100 {
        padding-top: 40px !important;
        margin-top: 0px;
    }

    .kop-naast-mobiel {
        float: left;
    }

    .kop-naast-mobiel::after {
        content: "\00a0";
    }
}




/*klanten logos*/
.hidden {
    display: none;
}

.logos {
    float: left;
    width: calc(16.66667% - 50px);
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-top: 25px;
}

.caret {
    right: 0;
    display: block;
    width: 100%;
    right: 25px;
    position: absolute;
    text-align: right;
    float: right;
    margin-top: -60px;
}

/*.logos img{ -webkit-filter: grayscale(100%);filter: grayscale(100%);}*/
.itemlogos {
    width: calc(100%);
    margin-lefT: 0px;
    margin-right: 0px;
}

.itemlogos h2 {
    padding-left: 25px;
}

.below-logos {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.caret-down::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f107";
    font-size: 28px;
}

.caret-up::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f106";
    font-size: 28px;
}

.hidden {
    width: 100%;
}

@media only screen and (max-width: 680px) {
    .itemlogos h2 {
        padding-left: 0px;
        padding-bottom: 20px;
    }

    .caret {
        right: 0;
    }

    .caret {
        margin-top: -40px;
    }

    .logos {
        float: left;
        width: calc(33% - 25px);
        padding-left: 0px;
        padding-right: 12.5px;
        padding-left: 12.5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }
}

/*~~  Footer Extra  ~~*/
.footerwrap {
    line-height: 21px;
    max-width: 1905px;
    margin: 0 auto;
}

.lastfooter .wrapper {
    background-color: transparent;
    color: white;
}

/* Footer tablet */
@media screen and (max-width:680px) {
    .contact-right {
        float: left;
    }
}

/* Top slider extra */
.slickslider-top {
    max-height: unset;
}

.slickslider-item img {
    max-height: unset;
}

.slider-kop-holder {
    max-width: 1905px;
    margin: 0 auto;
}

/* Menu right */
@media screen and (max-width:1024px){
    nav {
        max-height: 0px;
        padding-bottom: 0px;
        transition: all 0.3s;

    }
    .navcontainer .logo {
        max-width: 215px;
    }
    .navcontainer .logo img {
        width: 100%;
        height: auto;
    }
    .navcontainer {
        max-height: 65px;
    }
    .topmenu li.last a::after {
        content: none!important;
    }
    .homeknop {
        position: relative;
        right: 20px;
    }
    .homeknop img {
        width: 17px!important;
        height: 20px;
      }
    nav.active {
        padding-top: 0;
        padding-bottom: 5px;
        max-height: 200px;
    }

    nav ul {
        width: 100%;
        text-align: right;
        padding-right: 0px;
        height: 100%;
    }

    nav li:not(.last) a::after {
        content: none;
    }

    /* Dropdown pijltje? */
    nav ul.dropdown li {
        padding-right: 0px;
        padding-left: 0;
    }


}

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

    /* Contact buttons */
    .adresgegevens-left a {
        display: inline-block;
        cursor: pointer;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 10px;
        line-height: 25px;
    }

    .adresgegevens-left br {
        display: none;
    }

    .adresgegevens-left a:first-of-type {
        border: 1px solid #0f1125;
        color: #0f1125;
    }

    .adresgegevens-left a:last-of-type {
        border: 1px solid #e5007e;
        color: #e5007e;
    }

}

/* Contact pagina tablet */
@media screen and (max-width: 1024px) and (min-width: 681px) {
    .googlemaps .map {
        max-height: unset;
        height: 260px !important;
    }

    .adresgegevens-left,
    .adresgegevens-right {
        width: 100%;
    }

    .adresgegevens-left {
        margin-bottom: 32px;
    }

    .adresgegevens h3.paddingkop {
        width: 370px;
    }

    .googlemaps {
        background: none;
    }
}

/*~~ Slider background ~~*/
.slickslider-item h2,
.slickslider-item h1 {
    position: unset !important;
    margin-left: 0 !important;
    line-height: 1;
}

.slickslider-item h2, .slickslider-item h1{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);	
	}

.slickslider-item .full-h1 {
    top: auto;
    bottom: 7%;
    /* No color */
    background-color: unset;
}

/*~~ Custom tablet size's ~~*/
/* item-(1-12)-tablet */
@media screen and (max-width:1024px) and (min-width:681px) {
    .item-1-tablet {
        width: calc(8.33333% - 2.632vw) !important;
    }

    .item-2-tablet {
        width: calc(16.66667% - 2.632vw) !important;
    }

    .item-3-tablet {
        width: calc(25% - 2.632vw) !important;
    }

    .item-4-tablet {
        width: calc(33.33333% - 2.632vw) !important;
    }

    .item-5-tablet {
        width: calc(41.66667% - 2.632vw) !important;
    }

    .item-6-tablet {
        width: calc(50% - 2.632vw) !important;
    }

    .item-7-tablet {
        width: calc(58.33333% - 2.632vw) !important;
    }

    .item-8-tablet {
        width: calc(66.66667% - 2.632vw) !important;
    }

    .item-9-tablet {
        width: calc(75% - 2.632vw) !important;
    }

    .item-10-tablet {
        width: calc(83.33333% - 2.632vw) !important;
    }

    .item-11-tablet {
        width: calc(91.66667% - 2.632vw) !important;
    }

    .item-12-tablet {
        width: calc(100% - 2.632vw) !important;
    }

    .item-hide-tablet {
        display: none !important;
    }

    .item-only-tablet {
        display: block !important;
    }

}

/* Hide desktop */
@media screen and (min-width:1025px) {
    .item-hide-desktop {
        display: none;
    }
}

/*~~ Only show on mobile ~~*/
@media screen and (min-width:681px) {
    .item-only-mobile {
        display: none;
    }

}


@media screen and (max-width:1024px) and (min-width:680px) {
    .imglink img:hover {
        transform: scale(1.05);
    }

    /* Tablet logos 
    .logos {
        width: calc(25% - 50px)!important;
    }
    */
}

@media screen and (max-width:680px) {
    .imglink:hover {
        transform: none !important;
    }

    .imglink:hover span {
        transform: none !important;
    }
}

/* Topbanner h2 line height fix */
@media screen and (max-width:680px) {
    #headerImage h2 {
        line-height: 1;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~IE SPECIAL SNOWFLAKE~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    /* IE10+ specific styles go here */
    /* Slider fix */
	.slickslider-item h2,
	.slickslider-item h1 {
        position: relative;
    }

    /* Scale transform op hover uit */
    .imglink:hover {
        transform: none !important;
    }

    .imglink:hover span {
        transform: none !important;
    }

    .imglink img:hover,
    .slick-multiple-2 .slickimglink img:hover {
        transform: none !important;
    }

}

/*~~ before / after slider hanssevers ~~*/
/* labels */
.ba-slider label.right,
.ba-slider label.left {
    position: absolute;
    color: #b8b8b8;
    font-weight: 300;
}

.ba-wrapper .ba-slider label.right {
    bottom: 5px;
    right: 10px;
}

.ba-wrapper .ba-slider label.left {
    bottom: 5px;
    left: 10px;
    width: 150px;
}

.ba-wrapper .ba-slider {
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.ba-wrapper .ba-slider img {
    height: initial;
    max-width: initial;
    width: 100%;
    display: block;
}

.ba-wrapper .resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

.ba-wrapper .handle {
    /* Thin line seperator */
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -2px;

    background: #0f1125;
    cursor: grab;
}

.ba-wrapper .handle.draggable {
    cursor: grabbing;
}

.ba-wrapper .handle:after {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin: -17px 0 0 -17px;
    content: '\f104  \f105 ';
    color: #0f1125;
    ;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    background: white;
    border: 2px solid #0f1125;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
}

.ba-wrapper .draggable:after {
    width: 24px;
    height: 24px;
    margin: -13px 0 0 -13px;
    line-height: 24px;
    font-size: 16px;
}

.ba-wrapper .handle.draggable:after {
    content: '\f104 \f105 ';
}

/* responsive .. */
@media screen and (max-width: 1900px) and (min-width: 680px) {

    .ba-slider label.right,
    .ba-slider label.left {
        font-size: 0.735vw;
    }

    a.ba-tab {
        font-size: 0.835vw;
        width: 5.249vw;
    }
}

@media screen and (min-width:681px) and (max-width:1024px) {
    .ba-wrapper {
        margin-top: 0;
    }
}




/*HOMEKNOPJE*/
.homeknop{
		font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #0f1125;
    padding-left: 0px;
	}
	
	.homeknop img{width: 15px; padding-left:3px; padding-bottom: 4px;}
	

	
	@media screen and (max-width: 1900px) and (min-width: 680px){
		.homeknop{font-size: 1.042vw;}	
		.homeknop img{width: 0.781vw; padding-left:0.156vw; padding-bottom: 0.260vw;}
	}
	
	
	
	.topmenu li.last a::after {
	    content: " | ";
	    color: #e5007e;
	    display: inline-block;
	    padding-left: 8px;
	    padding-right: 5px;
	    font-weight: 300;
	}
	
	
	@media screen and (max-width: 1025px) and (min-width: 680px){
		.homeknop{font-size: 14px; padding-bottom:1px;}
		.homeknop img{width:12px;}
	}
	
	@media screen and (max-width: 680px){
	.topmenu li.last a::after {content: none;}
		.homeknop img{width: 17px; padding-bottom:0px;}
		.homeknop{position: absolute;right: 20px;bottom: 12px;}
		.topmenu ul{padding-bottom:30px;}
		
	}

/*Anchor link*/
    .anchor-link{margin-bottom:0px!important;}


	/*footer wit (onderkant)*/
	.footer-wit {
	    min-height: 60px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}

	.footer-wit .blokje {
	    display: inline-block;
	    margin-right: 60px;
	    float: left;
	}

	.footer-wit {
	    font-size: 11px;
	}

	.footer-wit span {
	    padding-bottom: 4px;
	    display: inline-block;
	}

	.footer-wit .werklogo {
	    width: 140px;
	    padding-right: 20px;
	}

	.footer-wit .partner {
	    width: 120px;
	}

	@media screen and (max-width: 1900px) and (min-width: 680px) {
	    .footer-wit {
	        min-height: 3.127vw;
	        padding-top: 1.042vw;
	        padding-bottom: 1.042vw;
	        font-size: 10px;
	    }

	    .footer-wit .blokje {
	        margin-right: 3.127vw;
	    }

	    .footer-wit span {
	        padding-bottom: 0.208vw;
	    }

	    .footer-wit .werklogo {
	        width: 7.295vw;
	        padding-right: 1.042vw;
	    }

	    .footer-wit .partner {
	        width: 6.253vw;
	    }
	}

	@media screen and (max-width: 680px) {
	    .blokje {
	        width: 100%;
	    }

	    .werklogo {
	        display: inline-block;
	        margin-top: 10px;
	        margin-right: 50px;
	    }

	    .footer-wit .blokje {
	        padding-bottom: 20px;
	    }

	    .blokje {
	        float: left;
	        margin-right: 0px !important;
	    }

	    .blokje-l {
	        width: 43%;
	    }

	    .blokje-r {
	        width: 57%;
	    }

	    .footer-wit .werklogo {
	        padding-right: 0px;
	    }
	}


	/**
	 * Styling for the brands in the footer
	 */
	.footer_brands {
		display: flex;
	}
	.footer_brands_block {
		margin-top: -4px;
		width: 100%;
	}
	.footer_brands_list {
		padding: 0;
		margin: 0;
		list-style: none;
		width: 76%;
		display: flex;
		justify-content: space-between;
	}
	.footer_brands_item {
		display: block;
		display:flex;
		align-items: center;
	}
	.footer_brands_item svg {
		display: block;
		
	}
	.footer_brands_item::before {
		content: none;
	}

	.footer_brands_caption p {
		padding-bottom:3px;
		font-size: 11px;
	}
	.footer-wit .partner {
		min-width:75px;
	}
	@media screen and (max-width:680px){
		.footer-wit .partner {
			margin-top: 20px;
		}
	}
	/* Logo color*/
	.footer_brands_item:not(.footer_brands_item--adobe):not(.footer_brands_item--nikon):not(.footer_brands_item--presta) svg path {
		fill: #595959;
	}
	.footer_brands_item--nikon .st1-nik {
		fill: #595959;
	}
	.footer_brands_item--adobe .st1 {
		fill: #595959;
	}
	/* Better placement and size */
	.footer_brands_item--syn {
		padding-top: 3px;
	}
	.footer_brands_item--jura {
		padding-top:2px;
	}
	.footer_brands_item--apple {
		margin-top:-3px;
	}
	.footer_brands_item--jura svg {
		padding-top:3px;
	}
	@media screen and (max-width:1200px){
		.footer_brands_list {
			justify-content:start;
		}
	}
	@media screen and (max-width: 860px){
		.footer_brands_list {
			flex-wrap: wrap;
			justify-content:start;
		}
	}
	@media screen and (max-width: 680px){
		.footer_brands {
			flex-wrap:wrap;
			padding-top: 0;
		}
		.footer_brands_item {
			margin-bottom:5px;
		}
		.footer_brands_partner, .footer_brands_list {
			width: 100%;
		}
		.footer-wit .blokje {
			float: none;
		}
	}



    /*pb discipline link*/
    .discipline-link{
        background: linear-gradient(135deg, rgba(218,0,120,1) 0%, rgba(15,17,37,1) 95%);
        width:100%;
    }

    .discipline-link h3 {
        font-size: 32px;
        padding-left: 50px;
        line-height: 1.075;
        text-transform:uppercase;
        max-width:80%;
        color: #fff;
    font-weight: 600;
    }

    .discipline-link.inh {
        align-items: center;
        justify-content: space-between;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        height: 140px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .link .discipline-link h3:after{
        content: " > ";
        position: absolute;
        align-items: center;
        justify-content: space-between;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        height: 140px;
        background-repeat: no-repeat;
        top: 0px;
        background-size: cover;
        right: 40px;
        transition: all .50s ease;
    }

    .link.discipline-blok-link a{
        text-decoration:none!important;
    }

    .link.discipline-blok-link a:hover{
        cursor:pointer;
        text-decoration:none;
    }

    .link .discipline-link:hover h3:after {
        right:25px;
    }

    .item.marginbot-15{
        margin-bottom:15px;
    }

    .discipline-blok .anchor-link{
        margin-bottom:0px;
        top:-165px;
        background:none;
        position:absolute;
    }



    @media only screen and (min-width: 680px)  and (max-width: 1919px) {
        /*pb discipline link*/

        .discipline-link h3 {
            font-size: 1.668vw;
            padding-left: 2.606vw;
            max-width:75%;
        }

        .discipline-link.inh {
            height: 7.295vw;
        }

        .link .discipline-link h3:after{
            content: " > ";
            position: absolute;
            align-items: center;
            justify-content: space-between;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            height: 7.295vw;
            background-repeat: no-repeat;
            top: 0px;
            background-size: cover;
            right: 2.084vw;
            transition: all .50s ease;
        }

        .link .discipline-link:hover h3:after {
            right:1.303vw;
        }

        .item.marginbot-15{
            margin-bottom:0.782vw;
        }

        .discipline-blok .anchor-link{
            top:-8.598vw;
        }
    }


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

        .discipline-blok .anchor-link{
            top:-100px;

        }

        .discipline-link h3 {
            font-size: 18px;
            padding-left: 15px;
            line-height: 1.075;
            text-transform: uppercase;
            max-width: 100%;
        }

        .link .discipline-link h3:after{
            right:25px;
            height:90px;
        }

        .discipline-link.inh{
            height:90px;
        }
    }

    @media only screen and (max-width: 410px) {
        .discipline-link h3 {
            font-size:16px;
        }
    }
    


.formulier .ster {
    color: #e5007e;
}

.formulier .form-item input[type=text],
.formulier .form-item input[type=tel],
.formulier .form-item input[type=email] {
    margin-bottom: 10px;
    width: calc(100% - 10px);
    border: 1px solid #bbbbbb;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
}

.form-item-avg {
    font-size: 14px;
}

.form-item input[type=text]:focus,
.form-item input[type=text]:hover,
.form-item input[type=tel]:focus,
.form-item input[type=tel]:hover,
.form-item input[type=email]:focus,
.form-item input[type=email]:hover {
    box-shadow: 0 0 3px rgba(0, 0, 100, 0.3);
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid rgba(0, 0, 100, 0.3);
}

.formulier .btn-submit {
    border: 1px solid #e5007e;
    color: white;
    background-color: #e5007e;
    float: right;
}

.formulier .form-item label {
    font-size: 20px;
    line-height: 30px;
}

.formulier .form-cbox {
    margin: 0;
    min-height: initial;
    display: inline-block;
}

@media screen and (max-width: 1900px) and (min-width: 680px) {
    .formulier .form-item label {
        font-size: 1.053vw;
        line-height: 1.579vw;
    }

    .formulier .form-item input[type=text],
    .formulier .form-item input[type=tel],
    .formulier .form-item input[type=email] {
        margin-bottom: 0.526vw;
    }

    .form-item-avg {
        font-size: 14px;
    }
}

@media screen and (max-width: 1025px) and (min-width: 680px) {
    .formulier .form-item label {
        font-size: 11px;
        line-height: 14px;
    }

    .formulier .form-item input[type=text],
    .formulier .form-item input[type=tel],
    .formulier .form-item input[type=email] {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 680px) {
    .formulier .form-item label {
        font-size: 14px;
        line-height: 16px;
    }

    .formulier .form-item input[type=text],
    .formulier .form-item input[type=tel],
    .formulier .form-item input[type=email] {
        margin-bottom: 10px;
    }

    .g-recaptcha iframe {
        transform: scale(0.88);
        transform-origin: center left;
    }
}

.scan-holder {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 45px;
}

.scan-holder h4 {
    margin-bottom: 10px;
}

.scan-holder .formulier .form-item label {
    font-size: 18px;
}

.scan-holder .form-item {
    margin-top: 5px;
}

.scan-holder .formulier ul {
    padding-bottom: 10px;
}

.scan-holder .errors {
    padding-left: 2px;
    color: #0f1125;
}

.scan-holder .errors strong {
    font-weight: 400;
}

.scan-holder .errors li {
    font-size: 15px;
    line-height: 1.4;
}

.scan-holder .errors li:before {
    margin-top: -2px;
    color: #0f1125;
}

@media screen and (max-width:1900px) and (min-width:1380px) {
    .scan-holder {
        margin-top: 2.362vw;
    }

    .scan-holder .errors {
        padding-left: 0.105vw;
    }

    .scan-holder .errors li {
        font-size: 0.789vw;
    }

    .scan-holder .errors li:before {
        margin-top: -0.105vw;
    }

    .scan-holder .errors strong {
        font-size: 0.842vw;
    }

    .scan-holder h4 {
        margin-bottom: 0.526vw;
    }

    .scan-holder .formulier .form-item label {
        font-size: 0.947vw;
    }

    .scan-holder .form-item {
        margin-top: 0.263vw;
    }

    .scan-holder .formulier ul {
        padding-bottom: 0.526vw;
    }
}

@media screen and (max-width:1380px) and (min-width:680px) {
    .scan-blok {
        margin-top: 0;
        width: 90%;
        margin-left: 9.039vw;
        margin-right: 9.039vw;
    }

    .scan-holder {
        margin-top: 0;
    }

    .scan-holder .errors {
        padding-left: 0.105vw;
    }

    .scan-holder .errors li {
        font-size: 0.947vw;
    }

    .scan-holder .errors li:before {
        margin-top: 0;
    }

    .scan-holder .formulier ul {
        padding-bottom: 10px;
    }

    .scan-holder .errors strong {
        font-size: 0.895vw;
    }

    .scan-holder h4 {
        margin-bottom: 0.526vw;
    }

    .scan-holder .formulier .form-item label {
        font-size: 1vw;
    }

    .scan-holder .form-item {
        margin-top: 0.263vw;
    }

    .scan-holder .formulier ul {
        padding-bottom: 0.526vw;
    }

    .scan-holder h4 {
        font-size: 14px;
        margin-bottom: 0;
    }
}

@media screen and (max-width:1025px) {
    .scan-holder .errors li {
        font-size: 12px;
    }

    .scan-holder .errors strong {
        font-size: 13px;
    }

    .scan-holder .errors li:before {
        margin-top: 1px;
    }

    .scan-holder .formulier .form-item label {
        font-size: 13px;
    }
}

@media screen and (max-width:680px) {
    .scan-blok {
        margin-top: 0;
    }

    .scan-holder {
        margin-top: 0;
    }

    .scan-holder .formulier .form-item input[type=text],
    .scan-holder .formulier .form-item input[type=tel],
    .scan-holder .formulier .form-item input[type=email] {
        margin-bottom: 5px;
    }

    .scan-blok .btn-submit {
        width: calc(100% - 10px);
        padding-top: 5px !important;
        padding-bottom: 4px !important;
    }
}

.form-item-captcha {
    margin-top: 20px;
    margin-bottom: 20px;
}