@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*
Thin 100
ExtraLight 200
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900
*/

:root{
	--orange: #EF7E30;
	--pink: #D44493;
	--lightblue: #00adc2;
	--blue: #33649F;
	--green: #A1C853;
	--textcolor: #565E5E;
}

@font-face{ font-family: 'Arsilon'; src: url('../fonts/Dhan-Studio-Arsilon.woff') format('woff'); }
body{ font-family: 'Encode Sans', sans-serif; font-size: 20px; font-weight: 300; color: var(--textcolor); line-height: 32px; overflow-x: hidden !important;  }
h1{ font-family: 'Encode Sans', sans-serif; font-size: 44px; font-weight: 700; margin-top: 130px; margin-bottom: 25px !important; }
h2{ font-family: 'Encode Sans', sans-serif; font-size: 36px; font-weight: 700; color: var(--green); margin-bottom: 25px !important; }
h3{ font-family: 'Encode Sans', sans-serif; font-size: 30px; }
h4{ font-family: 'Encode Sans', sans-serif; font-size: 24px; font-weight: 700; }

a{ color: var(--lightblue); text-decoration: none !important; }
p a:hover{ text-decoration: underline !important; }
.btn{ font-size: 20px; text-align: center; width: 100%; max-width: 300px; position: relative; }
.btn:after{  }
.btn:hover{ text-decoration: none !important; }
.btn.btn-primary{ background: var(--orange) !important; }
.btn.btn-primary:hover{ background: var(--green) !important; }
.btn.btn-primary.back{ text-align: center; }
.btn.btn-primary.back:before{ display: none; }
.btn.btn-primary.back:after{ position: absolute; left: 25px; top: 50%; transform: translate(0,-50%) rotate(180deg); }
.btn.btn-secondary{ background: var(--lightblue) !important; }
.btn.btn-secondary:hover{ background: var(--green) !important; }
.btn.btn-tertairy{ background: var(--green) !important; }
.btn.btn-tertairy:hover{ background: var(--orange) !important; }
.btn.btn-tertairy:after{ display: inline-block; content: ''; width: 8px; height: 14px; margin-left: 10px; margin-bottom: 2px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgOCAxNCI+DQogIDxwYXRoIGlkPSJpY29uX2NoZXZyb24tcmlnaHRfd2hpdGUiIGQ9Ik00LjY2NywxLjY1N2EuNi42LDAsMCwxLC44MDksMGw2Ljg1NSw2LjQ2MWEuNTE3LjUxNywwLDAsMSwwLC43NjJMNS40NzYsMTUuMzQxYS42LjYsMCwwLDEtLjgwOSwwLC41MTcuNTE3LDAsMCwxLDAtLjc2MkwxMS4xMTksOC41LDQuNjY3LDIuNDJhLjUxNy41MTcsMCwwLDEsMC0uNzYyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNDk5IC0xLjQ5OSkiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+DQo=) no-repeat center; background-size: contain; vertical-align: middle; }

/* HEADER */
header{ padding: 0; background: rgba(255,255,255,1); }
header.header-shrink{ box-shadow: none; }
header .navbar{ margin-bottom: -30px; }

header .sec-nav{ min-height: auto; }
header .sec-nav .navbar-nav .nav-item .nav-link{ color: var(--green); text-transform: none; padding: 0; line-height: 20px; }
header .navbar-sec .navbar-nav .nav-item{ padding: 0;  }

header .navbar-collapse{ background: var(--pink); border-radius: 100px; }
header .navbar-collapse .navbar-nav{ padding: 5px 15px 8px 15px; }
header .navbar-collapse .navbar-nav .nav-link{ font-size: 20px; padding: 3px 5px 3px 5px; }
header .navbar-collapse .navbar-nav .nav-link:before{ height: 2px; }
header .navbar-nav .dropdown-menu{ background: var(--pink); }
header .navbar-nav .dropdown-menu .nav-item:hover{ background: rgba(255,255,255,0.1); }
header .navbar-nav .dropdown-menu .nav-item .nav-link{ line-height: 28px; padding: 8px 5px 8px 5px; }
header .navbar-nav .dropdown-menu .nav-item .nav-link:before{ display: none; }

nav .block.html.header-hash{ position: absolute; bottom: 0; }
nav .block.html.header-hash .item.green{ background: var(--green); font-size: 24px; font-weight: 900; color: #ffffff !important; left: 0; padding: 10px 30px; border-radius: 50px; }
nav .block.html.header-hash a:hover{ text-decoration: none; }

.vacatures-aantal{ position: absolute; top: -10px; right: -10px; font-size: 12px; line-height: 20px; width: 25px; height: 25px; background: var(--lightblue); border-radius: 50px; display: flex; align-items: center; justify-content: center; }

/* BANNERAFBEELDING */
.section-radius-top{ margin-top: 60px; }
.section-radius-top.section-header.header-vervolg .wrapper > img{ height: auto; }
.section-header .overlay{ padding: 85px 90px 45px 90px; }

.slick-arrow{ background: rgba(0,0,0,0); color: #ffffff; text-align: center; padding: 10px; width: 60px; border: 0; outline: 0; }
.slick-arrow:hover{ background: rgba(0,0,0,0); }
.slick-arrow:focus{ border: 0; outline: 0; }
.slick-prev, .slick-next { top: calc(50%  - 10px); z-index: 999; }
.slick-prev{ position: absolute; top: calc(50% - 30px); left: 20px; z-index: 999; }
.slick-next{ position: absolute; top: calc(50% - 30px); right: 20px; z-index: 999; }

/* VAKANTIE KRACHT */
.block.content.text .btn.btn-primary{ margin-bottom: 0; }
.row.green{ padding-top: 100px; }
.block.content.specs{ }
.block.content.specs ul{ padding-left: 40px; }
.block.content.specs ul li{ list-style: none; position: relative; margin-bottom: 25px; }
.block.content.specs ul li:before{ content: ""; display: block; width: 15px; height: 15px; border-radius: 50px; background: var(--pink);
    position: absolute; top: 10px; left: -30px; }
.block.content.specs ul ul li{ margin-bottom: 0 !important; }

.block.list.faq-list .card .card-body ul{ padding-left: 30px; }

.block.html.solliciteerbutton{ position: absolute; top: 30%; right: 10%; }
.block.html.solliciteerbutton .block{ background: var(--orange); color: #ffffff; width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 100%; text-align: center; transform: rotate(15deg); transition: all .5s; -webkit-animation: scale-up-center 1.5s infinite; animation: scale-up-center 1.5s infinite; }
.block.html.solliciteerbutton .block:hover{ background: var(--green); transform: rotate(15deg) scale(1.1); }

.block.html.solliciteerbutton a{ font-size: 2rem; font-weight: 600; color: #ffffff; line-height: 1;  }
.block.html.solliciteerbutton a:hover{ text-decoration: none !important; }

.block.html.solliciteerbuttonbig{ text-align: center; -webkit-animation: scale-up 1.5s infinite; animation: scale-up 1.5s infinite; }
.block.html.solliciteerbuttonbig .btn.btn-primary{ font-size: 2rem; font-weight: 600; }
.block.html.solliciteerbuttonbig .btn.btn-primary:after{ display: none; }


.block.html.homebtn{ position: absolute; top: -100px; right: 20px; z-index: 9999; }
.block.html.homebtn .block{ background: var(--orange); color: #ffffff; width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 100%; text-align: center; transform: rotate(15deg); transition: all .5s; -webkit-animation: scale-up-center 1.5s infinite; animation: scale-up-center 1.5s infinite; }
.block.html.homebtn .block:hover{ background: var(--green); transform: rotate(15deg) scale(1.1); }

.block.html.homebtn a{ font-size: 1.5rem; font-weight: 600; color: #ffffff; line-height: 1;  }
.block.html.homebtn a:hover{ text-decoration: none !important; }

@-webkit-keyframes scale-up-center {
	0% {
		-webkit-transform: rotate(15deg) scale(0.8);
			transform: rotate(15deg) scale(0.8);
	}
	50% {
		-webkit-transform: rotate(15deg) scale(1);
			transform: rotate(15deg) scale(1);
	}
	100% {
    	-webkit-transform: rotate(15deg) scale(0.8);
            transform: rotate(15deg) scale(0.8);
  	}
}
@keyframes scale-up-center {
  	0% {
		-webkit-transform: rotate(15deg) scale(0.8);
			transform: rotate(15deg) scale(0.8);
	}
	50% {
		-webkit-transform: rotate(15deg) scale(1);
			transform: rotate(15deg) scale(1);
	}
	100% {
    	-webkit-transform: rotate(15deg) scale(0.8);
            transform: rotate(15deg) scale(0.8);
  	}
}

@-webkit-keyframes scale-up {
	0% {
		-webkit-transform: scale(0.9);
			transform: scale(0.9);
	}
	50% {
		-webkit-transform: scale(1);
			transform: scale(1);
	}
	100% {
    	-webkit-transform: scale(0.9);
            transform: scale(0.9);
  	}
}
@keyframes scale-up {
  	0% {
		-webkit-transform: scale(0.9);
			transform: scale(0.9);
	}
	50% {
		-webkit-transform: scale(1);
			transform: scale(1);
	}
	100% {
    	-webkit-transform: scale(0.9);
            transform: scale(0.9);
  	}
}

/* CONTENT */
.mt-n-large.pt-small, .mt-n-large.py-small{ padding-top: 0; }

.row.white{ background: #ffffff; padding: 100px 0 50px 0; position: relative; }
.row.white:after{ content: ""; display: block; width: 100%; height: 50px; background: #ffffff; border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 99; }

.row.green{ background: var(--green); color: #ffffff !important; position: relative; }
.row.green:after{ content: ""; display: block; width: 100%; height: 50px; background: var(--green); border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 9; }
.row.green h2{ font-weight: 700; color: #ffffff; }
.row.green h3{ font-weight: 700; color: #ffffff; }

.row.orange_extra{ background: var(--orange); color: #ffffff !important; position: relative; padding-top: 100px; }
.row.orange_extra:after{ content: ""; display: block; width: 100%; height: 50px; background: var(--orange); border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 9; }
.row.orange_extra h2{ font-weight: 700; color: #ffffff; }
.row.orange_extra h3{ font-weight: 700; color: #ffffff; }

.row.orange{ background: var(--orange); color: #ffffff !important; padding: 50px 0; position: relative; }

.row.lightblue{ background: var(--lightblue); color: #ffffff !important; padding: 50px 0; position: relative; min-height: 250px; }
.row.lightblue:after{ content: ""; display: block; width: 100%; height: 50px; background: var(--lightblue); border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 9; }

.row.pink{ background: var(--pink); color: #ffffff !important; padding: 50px 0; position: relative; }
.row.pink:after{ content: ""; display: block; width: 100%; height: 50px; background: var(--pink); border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 9; }

.row.blue{ background: var(--blue); color: #ffffff !important; padding: 125px 0 25px 0; position: relative; }
.row.blue:after{ content: ""; display: block; width: 100%; height: 50px; background: var(--blue); border-radius: 0 0 80px 80px; position: absolute; bottom: -49px; left: 0; z-index: 99; }
.row.blue h2{ color: #ffffff; }

.row.blue .text.contact{ color: #ffffff !important; }
.row.blue .text.contact h4{ color: #ffffff !important; margin-top: 15px; }
.row.blue .text.contact a{ color: #ffffff !important; margin-top: 5px; }
.row.blue .text.contact i{ margin-right: 10px; }

.block.content p{ text-align: justify; }
.block.content.center{ text-align: center; }
.block.content.center p{ text-align: center; }
.block.content.special{ color: #ffffff; }
.block.content.special h2{ font-family: 'Arsilon'; font-size: 110px; font-weight: 400; color: #ffffff; text-align: center; text-shadow: 0 3px 6px rgba(4,5,5,0.65); margin-top: 50px; }
.block.content.titleblue h2{ color: var(--lightblue); }

.row.blue .block.html.buttons{ position: absolute; left: 0; bottom: -100px; width: 100%; text-align: center; z-index: 999; }
.row.blue .block.html.buttons p{ margin-bottom: 0; }
.row.blue .block.html.buttons p .btn{ margin-bottom: 0; }
.row.blue .block.html.buttons p .btn:nth-child(1){ margin-right: 15px; }
.row.blue .block.html.buttons p .btn:nth-child(2){ margin-left: 15px; }

.row.orange .block.html.allbutton .btn.btn-primary{ font-size: 26px; background: var(--blue) !important; max-width: 400px; position: relative; top: 25px; left: 50%; z-index: 9; transform: translate(-50%,0); }
.row.orange .block.html.allbutton .btn.btn-primary:hover{ background: var(--green) !important;}
.row.lightblue .block.html .btn.btn-primary{ font-size: 26px; background: var(--blue) !important; max-width: 350px; position: relative; top: -30px; left: 50%; z-index: 9; transform: translate(-50%,0); }
.row.lightblue .block.html .btn.btn-primary:hover{ background: var(--green) !important;}

.block.list.title-slider{  }
.block.list.title-slider .item{ text-align: center; }
.block.list.title-slider .item .text{ font-family: 'Arsilon'; font-size: 100px; font-weight: 400; color: #ffffff; line-height: 150px; text-shadow: 0 3px 6px rgba(0,0,0,0.6); }

.spotify-block{ position: absolute; top: -350px; right: 0; display: none; z-index: 99999; width: 130px; height: 130px; padding: 10px; text-align: center; background: var(--pink); color: #ffffff; border-radius: 100px; transform: rotate(15deg); display: flex; align-items: center; justify-content: center; }
.spotify-block a{ color: #ffffff; }
.spotify-block .content{ }
.spotify-block .content .icon{ font-size: 50px; margin-bottom: 5px; }
.spotify-block .content .text{ font-size: 16px; line-height: 20px; width: 100%; margin-bottom: 10px; }
.spotify-block .content .text p{ margin-bottom: 0; }
.spotify-block:hover{ background: var(--green); }

.block.list.teller{ position: relative; z-index: 999; }
.block.list.teller .item{ border-radius: 50px; overflow: hidden; text-align: center; height: 100%; }
.block.list.teller .item .image{ background: #ffffff; display: flex; align-items: center; padding: 10px 25px 0 25px; min-height: 220px; }
.block.list.teller .item .image img{ width: 100%; height: auto; }
.block.list.teller .item .content{ background: var(--lightblue); padding: 25px 25px; height: 100%; }
.block.list.teller .item .content .complete-perc{ font-size: 70px; font-weight: 900; color: #ffffff; line-height: 74px; margin-bottom: 20px; }
.block.list.teller .item .content .name{ font-size: 28px; font-weight: 500; color: #ffffff; line-height: 32px; }

.block.html.vacaturealert{ text-align: center; }
.block.html.vacaturealert .item{ text-align: center; }
.block.html.vacaturealert .item img{ max-width: 100px; width: 100%; margin: 0 auto; position: relative; z-index: 9; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.block.html.vacaturealert .item img:hover{ animation: pulse; animation-duration: 1s; }
.block.html.vacaturealert .item .title{ font-size: 50px; font-weight: 900; color: var(--lightblue); line-height: 66px; }
.block.html.vacaturealert .item .title span{ background: #ffffff; border-radius: 50px; padding: 10px 40px; }
.block.html.vacaturealert .item a{ background: var(--pink) !important; border-radius: 20px; font-size: 20px; color: #ffffff; padding: 5px 25px; }
.block.html.vacaturealert .item a:hover{ background: var(--green) !important; text-decoration: none; }

.block.list.stories{ border-radius: 0 0 50px 50px; overflow: hidden; background: #ffffff; }
.block.list.stories .content{ padding: 0 50px; }
.block.list.stories .content .title{ font-family: 'Arsilon'; font-size: 100px; color: var(--pink); margin-bottom: 40px; }
.block.list.stories .content .text{ color: var(--textcolor);  }
.block.list.stories .slick-arrow{ background: none; }
.block.list.stories .slick-dots *{ outline: none; }
.block.list.stories .slick-dots{ display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: absolute; bottom: 100px; width: 100%; text-align: center; z-index: 99; padding-left: 170px; }
.block.list.stories .slick-dots li{ margin: 0 0.25rem; border-radius: 50%; }
.block.list.stories .slick-dots li:before{  }
.block.list.stories .slick-dots li:focus{ border: 0; outline: 0; }
.block.list.stories .slick-dots li button{ display: block; width: 20px; height: 20px; padding: 0; border-radius: 100%; background-color: var(--green); text-indent: -9999px; cursor: pointer; border: 2px solid var(--green); }
.block.list.stories .slick-dots li.slick-active button{ background-color: #ffffff; }

.block.html.onderzoek{ }
.block.html.onderzoek .item{ width: 1000px; margin: -60px auto 50px auto; position: relative; z-index: 99999; }
/*.block.html.onderzoek .item .text{ font-size: 70px; font-weight: 900; color: #ffffff; position: absolute; top: 165px; left: 75px; transform: rotate(-5deg); -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.block.html.onderzoek .item .text:hover{ animation: pulse; animation-duration: 1s; }*/

.block.html.image{ overflow: hidden; border-radius: 0 0 50px 50px; margin-bottom: -49px; position: relative; z-index: 9; }

.block.html.tekstballon{ position: relative; left: 50%; z-index: 9; transform: translate(-50%,0); width: 500px; margin-top: -200px; margin-bottom: 50px; }
.block.html.tekstballon .text{ position: absolute; top: 50%; left: 50%; font-size: 40px; color: #ffffff; line-height: 50px; text-align: center; transform: translate(-50%, -54%); max-width: 400px; width: 100%; }
.block.html.tekstballon img{ width: 100%; }

.block.html.hashtag{  }
.block.html.hashtag .item{ position: absolute; bottom: 20%; right: -49px; z-index: 9; font-size: 50px; font-weight: 700; color: #ffffff !important; line-height: 80px; padding: 8px 50px; border-radius: 50px; }
.block.html.hashtag .item.green{ background: var(--green); right: auto; left: -49px; }
.block.html.hashtag .item.pink{ background: var(--pink); }
.block.html.hashtag .item.orange{ background: var(--orange); }
.block.html.hashtag .item.blue{ background: var(--lightblue); }
.block.html.hashtag .item p{ margin-bottom: 0; }

.block.html.photo img{ border-radius: 50px 50px 50px 50px; border-bottom: 7px solid var(--lightblue); }

.modal-content{ border-radius: 5px !important; }
.modal-content .modal-header{ padding: 25px 25px 15px 25px; }
.modal-content .modal-header .modal-title{ font-size: 26px; font-weight: 700; }
.modal-content .modal-body{ font-size: 20px; line-height: 32px; padding: 25px; }
.modal-content .modal-body .form-control{ margin: 0; min-height: 52px; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; }
.modal-content .modal-body .btn.btn-success{ background: var(--orange); min-width: auto; margin-bottom: 0; }

/* VACATURE INTRO */
.section-intro h1{ margin-top: 0; }

.vacature-btns{ display: flex; }
.vacature-btns .btn{ width: 270px; }
.vacature-btns .btn-vacature-alert{ background: var(--green) !important; position: relative; padding-left: 60px; }
.vacature-btns .btn-vacature-alert:hover{ background: var(--lightblue) !important; }
.vacature-btns .btn-vacature-alert img{ position: absolute; top: -6px; left: -15px; max-width: 60px; transform: rotate(-10deg); }
.vacature-btns .btn-open-sollicitatie{ background: var(--lightblue) !important; }

.form-group{ width: calc(100% + 30px); align-items: flex-end !important; margin-bottom: 30px !important; }
.form-group h4{ font-size: 16px; color: var(--lightblue); }
.form-group .form-control{ margin: 0; width: 100%; border: 1px solid #dddddd; }
.form-group .plaats-select{ display: flex; }
.form-group .plaats-select .form-control{ margin: 0; }
.form-group .plaats-select .btn.dropdown-toggle{ min-width: auto; width: 90px; padding: 0; margin: 0 0 0 5px; background: none; border: 0; font-size: 16px; font-weight: 700; color: var(--lightblue); text-transform: uppercase;  }
.form-group .plaats-select .btn:active,
.form-group .plaats-select .btn:focus,
.form-group .plaats-select .btn:hover{ background-color: var(--lightblue) !important; color: #ffffff !important; }
.form-group .zoek-btn .btn.btn-primary{ margin-bottom: 0; }

/* VACATURE BLOKKEN */
.section-radius-bottom{ padding-top: 5px; }
.section-radius-bottom .col-md-6.col-lg-4{ margin-bottom: 60px; }
.section-radius-bottom .row.softblue{ background: rgba(2,174,195,0.1); position: relative; }
.section-radius-bottom .row.softblue:before{ content: ""; display: block; width: 100%; height: 50px; background: #ffffff; position: absolute; top: 0; left: 0; }

.block.content h1 span {color: var(--pink);}

.block.list.stories {position: relative; z-index: 1;}
.row.softblue.landingpage {padding-top: 90px;margin-top: -40px;position: relative;z-index: 0;}
.row.softblue.landingpage:before {height: 0;}
.row.softblue.landingpage h2 {color: var(--blue);}
.row.softblue.landingpage ul{ padding-left: 40px; }
.row.softblue.landingpage ul li{ list-style: none; position: relative; margin-bottom: 25px; }
.row.softblue.landingpage ul li:before{content: "";display: block;width: 15px;height: 15px;border-radius: 50px;background: var(--green);position: absolute;top: 9px;left: -30px;}
.row.softblue.landingpage ul ul li{ margin-bottom: 0 !important; }

.row.softblue.landingpage a.btn.btn-success {background: var(--pink); font-weight: bold; margin-top: 30px;}

.block.content.text-center.special h3 {font-weight: bold; color: #ffffff; margin-top: -40px;}
.row.orange .block.html.allbutton.text-center.landingpage .btn.btn-primary{display: block;}

.vacature-block{ background: #ffffff; border-radius: 15px; box-shadow: 0 3px 8.5px rgba(0,0,0,0.3); padding: 25px; height: 100%; position: relative; }
.vacature-block .text-wrap{ padding-bottom: 160px; }
.vacature-block .text-wrap .top-text h4{ min-height: 100px; }
.vacature-block .text-wrap .top-text .detail-bar{ display: flex; margin: 10px 0; }
.vacature-block .text-wrap .top-text .detail-bar .icon-and-text{ display: flex; margin-right: 15px; }
.vacature-block .text-wrap .top-text .detail-bar .icon-and-text:last-child{ margin-right: 0; }
.vacature-block .text-wrap .top-text .detail-bar .icon-and-text i{ font-size: 14px; margin-right: 5px; margin-top: 0; }
.vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ font-size: 14px; }

.col-md-6.col-lg-4:nth-child(3n+1) .vacature-block .text-wrap .top-text h4{ color: var(--pink); }
.col-md-6.col-lg-4:nth-child(3n+1) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text i{ color: var(--green); }
.col-md-6.col-lg-4:nth-child(3n+1) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ color: var(--green); }
.col-md-6.col-lg-4:nth-child(3n+2) .vacature-block .text-wrap .top-text h4{ color: var(--blue); }
.col-md-6.col-lg-4:nth-child(3n+2) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text i{ color: var(--pink); }
.col-md-6.col-lg-4:nth-child(3n+2) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ color: var(--pink); }
.col-md-6.col-lg-4:nth-child(3n+3) .vacature-block .text-wrap .top-text h4{ color: var(--green); }
.col-md-6.col-lg-4:nth-child(3n+3) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text i{ color: var(--orange); }
.col-md-6.col-lg-4:nth-child(3n+3) .vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ color: var(--orange); }

.vacature-block .text-wrap .bottom-text{ position: absolute; bottom: auto; left: 0; padding: 10px 25px 25px 25px; }
.vacature-block .text-wrap .bottom-text .description{ padding-top: 15px; border-top: 1px solid #000000; font-size: 18px; color: var(--textcolor); line-height: 28px; }
.vacature-block .btn.btn-primary{ position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%); max-width: 200px; background: var(--lightblue) !important; }
.vacature-block .btn.btn-primary:hover{ background: var(--green) !important; }

.opensollicitatie{ position: absolute; top: 25%; width: 100%; z-index: 9; text-align: center; }
.opensollicitatie .btn.btn-primary{ background: var(--pink) !important; }
.opensollicitatie .btn.btn-primary:hover{ background: var(--orange) !important; }

/* VACATURE ITEM */
.section-intro-view .row.white{ padding-top: 0; }
.section-intro-view h1{ color: var(--green); margin-top: 0; }
.section-intro-view .vacature-details{ display: flex; margin: 25px 0 25px 0; }
.section-intro-view .vacature-details .icon-and-text{ margin-right: 25px; display: inline; }
.section-intro-view .vacature-details .icon-and-text i{ font-size: 18px; color: var(--pink); float: left; margin-right: 8px; }
.section-intro-view .vacature-details .icon-and-text h5{ font-size: 18px; font-weight: 500; color: var(--pink); margin-bottom: 0 !important; float: left; }
.section-intro-view .vacature-btns{ height: 100%; }
.section-intro-view .vacature-btns .btn-open-sollicitatie{ background: var(--orange) !important; margin-right: 15px; }
.section-intro-view .vacature-btns .btn-open-sollicitatie:hover{ background: var(--blue) !important; }
.section-intro-view .job_description h4{ font-size: 32px; font-weight: 400; margin-bottom: 30px !important; }
.section-intro-view .row.green{ padding-top: 125px; }

.row.image .col-md-12{ padding: 0; }
.row.image img{ border-radius: 0 0 50px 50px; margin-bottom: -49px; position: relative; z-index: 9; }
.row.image.nopadding img{ margin-bottom: 0; }

.section .fifty-fifty{ background: #ffffff; border-radius: 0 0 50px 50px; overflow: hidden; border-bottom: 10px solid var(--lightblue); position: relative; }
.section .fifty-fifty .image{ padding: 0; }
.section .fifty-fifty .image img{ height: 100%; object-fit: cover; }
.section .fifty-fifty .image .block.html.hashtag .item.orange{ font-size: 30px; line-height: 40px; padding: 5px 50px; left: auto; right: -49px; bottom: 50px; }
.section .fifty-fifty .job_rewards{ padding: 60px 0 0 50px; background: #ffffff; }
.section .fifty-fifty .job_rewards ul{ padding-left: 40px; }
.section .fifty-fifty .job_rewards ul li{ list-style: none; position: relative; margin-bottom: 25px; }
.section .fifty-fifty .job_rewards ul li:before{ content: ""; display: block; width: 15px; height: 15px; border-radius: 50px; background: var(--pink);
    position: absolute; top: 15px; left: -30px; }
.section .fifty-fifty .job_rewards ul ul li{ margin-bottom: 0 !important; }

.section .row.white .block.html.onderzoek{ position: absolute; top: -20px; right: 25px;  }
.section .row.white .block.html.onderzoek .item{ width: 600px; }
.section .row.white .block.html.onderzoek .item .text{ font-size: 44px; top: 100px; left: 45px; transform: rotate(-6deg); }

.vacature-desc .job_requirements ul{ padding-left: 50px; }
.vacature-desc .job_requirements ul li{ list-style: none; position: relative; margin-bottom: 40px; }
.vacature-desc .job_requirements ul li:before{ content: "\f00c"; font-family: "Font Awesome 6 Pro"; color: var(--green); position: absolute; left: -49px; }

.section .row.white .block.html.tekstballon{ position: absolute; right: 0; left: auto; bottom: -280px; z-index: 999; transform: none; width: 500px; margin-top: 0; margin-bottom: 50px; }

.block.list.faq-list{}
.block.list.faq-list *{ transition: all 0.5s ease-in-out; }
.block.list.faq-list .card{ background: none; border-radius: 0; border: 0; border-bottom: 0.5px solid #ffffff; }
.block.list.faq-list .card .card-header{ background: none; border: 0; padding: 0; }
.block.list.faq-list .card .card-header h5{ font-size: 30px; font-weight: 700; color: #ffffff; padding: 20px 0; cursor: pointer; display: flex; }
.block.list.faq-list .card .card-header h5 .icon{ margin-right: 25px; transform: rotateZ(0deg);  }
.block.list.faq-list .card .card-header h5:hover .icon{ transform: rotateZ(-50deg); }
.block.list.faq-list .card .card-body{ border-bottom: none; }

.vacature-contact .info{ display: flex; align-items: center; }
.vacature-contact .info .text{ font-size: 18px; font-weight: 700; color: var(--pink); }
.vacature-contact .info .text .phonenumber{  }
.vacature-contact .info .text .phonenumber i{ margin-right: 5px; }
.vacature-contact .info .text .whatsapp{  }
.vacature-contact .info .text .whatsapp i{ margin-right: 5px; }
.vacature-contact .info .text .email i{ margin-right: 5px; }

.imagebanner{ position: relative; }
.imagebanner .block.list.hashtag{ position: absolute; top: 0; right: 0; }


/* OVERIGE PAGINAS */
.col-md-6:nth-child(2) .block.html.photo img{ float: right; }

.block.list.cores .list-row{ margin-bottom: 30px; }

.block.list.medewerkers .item a{ color: var(--textcolor); }
.block.list.medewerkers .item{ width: 100%; border-top: 2px solid #A1C45D; padding-top: 30px; padding-bottom: 30px; }
.block.list.medewerkers .employee{ text-decoration: none; }
.block.list.medewerkers .emp-image{ overflow: hidden; border-radius: 5px; }
.block.list.medewerkers .emp-image img{ width: 100%; object-fit: cover; max-width: none; transition: transform 0.3s; }
.block.list.medewerkers .employee:hover img{ transform: scale(1.1); }
.block.list.medewerkers .emp-overlay{ padding-left: 30px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.block.list.medewerkers .emp-details{ margin-bottom: 15px; }
.block.list.medewerkers .emp-details span { font-size: 25px; font-weight: 500; color: #00ADC2; }
.block.list.medewerkers .read-more-btn-wrap { display: flex; justify-content: flex-end; margin-top: 25px; }
.block.list.medewerkers .read-more-btn-wrap .btn { margin-bottom: 0; text-decoration: none; }
.block.list.medewerkers .employee read-more-btn-wrap .btn { text-decoration: none!important; }

.medewerker .btn-open-sollicitatie { max-width: 100%; min-width: 0; }
.medewerker .quote-row { margin-bottom: 25px; }
.medewerker .quote-row .col-md-8 { display: flex; flex-direction: column; justify-content: center; }
.medewerker .quote-row .col-md-8 p { margin-bottom: 0; font-style: italic; color: #00ADC2; font-family: 'Merriweather'; font-size: 32px; }

/* SOLLICITATIE FORMULIEREN */
.section.applications h1{ margin-top: 30px; }
.section.applications .form-group{ width: 100%; }
.section.applications .form-group input{ margin-bottom: 30px; }
.section.applications .btn-group.toestemming-btns{ width: 100%; }
.section.applications .btn-group.toestemming-btns .btn.btn-primary{ border-radius: 5px; margin-bottom: 0; }
.section.applications .btn-group.toestemming-btns .btn.btn-primary:after{ display: none; }
.section.applications .btn-group.toestemming-btns .btn.btn-warning{ border-radius: 5px; margin-bottom: 0; }
.section.applications .btn-group.toestemming-btns input[type=radio]{ margin: 0 10px 0 -10px; }



/* ============================================
		FOOTER
=============================================*/
.row.nopadding{ background: var(--lightblue); }
.row.nopadding .block.html.image{ margin-bottom: 0; }

footer{ margin-top: -49px; padding: 0 0 75px 0; position: static; }
footer .row{ display: block; }
footer .row.lightblue{ padding-top: 0; padding-bottom: 0; }
footer .footer-logo{ max-width: 200px; margin: 0 auto 0 auto; position: relative; z-index: 9; }
footer ul.social{ justify-content: center; }

.social li a span{ overflow: auto; text-indent: inherit; white-space: normal; display: flex; align-items: center; justify-content: center; border-radius: 5px; width: 35px; height: 35px; }
.social li a span i{ font-size: 20px !important; }
.social li a[title*="Facebook"] span{ background: #ffffff; color: var(--lightblue); }
.social li a[title*="Instagram"] span{ background: #ffffff; color: var(--lightblue); }
.social li a[title*="LinkedIn"] span{ background: #ffffff; color: var(--lightblue); }

footer .endpage ul{ border-top: 1px solid #ffffff; margin-top: 25px; padding-top: 25px; }
footer .endpage ul{ display: flex; justify-content: center; }
footer .endpage ul li{ list-style: none; margin: 0 10px; text-transform: lowercase; }
footer .endpage ul li:before{ display: none; }
footer .endpage ul li a{ font-size: 20px !important; color: #ffffff; }
footer .endpage ul li a:hover{ color: #ffffff; }



/* Vacatures filter */
.tabs-filter {  }
.tabs-filter form { border-bottom: 1px solid #ccc; }
.tabs-filter {  }
.tabs-filter input { position: absolute; height: 0; width: 0; visibility: hidden; left: 0; top: 0; }
.tabs-filter label { background: #e5f7f9; color: var(--lightblue); padding: 7px 16px; user-select: none; border-radius: 0.25rem 0.25rem 0 0; cursor: pointer; transition: background 0.3s; }
.tabs-filter label:hover { background: #d1f1f5; }
.tabs-filter label:active { transform: translateY(2px); }
.tabs-filter input:checked+label { background: var(--lightblue); color: #fff; }

@media (min-width: 1400px){
	.container.big{ max-width: 1400px; }
	.container{ max-width: 1200px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {
	h4{ font-size: 20px; }
	/* HOMEPAGINA */
	.section-header .overlay{ padding: 60px 90px 45px 90px; }
	.block.list.stories .slick-dots{ bottom: 60px; }
	.block.html.onderzoek .item{ width: 750px; margin: -49px auto 50px auto; }
	/*.block.html.onderzoek .item .text{ font-size: 50px; top: 135px; left: 45px; }*/
	.block.html.hashtag .item{ font-size: 40px; line-height: 50px; padding: 5px 40px; }
	.vacature-block .text-wrap .top-text h4{ min-height: 80px; }
	.vacature-block .text-wrap .bottom-text{ padding: 5px 25px 25px 25px; }
	.section .fifty-fifty .job_rewards ul li{ list-style: none; position: relative; margin-bottom: 10px; }
	.section .row.white .block.html.onderzoek{ position: absolute; top: 0; right: 25px; }
	/* VERVOLGPAGINA */
	.vacature-btns .btn{ width: 250px; }
	.vacature-block .text-wrap{ padding-bottom: 170px; }
	.vacature-block .text-wrap .top-text h4{ margin-bottom: 10px !important; }
}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {
	h1{ margin-top: 90px; }
	h4{ font-size: 18px; }
	/* MENU */
	header{ background: #ffffff; padding-bottom: 20px; }
	header .navbar{ display: block; margin-bottom: 0; }
	header .navbar-navigation{ margin-top: 18px; }
	header .navbar-toggler-icon{ background: var(--pink); }
	header .navbar-toggler-icon:before,
	header .navbar-toggler-icon:after{ background: var(--pink); }
	nav .block.html.header-hash{ bottom: auto; top: 10px; }
	.section-radius-top{ margin-top: 55px; }
	header.header-menu-open{ background: rgba(40,40,40,0); }
	header .navbar-collapse{ border-radius: 0 0 20px 20px; padding: 40px 25px 15px 25px; position: absolute; width: 100%; z-index: -9; }
	header .navbar-collapse .navbar-nav{ padding: 0; }
	header .navbar-collapse .navbar-nav .nav-item:hover{ background: rgba(255,255,255,0.1); }
	header .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 3px 10px; }
	header .navbar-collapse .navbar-nav .dropdown-menu{ padding: 0; border-radius: 0;}
	header .navbar-collapse .navbar-nav .dropdown-menu .nav-link{ font-weight: 300; padding: 5px 20px; }
	.dropdown-menu{ font-weight: 400; }
	.vacatures-aantal{ top: 0; left: 120px; }
	
	/* HOMEPAGINA */
	body{ font-size: 20px; line-height: 32px; }
	.block.content.voorbeeld h1{ margin-top: 100px; }
	.block.content.special h2{ font-size: 80px; }
	.row.blue{ padding: 90px 0 0 0; }
	.block.list.title-slider .item .text{ font-size: 80px; line-height: 125px; }
	.row.blue .block.html.buttons{ bottom: -75px; }
	.block.list.teller .item .content{ padding: 25px; }
	.block.list.teller .item .content .complete-perc{ font-size: 50px; }
	.block.list.teller .item .content .name{ font-size: 24px; }
	.vacature-block{ padding: 15px; }
	.vacature-block .text-wrap .top-text h4{ min-height: 75px; }
	.vacature-block .text-wrap .top-text .detail-bar .icon-and-text{ margin-right: 10px; }
	.vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ font-size: 12px; }
	.vacature-block .text-wrap .bottom-text{ padding: 0 15px 20px 15px; }
	.vacature-block .text-wrap .bottom-text .description{ font-size: 16px; line-height: 24px; }
	.block.list.stories .content{ padding: 0px 25px; }
	.block.list.stories .content .title{ font-size: 80px; }
	.block.list.stories .slick-dots{ padding-left: 130px; }
	.block.html.onderzoek .item{ width: 750px; margin: -20px auto 50px auto; }
	.row.pink{ padding: 50px 0 25px 0; }
	.row.lightblue{ min-height: 200px; }
	.block.html.tekstballon{ width: 350px; margin-top: -175px; }
	.block.html.hashtag .item { bottom: 20%; right: -10px; font-size: 40px; line-height: 60px; padding: 0px 50px; }
	.block.html.hashtag .item.green{ bottom: 40%; }
	.block.html.tekstballon .text{ font-size: 20px; line-height: 30px; max-width: 250px; }
	.section .fifty-fifty .job_rewards{ padding: 60px 0 0 15px; }
	.section .row.white .block.html.onderzoek .item{ width: 400px; }
	.btn{ min-width: 150px; padding: 10px 15px; }
	.vacature-btns .btn-vacature-alert{ padding-left: 40px; }
	.vacature-btns .btn-vacature-alert img{ max-width: 40px; }
	.block.html.solliciteerbutton{ position: absolute; top: auto; bottom: -50%; right: 10%; z-index: 9999; }
}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {
	h1{ margin-top: 50px; }
	/* HOMEPAGINA */
	.block.content.special h2{ font-size: 60px; }
	.container.big .row.blue:nth-child(1){ padding: 50px 0 0 0; }
	.block.list.title-slider .item .text{ font-size: 60px; }
	.slick-prev{ left: 0; }
	.slick-next{ right: 0; }
	.block.list.teller .col-md-6.col-lg-3{ margin-bottom: 30px; }
	.block.html.vacatures .col-md-6.col-lg-4:nth-child(1){ display: none; }
	.block.list.stories .content{ min-height: 300px; }
	.block.list.stories .content .title{ margin-top: 70px; }
	.block.list.stories .slick-dots{ padding-left: 0; bottom: 25px; }
	.block.html.onderzoek .item{ width: 100%; margin: 25px auto 25px auto; }
	.spotify-block{ top: -50px; right: -50px; }
	/* VERVOLGPAGINA */
	.block.content.voorbeeld h1{ margin-top: 60px; }
	.vacature-btns{ display: block; }
	.vacature-btns .btn{ max-width: 100%; width: 100%; }
	.form-group .zoek-btn .btn.btn-primary{ max-width: 100%; }
	.form-group .col-md-6{ margin-bottom: 20px; }
	.opensollicitatie{ top: 0; }
	.section .row.white .block.html.tekstballon{ bottom: -170px; width: 300px; }
	.section .row.white .block.html.onderzoek{ top: -40px; }
	.vacature-desc{  margin-top: 50px; }
	.vacature-contact .text{ margin: 25px 0; }
	.section .fifty-fifty .job_rewards{ padding: 60px 0 0 0; }
	.section .fifty-fifty .image .block.html.hashtag .item.orange{ right: 20px; }
	.block.html.solliciteerbutton{ bottom: -35%; }

}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {
	/* HOMEPAGINA */
	.block.content.special h2{ font-size: 40px;  }
	.block.list.title-slider .item .text{ font-size: 40px; line-height: 75px; }
	.slick-arrow{ width: 0; }
	.row.blue .block.html.buttons{ bottom: -135px; }
	.row.blue .block.html.buttons p .btn:nth-child(1){ margin-right: 0; margin-bottom: 10px; }
	.row.blue .block.html.buttons p .btn:nth-child(2){ margin-left: 0; }
	.row.white{ padding: 125px 0 50px 0; }
	.block.html.vacatures .col-md-6.col-lg-4:nth-child(1){ display: block; }
	.vacature-block{ padding: 25px 25px 50px 25px; }
	.vacature-block .text-wrap{ padding-bottom: 0; }
	.vacature-block .text-wrap .top-text h4{ min-height: auto; margin-bottom: 20px !important; }
	.vacature-block .text-wrap .bottom-text{ position: relative; bottom: 0; margin-top: 25px; padding: 0; }
	.vacature-block .btn.btn-primary{ bottom: 15px; }
	.block.list.stories .content{ min-height: 330px; }
	/*.block.html.onderzoek .item .text{ font-size: 40px; top: 85px; left: 25px; }*/
	.block.html.hashtag .item { bottom: 10%; font-size: 30px; line-height: 40px; padding: 0px 50px; }
	footer .endpage ul{ display: block; text-align: center; }
	/* VERVOLGPAGINA */
	.section .row.white .block.html.onderzoek .item{ width: 100%; }
	.section .row.white .block.html.onderzoek .item .text{ font-size: 40px; top: 85px; left: 25px; }
	.vacature-desc{ margin-top: 50px; }
	.block.list.medewerkers .emp-overlay { padding-top: 30px; padding-left: 0; }
	.block.list.medewerkers .read-more-btn-wrap{ margin-top: 10px; }
	.block.html.solliciteerbutton{ bottom: -25%; }
}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {
	.row.image img{ margin-bottom: 0; }
	.block.list.stories .content{ min-height: 370px; padding: 0 15px; }
	.block.html.hashtag .item.green { bottom: 50%; }
	/*.block.html.onderzoek .item .text{ font-size: 30px; top: 71px; left: 25px; }*/
	.block.list.teller .item{ border-radius: 40px; }
	.block.list.teller .item .col-4{ padding-right: 0; }
	.block.list.teller .item .col-8{ padding-left: 0; }
	.row.white:nth-child(2){ padding: 125px 0 175px 0; }
	.spotify-block{ top: -160px; right: 50%; transform: translate(50%, 0); }
	/* VERVOLGPAGINA */
	.section-intro-view .row.green{ margin-top: -49px; }
	.container.big .row.blue{ margin-top: 0; }
	.block.html.solliciteerbutton{ bottom: -35%; }

	.block.html.homebtn { top: -80px; }
	.block.html.homebtn .block{ width: 110px; height: 110px; font-size: 14px; }
}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {
	body{ font-size: 18px !important; overflow-x: hidden !important; }
	h1{ font-size: 30px !important; }
	h2{ font-size: 28px !important; }
	h3{ font-size: 24px !important; }
	h4{ font-size: 20px !important; }
	h5{ font-size: 18px !important; }
	.block.content.special h2 { font-size: 48px !important; }
	.section-radius-bottom{ padding-left: 0; padding-right: 0; }
	.section-radius-bottom .container.big .row.blue:nth-child(1) { padding: 50px 0 0 0; margin: -40px 15px 0 15px; }
	.container.big .row.blue:nth-child(1) { padding: 50px 0 0 0; margin: -40px 0 0 0; }
	.block.list.title-slider{ margin-top: 30px; }
	.block.list.title-slider .item { padding: 0 20px; }
	.block.list.title-slider .item .text{ font-size: 40px; line-height: 56px; }
	.block.list.teller .item .image{ padding-top: 0; min-height: 100%; padding: 0 10px 0 10px; }
	.block.list.teller .item .content{ padding: 10px 20px 20px 20px; }
	.block.list.teller .item .content .complete-perc{ font-size: 30px; line-height: 50px; }
	.block.list.teller .item .content .name{ font-size: 18px; line-height: 24px; }
	.row.orange .block.html.allbutton .btn.btn-primary{ font-size: 20px; }
	.block.html.vacaturealert .item .title{ font-size: 30px; line-height: 46px; }
	.block.list.stories .content{ min-height: 420px; }
	/*.block.html.onderzoek .item .text{ font-size: 24px; top: 63px; left: 29px; }*/
	.block.html.hashtag .item{ bottom: 20%; right: 10px; font-size: 20px; line-height: 40px; padding: 0px 20px; }
	.block.html.hashtag .item.green{ bottom: 60%; left: -10px; font-size: 20px; line-height: 40px; padding: 0 20px; }
	.block.html.photo{ margin: 20px 0 30px 0; }
	.block.html.photo img{ margin: 0 0 30px 0; }
	.row.lightblue .block.html .btn.btn-primary{ font-size: 20px; }
	.section-radius-bottom{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
	footer .container.big{ padding: 0; }
	.modal-content .modal-body{ font-size: 18px; line-height: 30px; }
	.block.list.medewerkers .quote{ margin-top: 20px; }
	.block.list.medewerkers .quote-row .col-md-8 p{ font-size: 24px; }
	.vacature-btns{ margin-top: -49px; }
	.vacature-btns .btn-vacature-alert{ background: none !important; box-shadow: none; margin-bottom: 0; }
	.vacature-btns .btn-vacature-alert img{ left: auto; right: 0; }
	.vacature-btns .btn-vacature-alert span{ display: none; }
	.vacature-btns .btn-vacature-alert:after{ display: none; }
	.vacature-btns .btn-vacature-alert:hover,
	.vacature-btns .btn-vacature-alert:active,
	.vacature-btns .btn-vacature-alert:focus{ background: none !important; }
	.vacature-btns .btn-open-sollicitatie{ display: none; }
	.opensollicitatie{ margin-top: 30px; }
	.opensollicitatie .block.content.special h2{ display: none; }
	.section-intro-view .vacature-details{ display: flex; margin: 10px 0 20px 0; }
	.section-intro-view .vacature-details .icon-and-text{ margin-right: 15px; }
	.section .row.white .block.html.tekstballon{ bottom: -135px; width: 270px; }
	.section .row.white .block.html.tekstballon .text { max-width: 230px; }
	.section.applications .btn-group.toestemming-btns label{ font-size: 16px; }
	.search-form.form-inline{ margin-top: -20px; }
	.search-form.form-inline .form-group{ margin-bottom: 0 !important; }
	.search-form.form-inline .form-group .col-md-6{ margin-bottom: 15px; }
	.search-form.form-inline h4{ font-size: 16px !important; }
	.section > .row{ margin: 0; }
	.section > .row > .container.big{ padding: 0; }
	.section-intro-view > .row{ margin: 0; }
	.section-intro-view > .row > .container.big{ padding: 0; }
	.vacature-block .text-wrap .top-text .detail-bar .icon-and-text h5{ font-size: 14px !important; }
}