/*
Theme Name: Onest
*/

body {
    line-height: 1.4 !important;
	font-family: 'Hind Guntur', sans-serif;
    font-weight: 400;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    min-height: 100vh;
    color: #333333;
    font-size: 15px !important;
}

form * {
	font-family: 'Hind Guntur', sans-serif;
	font-size: 14px;
	color: #333333;	
}

textarea:focus, input:focus{
    outline: none;
}

form li {
	padding-right: 0 !important;
}

form input[type=text],
form input[type=email]{
	height: 44px;
	border: 1px solid #E6E6E6;
	padding: 10px 10px 5px 10px !important;
	margin-top: 0 !important;
}

form input[type=submit], 
form input[type=button] {
    padding: 8px 20px 4px 20px;
    border: 2px solid #333;
    position: relative;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	background-color: #FFF;
}

#contact form input[type=submit] {
	color: #FFF;
	background-color: #de163d;
	border: 2px solid #de163d;
}

textarea {
	border: 1px solid #E6E6E6;
	padding: 10px 10px 5px 10px;	
}

a {
	color: #333;
	text-decoration: none;
    transition: all 0.3s ease-in-out;	
}

a:focus {
	outline: none;
}

.inner a:focus {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #333333;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
}

h1 {
	line-height: 1.2 !important;
}

h2,
h3,
h4 {
	line-height: 1.2 !important;
}

h1.special,
h2.special,
h3.special {
	font-weight: 300;
}

h1.special em,
h2.special em,
h3.special em {
	color: #DE163D;
	font-style: normal;
}

button:focus {
	outline:0;
}

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

.row.vertical-centered {
    align-items: center;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.review_items .col-lg-4 {
  margin-bottom: 30px;
}
.image_person {
  width: 100px;
  border-radius: 300px;
  float: left;
  margin-right: 20px;
}
.reviews .inner .naam strong {
  font-weight: 600;
}
.page-id-41287 #vier_blokken .col-sm-12.col-md-6.col-lg-3:nth-child(4) {
  display: none;
}
#cmplz-document {
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  margin-top: 80px;
  margin-bottom: 60px;
}
.reviews .inner .naam {
  max-width: 80%;
}
#post-41751 .social, #post-41625 .social {
  height: 310px !important;
  width: 100% !important;
}
.page-id-41752 #vier_blokken .col-sm-12.col-md-6.col-lg-3:nth-child(4) {
  display: none;
}

.content_image {
  float: left;
  margin-top: 15px;
}

#specialist_text_contact div.green {
  padding: 75px 44px 65px 44px;
}

.content_image a {
	text-decoration:underline;
}
.blokje_gray {
  background: #F6F6F6;
  display: inline-block;
  width: 100%;
  height: 100%;
}
#portfolio_text .inner_contact h3.special {
  font-size: 19px;
  font-weight: 400;
}
#header ul#main-menu > li > a, #header ul#main-menu-2 > li > a {

    padding: 21px 8px 17px 8px;
    display: block;
    font-size: 14px;

}
#post-41751 .social,
#post-41625 .social {
  height: 640px;
}
#post-41750 #header_home h1,
#post-41676 #header_home h1 {
  font-size: 32px;
}
a#wt-cli-settings-btn {
    margin: 0 !important;
    padding: 12px 20px !important;
    border-radius: 0px !important;
    margin-top: -4px !important;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #28a745 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
}
div#cookie-law-info-bar {
    padding: 30px !important;
}
a#wt-cli-accept-btn {
    padding: 13px 35px !important;
}
#my_frame .image_contact {
  width: 100px;
  border-radius: 80px;
  overflow: hidden;
  margin-left: 40px;
  margin-top: 30px;
  float: none;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 30px;
}
#my_frame .content_contact {
  width: 60%;
  float: left;
  margin-top: 50px;
  margin-left: 20px;
}
.the_form {
  display: block;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 20px;
  height: auto !important;
 width: 300px;
}
#nieuwsbrief .the_form {
	width: 100%;
}
.text_line {
  text-align: center;
  width: 80%;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 50px;
}
#my_frame h4 {
  width: 100%;
  margin-bottom: 0px;
  font-size: 18px;
  margin-left: 0px;
  margin-top: 20px;
  text-align: center;
}
.the_form .spcialist_cta > div > div {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}







/* Binnendienst commercie form */

#gform_wrapper_36 .gf_step_label {
  display: none;
}
#gform_wrapper_36 .gsection_title {
  font-size: 24px !important;
  font-weight: 800 !important;
  margin-top: 20px;
}
#gform_wrapper_36  .gfield_label {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 0;
  margin-top: 10px;
}
#gform_wrapper_36 input[type="text"], #gform_wrapper_36  input[type="email"] {
  height: 48px !important;
  border: 1px solid #BEBEBE;
  padding: 10px 10px 5px 10px !important;
  margin-top: 0 !important;
}
#gform_wrapper_36 textarea {
  border: 1px solid #BEBEBE;
}
.gform_next_button {
  float: right;
  color: #fff;
  background: #333 !important;
}
.gform_previous_button {
  float: left;
  color: #fff !important;
  background: #333 !important;
}
#gform_wrapper_36 .gform_ajax_spinner {
	display: none;
}

.contact_form_wrap p {
  color: #000;
  font-size: 16px;
  margin-top: 20px;
}
#content .contact_form_wrap p a {
  color: #000;
  text-decoration: underline;
}
#content .contact_form_wrap p a:hover {
  color: #fff;
  text-decoration: underline;
}

section.gray {
	background-color: #EDEDED;
}

div.green {
	background-color: #6FCF97;
	color: #000;
}

body .container {
	padding-bottom: 0;
}

.read_more {
	font-weight: 600;
	font-size: 16px;
	position: relative;
	padding-right: 16px;
}

.read_more:after {
	content: url(/wp-content/uploads/read_more.svg);
	position: absolute;
	right: 0;
}

.read_more.red {
	color: #DE163D;
}

.read_more.red:after {
	content: url(/wp-content/uploads/arr_red_right.svg);
}

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

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

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

.margin-top-30 {
	margin-top: 30px;
}

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

.align_right {
	text-align: right;
}

.center {
	text-align: center;
}

/* button algemeen */
.cta a {
    font-size: 16px !important;
    font-weight: 500;
    text-decoration: none !important;
	position: relative;
    padding: 8px 20px 4px 20px;
	display: inline-block;	
}

.cta a:hover {
    opacity: 0.75;
}

/* rode button met en zonder pijl */
.cta_red_arrow a,
.cta_red a {
    color: #fff !important;
    background: #de163d;
	border: 2px solid #de163d;
}

.cta_red_arrow a {
    padding: 8px 36px 4px 20px;
}

.cta_red_arrow a:after {
    background: url(/wp-content/uploads/coolicon.svg);
    position: absolute;
    display: inline-block;
    content: " ";
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
	background-position: center;
    right: 11px;
	top: 0;
	bottom: 0;
	margin: auto;
    transition: all 0.3s ease-in-out;
}

.cta_red_arrow a:hover:after {
    right: 5px;
}

/* witte button met en zonder pijl */
.cta_white a {
	color: #333;
	background-color: #FFF;
	border: 2px solid #FFF;
}

.cta_white_arrow a {
    padding: 8px 36px 4px 20px;
	border: 2px solid #333;
	position: relative;
}

.vorige.cta_white_arrow a {
    padding: 8px 20px 4px 36px;
	border: 2px solid #333;
	position: relative;
}

.cta_white_arrow a:after {
    background: url(/wp-content/uploads/arr_right_zwart.svg);
    position: absolute;
    display: inline-block;
    content: " ";
    width: 20px;
    height: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
	background-position: center;
    right: 11px;
	top: 0;
	bottom: 0;
	margin: auto;
    transition: all 0.3s ease-in-out;
}

.vorige.cta_white_arrow a:after { 
	background: url(/wp-content/uploads/arr_left_zwart.svg);
	background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;	
	right: auto;
	left: 11px;
}

.cta_white_arrow a:hover:after {
    right: 5px;
}

.vorige.cta_white_arrow a:hover:after {
    left: 5px;
	right: auto;
}

/* zwarte button zonder pijl */
.cta_black a {
	color: #FFF;
	background-color: #333;
	border: 2px solid #333;
}

/* simpele rode link met pijl */
a.button_link {
	font-weight: 600;
	position: relative;
	color: #de163d;
	position: relative;
}

a.button_link:after {
	content: url(/wp-content/uploads/arr_red_small.svg);
	position: absolute;
	right: -12px;
	transition: all .4s;
}

a.button_link:hover:after {
	right: -18px;
}

/* rode subtitle met streep */
.subtitle {
	display: inline-block;
    padding-left: 100px;
    font-weight: 500;
    color: #DE163D;
    position: relative;	
}

.subtitle:before {
    content: '';
    height: 2px;
    width: 80px;
    background-color: #DE163D;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(-3px);	
}

/* next section */
a.next_section {
	font-weight: 600;
	position: relative;
	display: inline-block;
}

a.next_section:after {
	content: url(/wp-content/uploads/arr_down.svg);
	position: absolute;
	right: -14px;
	transform: translateY(1px);
}

#gform_fields_35 .ginput_container_email {
	padding-left: 12px;
}

#content p a {
	color: #DE163D;
}

#content p a:hover {
	text-decoration: underline;
}

/* gravity forms */
select {
	background-color: #F6F6F6;
	border: 1px solid #E6E6E6;
	color: #333333 !important;
}

input[type=radio] {
	position: relative;
	top: -2px !important;
	margin-right: 3px !important;
}

h2.gform_submission_error {
	font-size: 14px !important;
	padding-top: 6px !important;	
}

#gform_32 img {
	max-width: 20px !important;
	height: auto;
}

#validation_message_35_5 {
    margin-left: 12px;
    width: calc(100% - 12px);
}

body .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100% !important;
}


body .gform_validation_errors>h2:before {
	display: none !important;
}

body .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error {
    max-width: 100% !important;
	background: none !important;
	border: none !important;
}

body .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li {
	margin: 0 !important;
}

body .gform_legacy_markup_wrapper .field_description_below .gfield_description {
    padding-top: 4px !important;
}

body .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
body .gform_legacy_markup_wrapper li.gfield_error textarea {
	border: none !important;
}

.gf_step_number {
	padding-top: 4px;
}

.gf_step_active .gf_step_number {
	background-color: #de163d !important;
	color: #FFF !important;
	border-color: #de163d !important;
}

.the_form img {
	max-width: 30px;
	margin-left: 12px;
}




.wpml-ls-legacy-dropdown a {
  display: block;
  text-decoration: none;
  color: #333 !important;
  border: 0px !important;
  background-color: #fff;
  padding: 0px !important;
    padding-right: 0px;
  line-height: 1;
  width: auto !important;
}
.wpml-ls-legacy-dropdown {
  width: 80px;
  max-width: 100%;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  border: 0px;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
  border-top: 0px;
  position: absolute;
  right: 10px;
  top: calc(50% - .175em);
  background: url(/wp-content/uploads/dropdown-arrow.svg);
    background-repeat: repeat;
    background-size: auto;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
  display: block;
  vertical-align: middle;
  width: 22px;
  height: auto;
}
.wpml-ls-native {
  font-weight: 600;
  margin-right: 26px;
  margin-top: -10px;
  display: block;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag {
  display: block;
  vertical-align: middle;
  width: 22px;
  height: auto;
  margin-left: 10px;
  margin-bottom: -12px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
  background: #fff !important;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  padding-top: 6px !important;
  padding-bottom: 8px;
}



/*
.page_title {
	padding-top: 40px;
}
*/
.page_title {
	padding-top: 30px;
    margin-bottom: -20px;
}	
	
body.page-id-36337 #page_title,
body.page-id-36429 #page_title,
body.page-id-41153 #page_title,
body.page-id-41084 #page_title {
	background-color: #EDEDED;
}

body.segmenten_menu #page_title {
	display: none;
}	

/* header items */
#header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	border-top: 2px solid #DE163D;
	background: #FFF;
}

body.logged-in.admin-bar #header {
	top: 32px;
}

#header #full_header,
#header #short_header {
	background-color: #FFF;
}

#header #short_header {
    border: none;
    position: absolute;
    top: 0px;
    width: 100%;
}

#header #full_header .bottombar_wrap,
#header #short_header .menubalk {
		-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15);
}

#header #full_header {
	position: absolute;
	width: 100%;	
}

#header #short_header a.logo_small {
	float: left;
    display: inline-table;
    height: 51px;
	margin-right: 30px;	
}

#header #short_header a.logo_small div {
	display: table-cell;
	vertical-align: middle;
}

#header #short_header a.logo_small img {
	width: 120px;
	height: auto;
}

#header .container {
	padding-bottom: 0;
}

#header .topbar_wrap { 
	border-bottom: 1px solid #EDEDED;
}

#header .inner {
	display: table;
	height: 80px;
	width: 100%;
}

#header .inner > a.logo, 
#header .inner > div {
	display: table-cell;
	vertical-align: middle;
}

#header .telefoon img,
#mobile_footer .telefoon img {
	width: 12px;
}	

#header .inner > a.logo img {
	width: 100%;
	height: auto;
	margin-left: -4px;
	min-width: 120px;
}

#header .top_right {
	text-align: right;
}

#header .top_right > div {	
	display: inline-block;
}

#header .top_right > div.talen {
	margin-right: 24px;
}

#header ul#menu-talen {
    position: relative;
}

#header ul#menu-talen, 
#header ul#menu-talen ul,
#header .service ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

#header ul#menu-talen > li > a{
	margin-left: 10px;
	margin-right: 10px;
}

#header ul#menu-talen li li {
	margin-left: 10px;
	margin-right: 10px;
}

#header ul#menu-talen > li a {
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #000;
	text-transform: uppercase;
	position: relative;
}

#header ul#menu-talen > li a:before {
	content: url(/wp-content/uploads/globe.svg);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 18px;
	width: 18px;
}

#header ul#menu-talen ul {
    position: absolute;
	z-index: 2;
	display: none;
	box-shadow: 1px 1px 10px #0000004d;
	background-color: #FFF;
}

#header ul#menu-talen > li:hover ul {
	display: block;
}

#header .zoeken {
	margin-right: 24px;
	position: relative;
	top: -2px;
}

#search_btn img {
	width: 14px;
}

#header .zoeken .search-wrapper {
	position: relative;
}

#header .search-wrapper .search_form {
    position: absolute;
    top: 100%;
    right: -5px;
    padding: 15px;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 10%);
    background: white;
    z-index: 10;
    width: 265px;
    box-sizing: content-box;
    text-align: right;
	height: 44px;
	transform: translateY(10px);
}

#header .search-wrapper .search_form label {
    margin: 0;
}

#header .search-wrapper .search_form input[type='text'], 
#header .search-wrapper .search_form input[type='search'] {
    height: 44px;
    padding: 10px 20px;
    border: 1px solid #f0f0f0;
    display: inline-block;
	width: 100%;
	padding-top: 14px;
    padding-left: 14px;
	font-weight: normal !important;
}

#header .search-wrapper .search_form label {
	float: left;
	width: calc(100% - 44px);
}


#header ul#main-menu,
#header ul#main-menu-2 {
	list-style: none;
	margin: 0 0 0 -12px;
	padding: 0;
}

#header ul#main-menu-2 {
	margin: 0 -12px 0 0;
}

#header ul#main-menu > li,
#header ul#main-menu-2 > li {
	display: inline;
	float: left;
}

#header ul#main-menu > li > a,
#header ul#main-menu-2 > li > a {
	padding: 17px 11px 13px 11px;
	display: block;
}

#header ul#main-menu li > a:hover,
#header ul#main-menu-2 li > a:hover,
#header ul#main-menu li.current-menu-item > a,
#header ul#main-menu-2 li.current-menu-item > a,
#header ul#main-menu > li.current-page-ancestor > a, 
#header ul#main-menu > li.current-menu-ancestor > a,
#header ul#main-menu-2 > li.current-page-ancestor > a, 
#header ul#main-menu-2 > li.current-menu-ancestor > a {
	background-color: #FFF;
	color: #de163d;
}

#header ul#main-menu > li > ul {
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);	
    padding: 10px;
	margin: 0;
	top: 45px;
	border: none;
	border-radius: 0;
}

#header ul#main-menu > li > ul li {
	font-size: 15px;
}

#header ul#main-menu > li > ul > li a:hover, 
#header ul#main-menu > li > ul > li a:focus {
	background: none !important;
}

#header ul#main-menu > li > ul

#header ul#main-menu > li > ul > li > a {
	padding: 8px 20px;
}

ul.dropdown-menu > li > a {
    padding: 8px 20px;
}

.marktsegment_menu ul li a:hover,
.marktsegment_menu ul li.current-menu-item a { 
	color: #de163d;
}

.caret {
    border: none;
    background-image: url(/wp-content/uploads/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 7px;
    height: 4px;
}

#header ul#main-menu > li:hover > ul {
	display: block;
}

#header div.right-menu {
	float: right;
}
.box_shadow_header {
  background: #fff;
  padding: 30px;
  box-shadow: 1px 1px 16px #00000036;
  margin-top: -100px;
}
#sub_segment_header h1,
#sub_segment_header h2,
#sub_segment_header h3,
#sub_segment_header h4 {
  font-size: 32px;
  font-weight: 400;
  margin-top: 10px;
}
#sub_segment_header #next_section {
  color: #de163d;
  margin-top: 10px;
}
#sub_segment_header a.next_section:after {
	content: url(/wp-content/uploads/coolicon-1.svg);
	position: absolute;
	right: -14px;
	transform: translateY(1px);
}

/* Merken block */


.merken_block img {
  width: 60px;
  margin: 0 auto;
  display: block;
}
.merken_block {
  background: #fff;
  box-shadow: 1px 1px 10px #0000002e;
  padding: 30px;
}
.merken_block .line_st {
  width: 110px;
  display: block;
  height: 2px;
  background: #d7153b;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 8px;
}
.merken_block h2, .merken_block h3, .merken_block h4 {
  font-size: 28px;
  font-weight: 500;
  padding-top: 16px;
  position: relative;
}
#content .merken_block .cta_white_arrow {
	display: block;
	margin: 0 auto;
	position: relative;
}
#content .merken_block .cta_white_arrow p a {
  padding: 8px 36px 4px 20px;
  border: 2px solid #333;
  color: #333;
  margin: 0 auto;
  position: relative;
  display: table;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
#read_more {
  color: #d9153b;
  font-weight: 600;
}
.my_gray_background {
  background: #F6F6F6;
  padding-top: 60px;
  padding-bottom: 160px;
  margin-bottom: -120px;
}

.drie_items {
  background: #fff;
  box-shadow: 1px 1px 10px #00000038;
  padding: 30px;
}
.drie_items img {
  width: 60px;
  margin-bottom: 20px;
}
#content .drie_items .cta_white_arrow p a {
	color: #333
}
.drie_items_dark {
  background: #333;
}
.drie_items_dark p,
.drie_items_dark a,
.drie_items_dark h2,
.drie_items_dark h3,
.drie_items_dark h4 {
	color: #fff;
}
.drie_items_dark p {
  margin-left: 30px;
  margin-right: 30px;
  font-size: 14px !important;
}
.drie_items_dark h3 {
  margin-left: 30px;
  margin-top: 36px;
  margin-right: 30px;
}
#content .no_border_white p a {
  color: #fff;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  margin-bottom: 36px;
}
#content .drie_items_dark p a {
  color: #FFF;
  text-decoration: underline !important;
}










/* marktsegmenten menu items */
#header .submenubalk {
	border-bottom: 1px solid #e9e9e9;
	display: none;
}

#header .submenubalk .menu_items > div {
	display: none;	
}

#header .submenubalk div.list_items > div.segment {
	display: none;
}

#header .submenubalk ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#header .submenubalk ul li {
	display: inline;
	float: left;
}

#header .submenubalk ul li a {
	padding: 20px 12px 10px 12px;
    display: block;
	font-size: 14px;
	font-weight: 500;
}

#header #short_header .submenubalk ul li a {
	padding: 17px 12px 13px 12px;
}

#header .submenubalk ul li:last-child a,
#header #short_header .submenubalk ul li a {
	padding-right: 0;
}

#header .submenubalk .marktsegment_titel {
	display: inline-block;
	float: left;
	padding: 20px 0 10px 95px;
	font-size: 14px;
	font-weight: 500;
	color: #DE163D;
	position: relative;	
}

#header #short_header .submenubalk .marktsegment_titel { 
	padding: 17px 12px 13px 100px;
}

#header .submenubalk .marktsegment_titel:before {
	content: '';
	height: 2px;
	width: 80px;
	background-color: #DE163D;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: translateY(2px);
}

#header #short_header .submenubalk .marktsegment_titel:before { 
	transform: translateY(1px);
}

#header .submenubalk .marktsegment_menu {
	display: inline-block;
	float: right;
}

#content {
	padding-top: 132px; /* 132px fixed header height */	
	/* padding-top: 164px; 132px fixed header height + 32px top margin */
}

/* footer items */
#footer {
	padding-top: 60px;
	background-color: #EDEDED;
}

#footer .footer_links a:hover, 
#footer .voorwaarden a:hover {
	color: #de163d;
}

#mobile_footer {
	display: none;
}

#footer h4 {
	color: #6E6E6E;
}

#footer .footer_links a {
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

#footer .footer_left .cta {
	display: inline-block;
	margin-top: 60px;
}

#footer .footer_left .cta a {
	text-align: center;
}

#footer .footer_left h3 {
	margin-top: 0;
	margin-bottom: 0;
	min-height: 100px;
}

#footer .footer_left .cta.cta_white,
#footer .footer_right .cta.cta_white {
	margin-right: 32px;
}

#footer .footer_left .cta.cta_white a,
#footer .footer_left .cta.cta_black a,
#footer .footer_right .cta.cta_white a,
#footer .footer_right .cta.cta_black a {
	position: relative;
	padding-left: 40px;
}

#footer .footer_left .cta.cta_white a:before,
#footer .footer_left .cta.cta_black a:before,
#footer .footer_right .cta.cta_white a:before,
#footer .footer_right .cta.cta_black a:before {
	content: '';
	width: 14px;
	height: 14px;
	background-image: url(/wp-content/uploads/telefoon.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
}

#footer .footer_left .cta.cta_black a:before,
#footer .footer_right .cta.cta_black a:before {
	background-image: url(/wp-content/uploads/mail_wit.svg);	
}

#footer .footer_right .cta {
	display: inline-block;
}

#footer .footer_right .cta_wrap { 
	min-height: 100px;
}

#footer .footer_right .cta_left {
	margin-right: 32px;	
}

#footer .footer_right h3,
#footer .adres h3 {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#footer .footer_left .cta_wrap > div:first-child {
	margin-right: 30px;
}

#footer .socket {
	padding-bottom: 25px;
	margin-top: 40px;
}

#footer .socket div.line {
	width: 100%;
	height: 0;
	padding-top: 25px;
	border-top: 1px solid #333333;
}

#footer .voorwaarden {
	float: right;
}

#footer .voorwaarden a {
  margin-left: 30px;
  font-size: 13px;
}

#footer .row.footer_links > div {
	padding-right: 0;
}

#footer .footer_mobile {
	display: none !important;
}

/* 0. Whitespace */
#whitespace.big {
	height: 80px;
}

#whitespace.middle {
	height: 60px;
}

#whitespace.small {
	height: 40px;
}

#whitespace.submenu {
	height: 50px;	
}

#whitespace.gray {
	background-color: #EDEDED;
}

/* 1. Header home */
#header_home .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);	
}

#header_home .image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

#header_home .image_inner {
	display: table;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#header_home .text {
	padding-top: 40px;
	padding-left: 35px;
	padding-right: 60px;
	padding-bottom: 40px;
}

#header_home .text p {
	margin-bottom: 20px;
}

#header_home .subtitle {
	margin-bottom: 15px;
}

#header_home h1,
#header_home h2, 
#header_home h3,
#header_home h4 {
	font-size: 40px;
}

/* 2. Header detail */
#header_detail .image_inner {
	display: table;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#header_detail div.text_inner {
	-webkit-box-shadow: 0px 4px 16px 0px rgba(112,144,176,0.16); 
	box-shadow: 0px 4px 16px 0px rgba(112,144,176,0.16);
	padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	background-color: #FFF;
}

#header_detail .cta {
	margin-top: 20px;
}

#header_detail h1,
#header_detail h2,
#header_detail h3,
#header_detail h4 {
	font-size: 32px;
	margin-bottom: 16px;
}

#header_detail div.text {
	/* min-height: 350px; */
}

/* 3. Two text */
#two_text div.cta {
	margin-top: 20px;
}

#two_text .special {
	margin-bottom: 20px;
}

#two_text h1,
#two_text h2,
#two_text h3,
#two_text h4 {
	font-size: 32px;
	font-weight: 300;
}

#two_text p a,
#two_text ul a {
	color: #de163d;
}

#two_text p a:hover,
#two_text ul a:hover {
	text-decoration: underline;
}

/* 4. Text */
#text h1, #text h2, #text h3, #text h4 {
  font-size: 28px;
  font-weight: 400;
}
#text.klein {
  width: 60%;
  margin: 0 auto;
}
#text .cta {
	display: inline-block;
	margin-right: 16px;
}
.cta.no_border a {
  color: #333 !important;
  border: 0px;
  float: right;
  margin-top: 10px;
}
#text.text_title_left .cta {
    display: inline-block;
    margin-right: 16px;
    margin-top: 20px;
}

#text.text_title_left h1, #text.text_title_left h2, #text.text_title_left h3, #text.text_title_left h4 {
  font-size: 28px;
  font-weight: 400;
  text-align: right;
  padding-left: 30px;
  margin-top: -5px;
}
#text.text_title_left ul li {
  list-style-image: url(https://jansnel.com/wp-content/uploads/Check.svg);
  padding-left: 8px;
  margin-bottom: 4px;
}
#text.text_title_left ul {
	padding-left: 20px;
}



#specialist_text.enkele_specialist div.image_contact img {
  margin: 0 auto;
    margin-bottom: 0px;
  display: block;
  margin-bottom: 40px;
  max-width: 160px;
}


/* 6. Image left + cta text */
#image_cta_text h1,
#image_cta_text h2,
#image_cta_text h3,
#image_cta_text h4 {
	font-size: 26px;
}

/* 7. Image left plus text */
#image_left_plus_text .text_inner {
	background-color: #F6F6F6;
	padding: 35px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

#image_left_plus_text p {
	margin-top: 20px;
	margin-bottom: 30px;
	font-size: 16px;
}

#image_left_plus_text .text_inner > div h1,
#image_left_plus_text .text_inner > div h2,
#image_left_plus_text .text_inner > div h3,
#image_left_plus_text .text_inner > div h4 {
	font-size: 32px;
	font-weight: 300;
	padding-top: 16px;
	position: relative;
}

#image_left_plus_text .text_inner > div h1:before,
#image_left_plus_text .text_inner > div h2:before,
#image_left_plus_text .text_inner > div h3:before,
#image_left_plus_text .text_inner > div h4:before { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 65px;
	background-color: #DE163D;
}

/* 8. Tekst links segmenten rechts */
#text_left_plus_segmenten ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	margin-bottom: 20px;
}

#text_left_plus_segmenten ul li {
	padding: 8px 8px 8px 26px;
	position: relative;
}

#text_left_plus_segmenten ul li:before {
	content: url(/wp-content/uploads/check.svg);
	position: absolute;
	left: 0;
}

#text_left_plus_segmenten div.image_bg	{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0;
	width: 100%;
	padding-bottom: 55%;
}

#text_left_plus_segmenten .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-bottom: 8px;
	margin-top: 7px;
	transition: all .4s;
	background-color: #FFFFFF;
}

#text_left_plus_segmenten h3.arr_right {
	font-size: 14px;
	font-weight: 500;
}

#text_left_plus_segmenten h4 {
	padding: 10px 20px 7px 22px;
	position: relative;
}

#text_left_plus_segmenten .arr_right:after {
	content: url(/wp-content/uploads/arr_right_lg.svg);
	position: absolute;
	right: 20px;
	transition: all .4s;
	transform: scale(.85);
	transform-origin: center;
}

#text_left_plus_segmenten .inner:hover {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

#text_left_plus_segmenten h1,
#text_left_plus_segmenten h2,
#text_left_plus_segmenten h3,
#text_left_plus_segmenten h4 {
	font-size: 32px;
	font-weight: 400;
}

#text_left_plus_segmenten h4 {
	font-size: 14px;
	font-weight: 500;
}

/* 9. Segementen menu */
#segmenten_menu {
	padding-top: 25px;
	padding-bottom: 20px;
}

#segmenten_menu .subtitle {
	font-size: 18px;
	float: left;
}

#segmenten_menu .subtitle:before {
    transform: translateY(-4px);	
}

#segmenten_menu .list_items {
	display: inline-block;
	float: right;	
}

#segmenten_menu .list_items a { 
	display: inline-block;
	color: #565656;
	font-size: 18px;
	margin-right: 44px;
	font-weight: 500;
}

#segmenten_menu .list_items a:hover {
	color: #de163d;
}

#segmenten_menu .list_items a:last-child {
	margin-right: 0;
}

#segmenten_menu .list_items.mobile_list	{
	display: none;
}

/* 10. Text plus video */
#text_plus_video ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#text_plus_video ul li {
	padding: 8px 8px 8px 26px;
	position: relative;
}

#text_plus_video ul li:before {
	content: url(/wp-content/uploads/check.svg);
	position: absolute;
	left: 0;
}

#text_plus_video .subtitle {
	font-size: 18px;	
	padding-left: 56px;
	margin-top: 10px;
}

#text_plus_video .subtitle:before {
	width: 40px;
}

#text_plus_video h1,
#text_plus_video h2,
#text_plus_video h3,
#text_plus_video h4 {
	font-size: 18px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	margin-top: -75px;
    margin-bottom: -80px;	
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 11. Extern project */
#extern_project .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

#extern_project h2,
#extern_project h3 {
	font-size: 20px;
}

#extern_project .project_header	{
	margin-bottom: 16px;
}

#extern_project .text {
	padding: 40px 100px 30px 30px;
}

#extern_project .button {
    padding-left: 0;
}

#extern_project .button .row.vertical-centered {
	height: 100%;
}

#extern_project .subtitle {
	padding-left: 56px;
}
.cta_red_arrow a {
padding: 8px 29px 4px 12px;
}

#extern_project .subtitle:before {
	width: 40px;
}

#extern_project div.image .inner {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

#extern_project h1,
#extern_project h2,
#extern_project h3,
#extern_project h4 {
	font-size: 20px;
	font-weight: 500;
}

/* 12. Segmenten */
#segmenten div.image_bg	{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0;
	width: 100%;
	padding-bottom: 70%;
	position: relative;
}

#segmenten .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	margin-bottom: 15px;
	margin-top: 15px;
	transition: all .4s;
	background-color: #FFFFFF;
}

#segmenten .arr_right {
	padding: 15px 20px 12px 22px;
	position: relative;
}

#segmenten .arr_right:after {
	content: url(/wp-content/uploads/arr_right_lg.svg);
	position: absolute;
	right: 20px;
	transition: all .4s;
}

#segmenten .inner:hover {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

#segmenten .nieuws_label {
    position: absolute;
    top: 16px;
    left: 0;
    background-color: #DE163D;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px 0 10px;
}

#segmenten h1,
#segmenten h2,
#segmenten h3,
#segmenten h4 {
	font-size: 32px;
	font-weight: 300;
}

#segmenten h3.arr_right {
	font-size: 16px;
	font-weight: normal;
}

/* 13. Nieuwsbrief */
#nieuwsbrief .inner {
	padding: 40px;
}

#nieuwsbrief h1,
#nieuwsbrief h2,
#nieuwsbrief h3,
#nieuwsbrief h4 {
	font-size: 28px;
}

#nieuwsbrief form ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#nieuwsbrief form ul li {
	width: 100%;
	padding-right: 16px !important;
	margin: 0;
}

#nieuwsbrief form ul li * {
	margin: 0;
}

#nieuwsbrief #input_2_3 {
	width: 270px;
}

#nieuwsbrief .gform_body {
	width: calc(100% - 130px);
	display: inline-block;
}

#nieuwsbrief .gform_footer.top_label {	
	margin: 0;
    padding: 0;
    float: right;
    width: 130px;
    clear: none;
}

#nieuwsbrief .gform_footer.top_label input[type=submit] {
    height: 40px;
    width: 130px;
	border: 2px solid #FFFFFF;
	margin: 0;
}

#nieuwsbrief .the_form > div {
	margin: 0;
}

/* 6. image left + text + cta */
#image_cta_text div.image_contact {
	margin-bottom: 24px;
}

#image_cta_text div.image_contact img {
	max-width: 120px;
	border-radius: 100%;
			-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.15);
}

#image_cta_text .cta_text {
	padding-left: 50px;
	padding-right: 30px;
}

#image_cta_text div.cta {
	margin-top: 40px;
}

#image_cta_text div.cta a {
	float: left;
}

#image_cta_text div.cta_extra {
	font-family: 'Caveat', cursive;
	margin-left: 20px;
	font-size: 16px;
	width: 112px;
	display: inline-block;
    text-align: center;
	position: relative;
	float: left;
	line-height: 1; 
	padding-top: 4px;
}

#image_cta_text div.cta_extra:before {
	content: url(/wp-content/uploads/swirl.svg);
	position: absolute;
	top: 0;
	left: -12px;
	transform: translateY(-100%);
}




#specialist_text.enkele_specialist div.image_contact img {
  margin: 0 auto;
    margin-bottom: 0px;
  display: block;
  margin-bottom: 40px;
  max-width: 160px;
}
#specialist_text.enkele_specialist h1, 
#specialist_text.enkele_specialist h2, 
#specialist_text.enkele_specialist h3, 
#specialist_text.enkele_specialist h4, 
#specialist_text.enkele_specialist h5 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}
#specialist_text.enkele_specialist p {
	text-align: center;
}
#specialist_text.enkele_specialist div.cta a {
  float: left;
  margin-left: 155px;
}
/* 15. Specialist + tekst */
#specialist_text h1, 
#specialist_text h2, 
#specialist_text h3, 
#specialist_text h4, 
#specialist_text h5 {
    font-size: 28px;
    font-weight: 600;
}

#specialist_text div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#specialist_text span.naam {
	font-size: 16px;
	display: block;
	margin-top: 12px;	
}

#specialist_text span.functie {
    font-size: 13px;
    margin-bottom: 12px;
    display: inline-block;	
}

#specialist_text ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#specialist_text ul li {
	padding: 8px 8px 8px 26px;
	position: relative;
}

#specialist_text ul li:before {
	content: url(/wp-content/uploads/check.svg);
	position: absolute;
	left: 0;
}

#specialist_text .cta_text {
	padding-left: 50px;
	padding-right: 30px;
}

#specialist_text div.cta {
	margin-top: 40px;
}

#specialist_text div.cta a {
	float: left;
}

#specialist_text div.cta_extra {
	font-family: 'Caveat', cursive;
	margin-left: 20px;
	font-size: 16px;
	width: 112px;
	display: inline-block;
    text-align: center;
	position: relative;
	float: left;
	line-height: 1; 
	padding-top: 4px;
}

#specialist_text div.cta_extra:before {
	content: url(/wp-content/uploads/swirl.svg);
	position: absolute;
	top: 0;
	left: -12px;
	transform: translateY(-100%);
}

/* 16. Contact */
#contact .marktsegment_titel {
	display: block;
	padding: 20px 0 10px 65px;
	font-size: 14px;
	font-weight: 500;
	color: #DE163D;
	position: relative;	
}

#contact .marktsegment_titel:before {
	content: '';
    height: 2px;
    width: 50px;
    background-color: #DE163D;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateY(2px);
}

#contact .vestigingen {
	line-height: 1.7;
}

#contact .social_items {
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: 40px;
}

#contact .social_items a {
	padding: 8px;
}

#contact .social_items a img {
	max-width: 32px;
}

#contact .outer { 
	margin-top: -90px;
}

#contact .inner {
	border: 1px solid #F6F6F6;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16); 
	box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16);
	background-color: #FFFFFF;	
}

#contact .contact {
	padding: 40px;
}

#contact .cta {
	margin-top: 20px;
	margin-bottom: 20px;
}

#contact .the_text {
	padding-bottom: 30px;
	border-bottom: 2px solid #e6e6e6;
	margin-bottom: 20px;
}

#contact .gform_wrapper.gravity-theme .gf_page_steps {
	border-bottom: none;
}

#contact .contact h1,
#contact .contact h2,
#contact .contact h3,
#contact .contact h4 {
	font-size: 32px;
	font-weight: 300;
}



/* 17. Three portfolio */
#three_portfolio div.image_bg	{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0;
	width: 100%;
	padding-bottom: 60%;
	position: relative;
}

#three_portfolio .projecten_list > div {
	margin-bottom: 30px;
}

#three_portfolio .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	transition: all .4s;
	background-color: #FFFFFF;
	height: 100%;
}

#three_portfolio .inner a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

#three_portfolio .inner:hover {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

#nieuws_overview > div,
#portfolio_overview > div {
	margin-bottom: 30px;
}

#three_portfolio .three_wrapper {
	padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#three_portfolio .portfolio_heading span,
#three_news .portfolio_heading span {
	margin-bottom: 12px;
	display: inline-block;
}

#three_portfolio .portfolio_heading h2,
#three_portfolio .portfolio_heading h3,
#three_portfolio .portfolio_heading h4 {
	font-size: 18px;
}

#three_portfolio .locatie {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #DE163D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px 0 20px;
}

#three_portfolio .locatie:before {
	content: url(/wp-content/uploads/marker.svg);
	position: absolute;
	left: 8px;
}

#three_portfolio .portfolio_heading {
	margin-bottom: 12px;
}

#three_portfolio .portfolio_heading span {
	text-transform: lowercase;	
}

#three_portfolio .portfolio_heading .subtitle {
	padding-left: 56px;
}

#three_portfolio .portfolio_heading .subtitle:before {
	width: 40px;
}

#three_portfolio .read_more {
	display: inline-block;
}

#three_portfolio .three_intro a {
	text-decoration: underline;
}

#three_portfolio h1,
#three_portfolio h2,
#three_portfolio h3,
#three_portfolio h4 {
	font-size: 32px;
	margin-bottom: 20px;
}

/* 18. Three news */
#three_news div.image_bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 0;
	width: 100%;
	padding-bottom: 60%;
	position: relative;
}

#three_news .news_list > div {
	margin-bottom: 30px;
}

#three_news .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
	transition: all .4s;
	background-color: #FFFFFF;
	height: 100%;
}

#three_news .inner a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

#three_news .inner:hover {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

#three_news .three_wrapper {
	padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#three_news .locatie {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #DE163D;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px 0 10px;
}

#three_news .portfolio_heading {
	margin-bottom: 12px;
}

#three_news .portfolio_heading span {
	text-transform: lowercase;	
}

#three_news .portfolio_heading h2,
#three_news .portfolio_heading h3,
#three_news .portfolio_heading h4 {
	font-size: 18px;
}

#three_news .portfolio_heading .subtitle {
	padding-left: 56px;
}

#three_news .portfolio_heading .subtitle:before {
	width: 40px;
}

#three_news .read_more {
	display: inline-block;
}

#three_news .three_intro a {
	text-decoration: underline;
}

#three_news h1,
#three_news h2,
#three_news h3,
#three_news h4 {
	font-size: 32px;
	margin-bottom: 20px;
}

/* 14. specialist + text + contact */
#specialist_text_contact .table_wrap {
	display: table;
	height: 100%;
	width: 100%;
}

#specialist_text_contact .table_wrap .left_side,
#specialist_text_contact .table_wrap .right_side {
	display: table-cell;
	vertical-align: middle;

}

#specialist_text_contact .table_wrap .right_side { 
	vertical-align: middle;
}

#specialist_text_contact .table_wrap .left_side {
	text-align: center;
	width: 40%;
}

#specialist_text_contact .table_wrap .left_side > div {
	text-align: left;
}

#specialist_text_contact .table_wrap .right_side {
	width: 60%;
}

#specialist_text_contact .table_wrap .right_side h1,
#specialist_text_contact .table_wrap .right_side h2,
#specialist_text_contact .table_wrap .right_side h3,
#specialist_text_contact .table_wrap .right_side h4,
#specialist_text_contact .table_wrap .right_side h5 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 16px;
}

#specialist_text_contact .table_wrap .left_side > div {
	width: 180px;
	margin: auto;
	margin-bottom: 80px;
}

#specialist_text_contact div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#specialist_text_contact span.naam {
	font-size: 16px;
	display: block;
	margin-top: 12px;	
}

#specialist_text_contact span.functie {
	font-size: 13px;	
}

#specialist_text_contact .table_wrap .right_side ul {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#specialist_text_contact .table_wrap .right_side ul li {
	padding: 8px 8px 8px 26px;
	position: relative;
}

#specialist_text_contact .table_wrap .right_side ul li:before {
	content: url(/wp-content/uploads/check.svg);
	position: absolute;
	left: 0;
}

#specialist_text_contact .cta_text {
	padding-left: 50px;
	padding-right: 30px;
}

#specialist_text_contact div.cta {
	margin-top: 40px;
}

#specialist_text_contact div.cta a {
	float: left;
}

#specialist_text_contact div.cta_extra {
	font-family: 'Caveat', cursive;
	margin-left: 20px;
	font-size: 16px;
	width: 112px;
	display: inline-block;
    text-align: center;
	position: relative;
	float: left;
	line-height: 1; 
	padding-top: 4px;
}

#specialist_text_contact div.cta_extra:before {
	content: url(/wp-content/uploads/swirl.svg);
	position: absolute;
	top: 0;
	left: -12px;
	transform: translateY(-100%);
}

#specialist_text_contact div.green {
	padding: 44px 44px 34px 44px;
}

#specialist_text_contact div.green span {
	display: block;
	margin-bottom: 16px;
}

#specialist_text_contact div.green .special {
	font-size: 28px;
	font-weight: 400;
}

#specialist_text_contact div.green .special em {
	color: #333333;
	font-weight: 800;
}

#specialist_text_contact form input[type=submit] { 
    border: 2px solid #6FCF97;
}

#specialist_text_contact .gform_wrapper {
	margin-bottom: 0;
}

#specialist_text_contact .gform_legacy_markup_wrapper div.validation_error {
    color: #FFF;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
}

#specialist_text_contact .gform_validation_errors {
    width: 100%;
    border: 1px solid #FFF;
}

#specialist_text_contact .gform_legacy_markup_wrapper .validation_message {
	color: #FFF !important;
}

#specialist_text_contact .gform_validation_errors>h2 {
	color: #FFF !important;
}

#specialist_text_contact .blok_schaduw {
		-webkit-box-shadow: 0px 0px 24px 0px rgba(112,144,176,0.3); 
	box-shadow: 0px 0px 24px 0px rgba(112,144,176,0.3);
}

#specialist_text_contact .blok_schaduw .right_side {
	padding-right: 44px;
}

#specialist_text_contact .blok_schaduw .left_side { 
	padding-left: 24px;
}

#specialist_text_contact h1,
#specialist_text_contact h2,
#specialist_text_contact h3,
#specialist_text_contact h4 {
	font-size: 28px;
}

/* Youst FAQ block */
div.schema-faq.wp-block-yoast-faq-block {
    max-width: 730px;
    margin: 20px auto 0 auto;
}

.wp-block-yoast-faq-block .schema-faq-question {
    padding: 17px 56px 11px 12px;
	font-size: 16px;
}

.wp-block-yoast-faq-block p.schema-faq-answer {
	font-size: 14px !important;
}

.wp-block-yoast-faq-block .schema-faq-question:after {
	margin-top: 2px;
}

.wp-block-yoast-faq-block a {
	color: #DE163D;
	text-decoration: underline;
}

/* 19. Specialisten */
#specialisten h1,
#specialisten h2,
#specialisten h3,
#specialisten h4 {
	font-size: 32px;
}

#specialisten .row.specialisten {
	margin-bottom: 30px;
}

#specialisten .row.specialisten_list {
	margin-bottom: 20px;	
}

#specialisten div.outer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;	
}

#specialisten div.inner {
	background-color: #FFF;
	padding: 30px;
	-webkit-box-shadow: 0px 4px 24px 0px rgba(112,144,176,0.2); 
	box-shadow: 0px 4px 24px 0px rgba(112,144,176,0.2);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.read_more.red:hover {
  opacity: 0.6;
}

.read_more.black:hover {
  opacity: 0.6;
}

#specialisten div.inner_top_left {
	width: 65%;
	float: left;
}

#specialisten div.inner_top_right {
	width: 35%;
	float: right;
	text-align: right;	
}

#specialisten div.inner_top_text {
	display: table;
	width: 100%;
}

#specialisten div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#specialisten span.segment_title {
	background-color: #DE163D;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 12px 4px 12px;
    display: inline-block;
    margin-bottom: 30px;
}
#specialisten .functie {
	color: #6E6E6E;
	font-size: 13px;
	/* margin-bottom: 24px; */
	display: block;
}

#specialisten .functie.contact a {
	text-decoration: none;
	color: #6E6E6E;
}

#specialisten .functie.contact a:hover {
	color: #de163d;
	text-decoration: underline;
}

#specialisten .functie.contact.second {
	margin-bottom: 24px;
}

#specialisten h4 {
	font-size: 20px;
}

#specialisten .read_more.red {
	font-size: 14px;
	font-weight:600;
}

#specialisten .meer_projecten {
	margin-top: 20px;
	margin-bottom: 30px;
}

#specialisten .meer_projecten a {
	display: inline-block;
}

#specialisten .meer_projecten a.right {
	float: right;
}

body.page-id-41084 #specialisten .meer_projecten a.right { 
	float: none;
}

#my_frame {
  position: fixed;
  width: 40vw;
  height: 290px;
  top: 50%;
  transform: translateY(-50%);
  left: 30vw;
  border: 0;
  z-index: 999;
  display: none;
  right: auto;
  margin: 0 auto;
  background-color: #FFF;
}

#close_contact_2 { position: absolute; right: 30px; top: 30px; width: 20px; height: 20px; }

.the_form {
	display: block;
	height: 100%;
}

.the_form .spcialist_cta {
    width: 100%;
	height: 100%;	
    display: table;
}

.the_form .spcialist_cta > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.the_form .spcialist_cta > div > div {
	display: inline-block;
}

#modal_bg {
	background-color: rgba(0,0,0,.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 900;
	display: none;
}

#my_frame h4 {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: 18px;
}

.gform_body input {
    background: #F6F6F6;
    font-size: 14px !important;
    height: 40px !important;
}

.gform_body textarea {
    background: #F6F6F6;
    font-size: 14px !important;
    height: 120px !important;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 6 !important;
    -ms-grid-column-span: 6 !important;
}

input#input_31_4 {
    width: 94%;
}

/* 21. Fixed contact */
#fixed_contact {
	width: 350px;
	max-width: 90vw;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
	display: none;
	z-index: 3;	
}

#fixed_contact .inner_contact {
	padding: 25px;
}

#fixed_contact div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#fixed_contact span.naam {
	font-size: 13px;
	display: block;
	margin-top: 12px;	
}

#fixed_contact .table_wrap {
	display: flex;
	flex-direction: row;
	margin-left: -10px;
	margin-right: -10px;
}

#fixed_contact .table_wrap > div {
	padding-left: 10px;
	padding-right: 10px;
}

#fixed_contact .table_wrap > div.left_side {
	flex: 0 0 66.666667%;
}

#fixed_contact .table_wrap > div.left_side > div {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 100%;
}

#fixed_contact h3 {
	font-size: 18px;
}

#fixed_contact .button_link {
	font-size: 14px;
}

#fixed_contact #close_contact {
	position: absolute;
	right: 12px;
	top: 12px;
}

/* portfolio detail pagina */

#portfolio_detail #portfolio_intro {
	margin-bottom: 36px;
}

#portfolio_detail #portfolio_intro h1,
#portfolio_detail #portfolio_intro h2,
#portfolio_detail #portfolio_intro h3 {
	font-size: 32px;
	margin-bottom: 20px;
}

#portfolio_detail #big.owl-carousel .item,
#portfolio_detail #thumbs.owl-carousel .item {
	height: 0;
	padding-bottom: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#portfolio_detail #thumbs .owl-item {
	cursor: pointer;
}

#portfolio_detail #thumbs .owl-item.current {
	opacity: .7;
}

#big.owl-theme .owl-next, 
#big.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}

#big.owl-theme .owl-prev {
	left: 10px;
}

#big.owl-theme .owl-next {
	right: 10px;
}

#portfolio_detail #thumbs {
	margin-top: 20px;
}

.owl-theme .owl-nav [class*=owl-]:hover { 
	background: transparent !important;
}

#portfolio_content .inner {
	border: 1px solid #F6F6F6;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16); 
		box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16);
}

#portfolio_content .inner_text {
	padding: 32px;
}

#portfolio_content .cat_label {
	background-color: #333333;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 10px 2px 10px;
    margin-bottom: 20px;
    display: inline-block;
}

#portfolio_text h1,
#portfolio_text h2,
#portfolio_text h3,
#portfolio_text h4 {
	font-size: 24px;
}

#portfolio_text .intro_text_left {
	margin-bottom: 30px;
	display: block;
}

#portfolio_text .inner_list {
	margin-bottom: 40px;
}

#portfolio_text .inner_list_item {
	border-bottom: 2px solid #DE163D;
	padding-bottom: 20px;
	padding-top: 24px;
}

#portfolio_text .inner_list_item h3 {
	font-size: 18px;
	font-weight: 600;
}

#portfolio_text .outer_contact {
	-webkit-box-shadow: 0px 0px 16px 0px rgba(112,144,176,0.25); 
		box-shadow: 0px 0px 16px 0px rgba(112,144,176,0.25);
}

#portfolio_text .inner_contact {
	padding: 32px 24px 24px 24px;
}

#portfolio_text .inner_contact h3.special {
	font-size: 20px;
	font-weight: 400;
}

#portfolio_text .inner_contact .table_wrap {
    display: flex;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
}

#portfolio_text .inner_contact .table_wrap > div {
    padding-left: 10px;
    padding-right: 10px;
}

#portfolio_text .inner_contact .table_wrap > div.left_side {
    flex: 0 0 66.666667%;
}

#portfolio_text .table_wrap > div.left_side > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#portfolio_text .button_link {
    font-size: 14px;
}

#portfolio_text div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#portfolio_text span.naam {
    font-size: 13px;
    display: block;
    margin-top: 12px;
}

/* Portfolio overzicht pagina */
#bekijk_projecten {
	display: none;
}

#portfolio_intro_overview {
	margin-bottom: 36px;
}

#portfolio_intro_overview h1,
#portfolio_intro_overview h2,
#portfolio_intro_overview h3,
#portfolio_intro_overview h4,
#portfolio_intro_overview h5,
#portfolio_intro_overview h6 {
	font-size: 32px;
	margin-bottom: 20px;
}

ul#projecten_filter {
	list-style: none;
	margin-left: -15px;
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

ul#projecten_filter li {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all .4s;
}

.projecten_filter .inner_wrap {
	width: 100%;
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 15px;
	position: relative;
}

ul#projecten_filter li:hover,
ul#projecten_filter li.active {
	color: #DE163D;
}

.pagination .current,
.pagination .page-numbers {
	width: 28px;
	height: 28px;
	color: #333;
	line-height: 32px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;	
}

.pagination .next.page-numbers,
.pagination .prev.page-numbers {
	width: auto;
}

.pagination .current {
	color: #FFF;
	background-color: #DE163D;
}

/* Nieuws detail pagina */

#nieuws_detail #nieuws_detail_intro {
	margin-bottom: 36px;
}

#nieuws_detail #nieuws_detail_intro h1,
#nieuws_detail #nieuws_detail_intro h2,
#nieuws_detail #nieuws_detail_intro h3 {
	font-size: 32px;
	margin-bottom: 20px;
}

#nieuws_detail .inner {
	border: 1px solid #F6F6F6;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16); 
		box-shadow: 0px 1px 10px 0px rgba(92,99,105,0.16);
}

#nieuws_detail .inner_text {
	padding: 32px;
}

#nieuws_detail .meta_header {
	margin-bottom: 20px;
}

#nieuws_detail .meta_header span {
	font-weight: 600;
}

#nieuws_detail .meta_header span.date {
	color: #de163d;
}

#nieuws_text h1,
#nieuws_text h2,
#nieuws_text h3,
#nieuws_text h4 {
	font-size: 24px;
}

#nieuws_text .nieuws_foto {
	margin-bottom: 40px;
}

#nieuws_text .outer_contact {
	-webkit-box-shadow: 0px 0px 16px 0px rgba(112,144,176,0.25); 
		box-shadow: 0px 0px 16px 0px rgba(112,144,176,0.25);
}

#nieuws_text .inner_contact {
	padding: 32px 24px 24px 24px;
}

#nieuws_text .inner_contact h3.special {
	font-size: 20px;
	font-weight: 400;
}

#nieuws_text .inner_contact .table_wrap {
    display: flex;
    flex-direction: row;
    margin-left: -10px;
    margin-right: -10px;
}

#nieuws_text .inner_contact .table_wrap > div {
    padding-left: 10px;
    padding-right: 10px;
}

#nieuws_text .inner_contact .table_wrap > div.left_side {
    flex: 0 0 66.666667%;
}

#nieuws_text .table_wrap > div.left_side > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#nieuws_text .button_link {
    font-size: 14px;
}

#nieuws_text div.image_contact img {
    max-width: 120px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 7px 7px 0px rgb(0 0 0 / 15%);
}

#nieuws_text span.naam {
    font-size: 13px;
    display: block;
    margin-top: 12px;
}

.row.overvieuw .center.inline {
	padding-top: 60px;
	padding-bottom: 60px;
}

.row.overvieuw .center.inline > div {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

.row.overvieuw .center.inline > div.volgende {
	padding-right: 0;
}

.row.overvieuw .center.inline > div.vorige {
	padding-left: 0;
}

.row.overvieuw .center.inline > div.terug {
	padding: 0;
}

.terug img {
	max-width: 24px;
	height: auto;	
}

.row.overvieuw .vorige a {
    width: 130px;
    padding-right: 36px;
}

.row.overvieuw a.disabled {
	opacity: .2;
	pointer-events: none;
}

#three_portfolio .nieuws_label {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #DE163D;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px 0 10px;
}

#arrow_up_mobile_wrap, 
#arrow_up_mobile_wrap_2 {
	display: none;
}

#arrow_up_mobile img,
#arrow_up_mobile_2 img,
#arrow_up_mobile_3 img {   
	max-width: 24px;
    margin-bottom: 10px;
}

div.arrow_up_mobile center {
	text-align: center;
}

.hidden {
	display: none;
}

.show {
	display: block;
}

	
ul.alle li.alle a,
ul.onderwijs li.onderwijs a,
ul.industrie li.industrie a,
ul.kantoren li.kantoren a,
ul.overheid li.overheid a,
ul.specials li.specials a,
ul.zorg li.zorg a {
	color: #DE163D;
}

ul.alle > li:first-child a,
ul.industrie li.industrie-fr a,
ul.zorg li.sante a,
ul.kantoren li.bureaux a,
ul.onderwijs li.enseignement a,
ul.overheid li.secteur-public a,
ul.specials li.solutions-speciales a {
	color: #DE163D;	
}


/* ESG pagina's */

.esg_dashboard p {
  font-size: 16px;
}
.quote_esg p {
  font-size: 26px;
  line-height: 42px;
}
.personen_quote {
	margin-top: 40px;
}
.personen_quote img {
  width: 90px;
  margin-right: 20px;
  border-radius: 300px;
  float: left;
  margin-top: -25px;
}
.personen_quote p {
	font-size: 16px;
	line-height: 24px;
}
.downloads_esg p {
	font-size: 18px;
}
.downloads_esg a {
	color: #333 !important;
	text-decoration: underline;
}

.downloads_esg a:hover {
	color: #DE163D !important;
	text-decoration: underline;
}
.esg_dashboard hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
#two_text.esg_dashboard h2 {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.big_text {
  font-size: 21px;
}
.blokje_gray {
  background: #F6F6F6;
  display: inline-block;
  width: 100%;
}
.blokje_gray h3 {
  font-size: 24px;
  font-weight: 800;
  margin-left: 30px;
}
.blokje_gray p {
  font-size: 14px;
  margin-left: 30px;
  margin-bottom: 30px;
  display: block;
}
.line_ht {
  width: 70px;
  background: #d7153b;
  display: block;
  height: 2px;
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: 16px;
}
.klein_blokje_vier .blokje_gray img {
  background-color: #fff;
  width: 100px;
  padding: 15px;
  margin-left: -30px;
  margin-top: -30px;
}
.background_shadow {
  background: #fff;
  box-shadow: 0px -13px 20px #00000024;
  padding: 30px;
}
.social {
  border: 0px;
}
.no_desktop {
	display: none;
}

/* Search */

#search-result {
	padding-top: 40px;
}

#search-result h1 {
	margin-bottom: 30px;
}

#search-result p {
	margin-bottom: 0;
}

.search-item * {
	color: #000;
}

.search-item {
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.15);
	margin-bottom: 20px;
	transition: all .4s;	
}

.search-item:hover {
	-webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.25);	
}

.search-title {
	padding: 20px 20px 0 20px;
} 

.search-item .arrow {
	padding: 0 20px 15px 20px;
	text-align: right;
	line-height: 1;
}

.search-item .arrow span {
	color: #de163d;
	font-size: 32px;
}

.search-item p {
	padding-left: 20px;
	padding-right: 20px;
}

.search-title {
	margin-bottom: 12px;
}

body.search #page_title {
	display: none !important;
}


/* Segmenten menus */

/* Segment voorbeeld pagina met onderwijs menu div.onderwijs dan nog wijzigen*/
body.segmenten_menu #header .submenubalk,
body.segmenten_menu.onderwijs #header .submenubalk div.list_items > div.onderwijs,
body.segmenten_menu.industrie #header .submenubalk div.list_items > div.onderwijs,
body.segmenten_menu.kantoren #header .submenubalk div.list_items > div.onderwijs,
body.segmenten_menu.overheid #header .submenubalk div.list_items > div.onderwijs,
body.segmenten_menu.specials #header .submenubalk div.list_items > div.onderwijs,
body.segmenten_menu.zorg #header .submenubalk div.list_items > div.onderwijs { 
	display: block;
}

body.segmenten_menu #content {
	padding-top: 175px;
}

.link_to img {
	margin-top: 22px;
	max-width: 200px;
}

/* Team voorbeeld pagina met team menu */
/*
body.page-id-36337 #header .submenubalk,
body.page-id-36337 #header .submenubalk div.list_items > div.team {
	display: block;
}

body.page-id-36337 #header .submenubalk {
	background-color: #EDEDED;
	border-bottom: none;
}
*/

#my_frame {
	height: 390px !important;
	width: 36vw;
	flex-direction: column;
	justify-content: center;
	display: none;
}

.desktop .cta.cta_red_phone a {
  background: #DE163D;
  color: #fff;
  width: 100% !important;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}

.desktop .cta_white_arrow a {
  padding: 10px;
  border: 2px solid #333;
  position: relative;
  width: 100%;
}

#my_frame .desktop .cta_white_arrow a,
#my_frame .desktop .cta.cta_red_phone a {
    padding: 0;
    height: 45px;
    line-height: 45px;
}

#my_frame .desktop .cta.cta_red_phone a span {
    line-height: 50px;	
}

.the_form .cta_white_arrow a::after {
  right: 26px !important;
}

.cta.cta_red_phone:hover a .voor_hover {
	display: none;
}

.cta.cta_red_phone:hover a .on_hover {
	display: block;
}

.cta.cta_red_phone a .voor_hover {
	display: block;
}
.cta.cta_red_phone a .on_hover {
	display: none;
}

.cta.cta_red_phone a::before {
  content: '';
  width: 14px;
  height: 14px;
  background-image: url(https://jansnel.com/wp-content/uploads/phone-fill.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 62px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#contact .the_form {
	width: 100% !important;
}

.linkedin h3 {
    display: inline-block;
    margin-left: 3px;
    position: relative;
    top: 2px;
}

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


.social_wrapper .right img {
	max-width: 260px;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.20);
}

.social_wrapper .right a {
	font-size: 14px;
	clear: both;
	display: block;
}

#post-41751 .social, 
#post-41625 .social {
    height: 240px;
    max-height: 240px;
}

/* test images nieuws singel img */

body.postid-47108 #nieuws_detail .inner_text img {
	width: auto;
}

body.postid-47108 #nieuws_detail .inner_text p img {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* test images nieuws gallery */

body.postid-47108 #nieuws_detail .inner_text .gallery {
	margin-left: -1rem;
	margin-right: -1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	
}

body.postid-47108 #nieuws_detail .inner_text .gallery-item {
	position: relative;
	padding-left: 1rem;
	padding-right: 1rem;
}

body.postid-47108 #nieuws_detail .inner_text .gallery-item a {	
	height: 0;
	padding-bottom: 65%;
	display: block;
	position: relative;
}

body.postid-47108 #nieuws_detail .inner_text .gallery-item a img {
	object-fit: cover;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	border: none !important;
}

/*
* USP's
*/
.usps h1,
.usps h2,
.usps h3,
.usps h4,
.usps h5,
.usps h6 {
  font-size: 32px;
  font-weight: 300;
}
.usps .inner {
  text-align: center;
  position: relative;
}
.usps .inner:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}

#usp_item_list .owl-item {
  max-width: 140px;
}

.usps .usp_item {
  padding-left: 16px;
  padding-right: 12px;
  background-color: #FFFFFF;
  display: inline-flex;
  text-align: center;
  height: 80px;
  width: 120px;
  padding: 12px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 10px;
  margin-right: 10px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  box-shadow: 0 4px 24px 0 rgba(112, 144, 176, 0.20);
}
#usp_item_list {
  width: 100%;
}
#usp_item_list .owl-stage {
  display: flex;
  height: 100%;
  align-items: center;
}
.usps .usp_item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  filter: grayscale(1);
}






.reviews em {
  font-style: normal;
  color: #d7153b;
}
.reviews {
	position: relative;
	overflow: hidden;
}

.reviews {
	min-height: 400px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.reviews .foto_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.12);
}

.reviews .intro_col {
	margin-bottom: 24px;
}

.reviews .intro_col h1,
.reviews .intro_col h2,
.reviews .intro_col h3 {
	font-weight: 400;
	font-size: 36px;
}	

.reviews #review_items {
	margin-bottom: 36px;
	display: flex;
	width: calc(~'100% + 30px');
}

.reviews #review_items .owl-stage { 
	display: flex;
}

.reviews #review_items .owl-item {
	float: none;
}

.reviews #review_items .owl-item > div {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		height: 100%;
}
.reviews .inner {
	background-color: #FFF;
  -webkit-box-shadow: 0px 4px 24px 0px rgba(112,144,176,0.2);
  box-shadow: 0px 4px 24px 0px rgba(112,144,176,0.2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.reviews .inner .review_text {
  padding: 30px 30px 50px 30px;
}
.reviews .inner .review_image {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.reviews .inner .review_image img {
  height: 100%;
  object-fit: cover;
  width: auto;
  max-width: 120%;
}

.reviews .inner .arrow_wrap {
	display: inline-flex;
    position: absolute;
    right: 15px;
    top: 15px;
}

.reviews .inner .arrow_wrap .arrow {
    transform: rotate(45deg);
	width: 22px;
    height: 22px;
}

.reviews .inner .arrow_wrap .arrow,
.reviews .inner .arrow_wrap .arrow path {
	transition: all .4s;
}

.reviews a.inner:hover {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 40%);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 40%);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 40%);
}

.reviews a.inner:hover .arrow path {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}


.reviews .inner .review_text {
	font-weight: 300;
	font-size: 22px;
}

.reviews .inner .naam {
  font-size: 14px;
  color: #333;
  position: absolute;
  bottom: 30px;
}

.reviews .owl-nav {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.reviews .owl-nav button {
	margin-left: 4px;
	margin-right: 4px;
}

@media only screen and (max-width: 1024px){ 
	.reviews {
		background-attachment: scroll;
	}
}

@media only screen and (max-width: 992px){ 
	.reviews .empty {
		display: none;
	}
}

@media only screen and (max-width: 650px){ 
	
	.reviews .intro_col h1, 
	.reviews .intro_col h2, 
	.reviews .intro_col h3 {
		font-size: 28px;
	}
	.review_items .col-lg-4 {
  margin-bottom: 30px;
}
	.reviews {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	.reviews .intro_col {
		margin-bottom: 14px;
	}
	
	.reviews:before,
	.reviews:after {
		display: none;
	}
	
	.reviews #review_items { 
		margin-bottom: 24px;
	}
	
	
}















@media (min-width: 767px) {
  #usp_item_list.owl-carousel {
    display: block !important;
  }
}


@media only screen and (max-width: 1200px) {
	
	/* Header */
	#header #full_header {
		position: absolute;
		width: 100%;
		border-bottom: 1px solid #EDEDED;
		webkit-box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 15%);
			box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 15%);		
	}

	#header .topbar_wrap { 
		border-bottom: none;
	}	
	
	#main-menu,
	#main-menu-2,
	#menu-topbar-menu,
	#full_header div.zoeken {
		display: none;
	}
	
	#full_header {
		display: block;
	}
	
	#full_header div.telefoon a {
		display: none;
	}
	
	#short_header {
		display: none;
	}
	
	#header .top_right > div.talen {
		margin-right: 0;
	}

	#header .inner {
		height: 60px;	
	}	
	
	/* Segment menus */
	#header .submenubalk {
		background-color: #EDEDED;		
	}
	
	#header .submenubalk .list_items {
		text-align: center;
	}
	
	#header .submenubalk .marktsegment_titel {
		float: none;
		display: inline-block;
		padding: 20px 34px 10px 12px;
		font-size: 16px;
		cursor: pointer;
	}
	
	#header .submenubalk .marktsegment_titel:before {
		display: none;
	}
	
	#header .submenubalk .marktsegment_titel:after {
		position: absolute;
		right: 15px;
		content: url(/wp-content/uploads/arr_down_red.svg);
		transform: translateY(-2px);	
	}
	
	#header .submenubalk .marktsegment_menu,
	#header .submenubalk ul {
		float: none;
	}
	
	#header .submenubalk ul {
		margin-left: -12px;
	}

	#header .submenubalk ul li { 
		float: none;
		display: block;
		text-align: left;
	}
	
	#header .submenubalk ul li a {
		color: #DE163D;
		font-size: 16px;
	}
	
	#header .submenubalk ul li:last-child a {
		padding-right: 12px;
	}

	#header .submenubalk .marktsegment_menu	{
		display: none;
		margin-bottom: 12px;
		text-align: center;
	}
		
	#header div.list_items:hover .marktsegment_menu {
		display: block;
	}
	
	#segment_list_items:hover #arrow_up_mobile_wrap {
		display: block;
	}	
	
	/* content */
	#content {
		padding-top: 60px;
	}
	
	body.segmenten_menu #content {
		padding-top: 120px;
	}	
	
	/* Footer */
	#footer {
		padding-bottom: 60px; /* height mobile footer */
	}
	
	#footer div.footer_right .cta {
		float: right;
	}
	
	#footer div.footer_right .cta.cta_left {
		margin-right: auto;
		float: left;
	} 
	
	#mobile_footer {
		display: block;
		position: fixed;
		z-index: 9;
		width: 100%;
		bottom: 0;
		right: 0;
			-webkit-box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15); 
		box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.15);
		background-color: #FFF;
		
	}
	
	#mobile_box {
		padding-top: 12px;
		padding-bottom: 12px;
		position: relative;		
	}
	
	#responsive-menu-pro * {
		font-size: 16px !important;
		font-weight: 500;
	}
	
	#responsive-menu-pro-title {
		margin-top: 25px !important;
		font-weight: 500;
	}

	#responsive-menu-pro-additional-content	{
		position: absolute;
		bottom: 0;
		font-weight: 600;
	}
	
	#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
		right: calc(5% - 20px) !important;	
	}
	
	button#responsive-menu-pro-button {
		position: absolute !important;
		top: 0 !important;
		bottom: 0 !important;
		right: 15px !important;
		margin: auto !important;
	}
	
	button#responsive-menu-pro-button * {
		color: #000;
	}
	
	#responsive-menu-pro-title	{
		margin-top: 25px;
	}
	
	.responsive-menu-pro-open .responsive-menu-pro-inner, 
	.responsive-menu-pro-open .responsive-menu-pro-inner:before, 
	.responsive-menu-pro-open .responsive-menu-pro-inner:after {
		background-color: #000;
	}	
	
	button#responsive-menu-pro-button .responsive-menu-pro-label {
		display: none;
	}
	
	/* 4. Text */
	div.schema-faq.wp-block-yoast-faq-block {
		max-width: 610px;
	}	
	
	/* 11. Extern project */
	#extern_project div.cta {
		margin-left: -30px;
	}
	
	/* 14. Specialist + text + contactform */
	#specialist_text_contact .table_wrap.blok_schaduw .right_side {
		padding-right: 30px;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw .left_side {
		padding-left: 30px;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw div.cta_extra	{
		margin-top: 40px;
	}
	
	#footer div.footer_right .cta {
		float: none;
		margin-right: 0;
		margin-bottom: 16px;		
	}
	
	#footer div.footer_right .cta a {
		min-width: 200px;	
	}
	
}

@media only screen and (max-width: 1024px) {
	
	.videowrapper { 
		margin: auto;
	}
	
	/* 16. Contact */
	#contact .vestigingen {
		padding-left: 60px;
	}

	#my_frame {
		width: 80vw;
		left: 10vw;
	}	
	
}

@media only screen and (max-width: 992px) {
	
	#footer .footer_mobile {
		display: block !important;
	}
	
	#footer .footer_desktop {
		display: none !important;
	}

	#footer .footer_left .footer_mobile.cta {
		margin-top: 0;
		margin-bottom: 12px;
	}
	
	#footer .footer_left .footer_mobile.cta a {
		min-width: 200px;
		text-align: center;
	}
	
	#footer .footer_mobile.cta_wrap {
		margin-bottom: 50px;
	}
	
	#footer .adres h3 { 
		min-height: 0;
	}

	#footer .adres {
		margin-top: 30px;		
	}	
	
	/* 0. Whitespace */
	#whitespace.big {
		height: 53px;
	}	
	
	#whitespace.middle {
		height: 40px;
	}
	
	#whitespace.small {
		height: 27px;
	}		
	
	/* 1. Header home */
	#header_home .image_inner {
		display: block;
		height: 0;
		width: 100%;
		padding-bottom: 56.25%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
	#header_home .text {
		padding: 45px 60px;
	}
	
	#header_home h1,
	#header_home h2,
	#header_home h3,
	#header_home h4 {
		font-size: 28px;
	}
	
	/* 2. Header detail */
	#header_detail .image_inner {
		display: block;
		height: 0;
		width: 100%;
		padding-bottom: 56.25%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	
    #header_detail .inner {
		-webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
		box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);	
	}
	
	#header_detail div.text_inner {
		padding: 45px 60px;
		-webkit-box-shadow: none;
		box-shadow: none;			
	}
	
	#header_detail div.text {
		min-height: 0;
	}
	
	#header_detail h1,
	#header_detail h2,
	#header_detail h3,
	#header_detail h4 {
		font-size: 24px;
	}

	/* 3. Two text */
	#two_text h1,
	#two_text h2,
	#two_text h3,
	#two_text h4 {
		font-size: 28px;
	}	

	/* 4. Text */
	div.schema-faq.wp-block-yoast-faq-block {
		max-width: 690px;
	}

	#text h1,
	#text h2,
	#text h3,
	#text h4 {
		font-size: 28px;
	}	

	/* 6. image left + text + cta */
	#image_cta_text .cta_text {
		padding: 30px 15px 0 15px;
	}
	
	#image_cta_text .image_contact {
			text-align: center;
	}
	
	#image_cta_text div.cta {
		display: inline-block;
	}

	#image_cta_text h1,
	#image_cta_text h2,
	#image_cta_text h3,
	#image_cta_text h4 {
		font-size: 20px;
	}

	/* 7. Image left plus text */	
	#image_left_plus_text .text_inner > div h1,
	#image_left_plus_text .text_inner > div h2,
	#image_left_plus_text .text_inner > div h3,
	#image_left_plus_text .text_inner > div h4 {
		font-size: 24px;
	}
	
	/* 8. Text links plus segmenten rechts */
	#text_left_plus_segmenten h1,
	#text_left_plus_segmenten h2,
	#text_left_plus_segmenten h3,
	#text_left_plus_segmenten h4 {
		font-size: 28px;
	}

	#text_left_plus_segmenten h3.arr_right,
	#text_left_plus_segmenten h3 {
		font-size: 14px;
	}	
	
	/* 9. Segmenten menu */
	#segmenten_menu .subtitle {
		float: none;
		margin-bottom: 20px;
	}

	#segmenten_menu .list_items	 {
		float: none;
	}
	
	#segmenten_menu .subtitle {
		padding-left: 0;
	}
	
	#segmenten_menu .subtitle:before {
		display: none;
	}
	
	/* 10. Text plus video */
	#text_plus_video h2,
	#text_plus_video h3,
	#text_plus_video h4,
	#text_plus_video .subtitle	{
		padding-left: 0;
	}

	#text_plus_video h2:before,
	#text_plus_video h3:before,
	#text_plus_video h4:before,
	#text_plus_video .subtitle:before {
		display: none;
	}	
	
	/* 11. Extern project */
	#extern_project {
		margin-top: -30px;
	}
	
	#extern_project .subtitle {
		margin-top: 45px;
	}
	
	#extern_project .text {
		padding: 0 60px 10px 60px;
	}

	#extern_project .button {
		padding-left: 60px;
		margin-bottom: 45px;
	}

	#extern_project div.cta {
		margin-left: 0;
	}

	#extern_project div.image .inner {
		height: 0;
		padding-bottom: 56.25%;
	}
	
	/* 13. Nieuwsbrief */
	#nieuwsbrief form ul { 
		flex-direction: column;
	}
	
	#nieuwsbrief .gform_footer.top_label { 
		float: none;
		width: auto;
		margin-top: 30px !important;		
	}
	
	#nieuwsbrief .gform_body {
		width: 100%;
	}
	
	#nieuwsbrief form ul input[type="text"],
	#nieuwsbrief form ul input[type="email"] {
		width: 100% !important;
		margin-top: 16px !important;
	}
	
	#nieuwsbrief form input[type="submit"] {
	    height: auto !important;
		width: auto !important;
	}
	
	/* 13. Nieuwsbrief */
	#nieuwsbrief h1,
	#nieuwsbrief h2,
	#nieuwsbrief h3,
	#nieuwsbrief h4 {
		font-size: 24px;
	}	
	
	/* 14. specialist + text + contact */
	#specialist_text_contact .table_wrap {
		margin-bottom: 40px;
		display: block;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw .right_side {
		padding-top: 50px;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw .left_side {
		padding-left: 0;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw div.cta_extra	{
		margin-top: 0;
	}

	#specialist_text_contact .row > div:first-child {
		margin-bottom: 50px;
	}

	#specialist_text_contact h1,
	#specialist_text_contact h2,
	#specialist_text_contact h3,
	#specialist_text_contact h4 {
		font-size: 24px;
	}	

	/* 15. Specialist + text */
	#specialist_text .center {
		margin-top: 30px;
	}
	
	#specialist_text h1,
	#specialist_text h2,
	#specialist_text h3,
	#specialist_text h4 {
		font-size: 24px;
	}	

	/* 16. Contact */
	#contact .vestigingen {
		padding-left: 15px;
	}

	#contact .outer {
		margin-top: auto;
		margin-bottom: 40px;
	}

	#contact .contact h1,
	#contact .contact h2,
	#contact .contact h3,
	#contact .contact h4 {
		font-size: 28px;
	}	
	
	/* 17. Three portfolio */
	#three_portfolio .projecten_list > div:last-child {
		display: none;		
	}	
	
	/* 18. Three news */
	#three_news .news_list > div:last-child {
		display: none;
	}	
}

@media only screen and (max-width: 768px) {
	
	#header .inner > a.logo img {
		min-width: 0;
		width: 110px;
	}	
	
	#full_header .topbar_wrap .row > div {
		width: 50%;
	}
	
	.page_title {
		padding-top: 24px;
		margin-bottom: -12px;
	}	


	/* 9. Segmenten menu */
	#segmenten_menu	.list_items.mobile_list	{
		width: 100%;
		text-align: center;
	}
	
	#segmenten_menu	.select_wrapper	{
		display: inline-block;
		position: relative;
		background-color: #EDEDED;		
	}
		
	#segmenten_menu	.select_wrapper .inner {
		position: absolute;
		display: block;
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #EDEDED;		
		z-index: 9;
		display: none;		
	}
	
	#segmenten_menu	.select_wrapper:hover .inner {
		display: block;
	}
	
	#segmenten_menu	.select_wrapper:hover .inner {    
		padding-bottom: 30px;
	}
	
	#segmenten_menu	.select_wrapper:hover #arrow_up_mobile_wrap_2 {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	
	#segmenten_menu	#arrow_up_mobile_3 {
		text-align: center;		
	}
	
	#segmenten_menu	.select_wrapper .inner {
	    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
	}
	
	#segmenten_menu	.select_wrapper	a {
		display: block;
		padding: 15px 35px 8px 20px;
		margin: auto;
		text-align: left;
		color: #DE163D;
		position: relative;
	}
	
	#marktsegmenten:after {
		position: absolute;		
		right: 15px;
		content: url(/wp-content/uploads/arr_down_red.svg);
		transform: translateY(-2px);
	}
	
	#segmenten_menu	.subtitle,
	#segmenten_menu	.list_items.desktop_list {
		display: none;
	}
	
	#segmenten_menu .list_items.mobile_list	{
		display: inline-block;
	}

	/* 10. Text plus video */
	.videowrapper {
		margin-top: 20px;
		margin-bottom: 20px;
	}	

}

@media only screen and (max-width: 767px){
	
	#footer div.menu {
	-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;		
	}
	
	/* 1. Header home */
	#header_home .text {
		padding: 30px 45px;
	}
	
	#header_home h1,
	#header_home h2,
	#header_home h3,
	#header_home h4 {
		font-size: 28px;
	}
	
	/* 2. Header detail */
	#header_detail div.text_inner {
		padding: 30px;
	}
	
	#header_detail h1,
	#header_detail h2,
	#header_detail h3,
	#header_detail h4 {
		font-size: 28px;
	}

	#header_detail .cta {
		margin-top: 8px;
	}

	/* 4. Text */
	div.schema-faq.wp-block-yoast-faq-block {
		max-width: 510px;
	}

	/* 8. Text left + segmenten */
	#text_left_plus_segmenten div.image_bg {
		padding-bottom: calc((200 / 100) * 55px); /* padding-bottom 55% ratio 100 / 55 */
		width: 200px;
	}

	#text_left_plus_segmenten .inner a,
	#text_left_plus_segmenten .inner > div	{
		display: table;
		height: 100%;
		width: 100%;
	}

	#text_left_plus_segmenten .inner a div.image_bg,
	#text_left_plus_segmenten .inner a h4,
	#text_left_plus_segmenten .inner div.image_bg,
	#text_left_plus_segmenten .inner h4
	{
		display: table-cell;
		vertical-align: middle;
	}
	
	#text_left_plus_segmenten .inner a h4,
	#text_left_plus_segmenten .inner div h4	{
		position: static;
	}
	
	#text_left_plus_segmenten .inner a h4:after,
	#text_left_plus_segmenten .inner h4:after	{
		right: 30px;
	}
	
	#text_left_plus_segmenten .desktop_item {
		display: none;
	}
	
	/* 9. Segementen menu */
	#segmenten_menu	.select_wrapper:hover #arrow_up_mobile_wrap_2	{
		display: block;
	}

	#projecten_filter_wrap:hover #arrow_up_mobile_wrap_2 {
		display: block;
	}	
	
	/* 11. Extern project */
	#extern_project .text {
		padding: 0 45px 10px 45px;
	}
	
	#extern_project .subtitle {
		margin-top: 30px;
	}

	#extern_project .button {
		padding-left: 45px;
		margin-bottom: 30px;
	}
	
	/* 12. Segmenten */	
	#segmenten h1,
	#segmenten h2,
	#segmenten h3,
	#segmenten h4 {
		font-size: 28px;
	}

	
	#segmenten h3.arr_right {
		font-size: 13px;
	}
	
	/* 14. specialist + text + contact */
	#specialist_text_contact .table_wrap .left_side,
	#specialist_text_contact .table_wrap .right_side {
		width: 100%;
		display: block;
	}
	
	#specialist_text_contact .table_wrap .left_side {
		text-align: center;
	}
	
	#specialist_text_contact .table_wrap .left_side > div {
		width: auto;
		margin-bottom: 30px;
		text-align: left;
		display: inline-block;
		text-align: center;
	}

	#specialist_text_contact .table_wrap .right_side h3	{
		font-size: 24px;
	}
	
	#specialist_text_contact div.green {
		margin-top: 40px;
	}
	

	#specialist_text_contact .table_wrap.blok_schaduw {
		padding: 45px;
	}
	
	#specialist_text_contact .row > div:first-child {
		margin-bottom: 0;
	}

	#specialist_text_contact .table_wrap.blok_schaduw .right_side {
		padding-top: 0;
		padding-right: 0;
	}	
	
	/* 15. Specialist + text */
	#specialist_text h1,
	#specialist_text h2,
	#specialist_text h3,
	#specialist_text h4 {
		font-size: 24px;
	}

	/* 16. Contact */
	#contact .contact {
		padding: 15px;
	}
	
	#contact .contact h1,
	#contact .contact h2,
	#contact .contact h3,
	#contact .contact h4 {
		font-size: 28px;
	}
	
	/* 17. Three portfolio */
	#three_portfolio .projecten_list > div:last-child {
		display: block;
	}	
	
	#three_portfolio .projecten_list .read_more {    
		padding: 8px 36px 4px 20px;
		border: 2px solid #333;
		position: relative;
	}
	
	#three_portfolio .projecten_list .read_more:after { 
		right: 15px;
		transition: all 0.3s ease-in-out;
	}
	
	#three_portfolio a:hover .read_more {
		opacity: .9;
	}
	
	#three_portfolio .projecten_list a:hover .read_more:after { 
		right: 9px;
	}
	
	#three_portfolio .align_right {
		text-align: left;
	}
	
	#portfolio_intro_overview.portfolio_intro {
		margin-bottom: 10px;
	}	
	
	#three_portfolio #portfolio_intro_overview h1,
	#three_portfolio #portfolio_intro_overview h2,
	#three_portfolio #portfolio_intro_overview h3,
	#three_portfolio #portfolio_intro_overview h4	
	#nieuws_detail #nieuws_detail_intro h1,
	#nieuws_detail #nieuws_detail_intro h2, 
	#nieuws_detail #nieuws_detail_intro h3,
	#nieuws_detail #nieuws_detail_intro h4,	
	#three_portfolio h1,
	#three_portfolio h2,
	#three_portfolio h3,
	#three_portfolio h4 {
		font-size: 28px;
	}

	/* 18. Three news */
	#three_news .projecten_list > div:last-child {
		display: block;
	}

	#three_news .align_right {
		text-align: left;
	}
	
	#three_news .news_list > div:last-child {
		display: block;
	}
	
	#three_news h1,
	#three_news h2,
	#three_news h3,
	#three_news h4 {
		font-size: 28px;
	}

	/* 19. Specialisten */
	#specialisten h1,
	#specialisten h2,
	#specialisten h3,
	#specialisten h4 {
		font-size: 28px;
	}	
	
	/* Portfolio overzicht pagina */
	#bekijk_projecten {
		text-align: center;
		display: inline-block;
	}

	#bekijk_projecten a {
		display: inline-block;
		padding: 15px 35px 8px 20px;
		margin: auto;
		text-align: left;
		color: #DE163D;
		position: relative;
		font-weight: 600;
	}

	#bekijk_projecten a:after {
		position: absolute;
		right: 15px;
		content: url(/wp-content/uploads/arr_down_red.svg);
		transform: translateY(-2px);
	}
	
	#projecten_filter_wrap {
	/*	position: absolute;	*/
	}

	ul#projecten_filter {
		flex-direction: column !important;
	/*	position: absolute; */
		z-index: 99;
		background-color: #FFF;
		margin: auto;
		width: 100%;
		border: 1px solid #e7e7e7;
		transform: translateY(-2px);		
		display: none;
		text-align: left;		
	}

	ul#projecten_filter li {
		padding: 15px 35px 8px 20px;
	}
	
    .inner_wrap.projecten_filter:hover ul#projecten_filter {
		display: block;
		box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
		padding-bottom: 30px;
		padding-top: 20px;		
	}
	
	#arrow_up_mobile_wrap_2 {
		position: absolute;
		width: 100%;
		bottom: 10px;
	}

	.projecten_filter .inner_wrap {	
		text-align: center;
	}
	
	/* portfolio detail pagina */
	#portfolio_detail #portfolio_intro h1,
	#portfolio_detail #portfolio_intro h2,
	#portfolio_detail #portfolio_intro h3 {
		font-size: 28px;
	}
	
	#portfolio_detail #thumbs {
		display: none;
	}
	
	#portfolio_detail #portfolio_intro,
	#three_portfolio #portfolio_intro_overview	{
		margin-bottom: 20px;
	}

	#portfolio_content .inner_text,
	#nieuws_detail .inner_text {
		padding: 16px;
	}	

}

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

.box_shadow_header {
  background: #fff;
  padding: 22px;
  box-shadow: 1px 1px 16px #00000036;
  margin-top: -50px;
  display: block;
}
#sub_segment_header h1, #sub_segment_header h2, #sub_segment_header h3, #sub_segment_header h4 {
font-size: 22px;
font-weight: 400;
margin-top: 10px;
}
#text.klein {
width: 100%;
margin: 0 auto;
}
#text h1, #text h2, #text h3, #text h4 {
font-size: 24px;
margin-bottom: 20px;
}
#text.text_title_left h1, #text.text_title_left h2, #text.text_title_left h3, #text.text_title_left h4 {
font-size: 24px;
font-weight: 400;
text-align: left;
padding-left: 0px;
line-height: 30px !important;
}
#afbeeldingen img {
	margin-bottom: 20px;
}

#specialist_text.enkele_specialist .image_contact {
	width: 100% !important;
	float: left;
}
#specialist_text.enkele_specialist div.image_contact img {
margin: 0 auto;
margin-bottom: 0;
display: block;
margin-bottom: 20px;
max-width: 120px;
}
#specialist_text.enkele_specialist div.cta a {
float: left;
margin-left: 0px;
}


#my_frame {
  height: 360px !important;
  width: 90vw;
}
.the_form .spcialist_cta > div > div {
  margin-bottom: 0px !important;
}


.the_form .cta.cta_red_phone a {
  float: none;
  margin-right: 0px;
}
  .content .image_contact {
    width: 100%;
    float: left;
  }
.content_contact {
  width: 70% !important;
  float: left;
  padding-left: 20px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.content_contact h3 {
    font-size: 18px !important;
    margin-bottom: 0px;
}
.content_contact span.functie {
    font-size: 14px;
}
.the_form .cta.cta_red_phone a {
  background: #DE163D;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 12px 20px 7px 30px;
  margin-bottom: 20px;
}
.the_form .cta_white_arrow a {
  padding: 12px 36px 7px 17px;
  border: 2px solid #333;
  position: relative;
  width: 100%;
}

	/* content */	
	#content {
		padding-top: 45px;
	}
	
	.page_title {
		padding-top: 24px;
		padding-bottom: 12px;
		margin-bottom: 0;
	}	
		
	body.segmenten_menu #content {
		padding-top: 105px;
	}	
	
	
	#header .inner > a.logo img {
		width: 95px;
	}	
	
	#header .inner {
		height: 45px;
	}	
	
	/* Whitespace */
	#whitespace.big {
		height: 40px;
	}	
	
	#whitespace.middle {
		height: 30px;
	}
	
	#whitespace.small {
		height: 20px;
	}
	
	#my_frame {
		width: 90vw;
		height: 90vh;
		top: 5vh;
		left: 5vw;
	}
		
}

@media only screen and (max-width: 576px) { 
	
	.mobile_no {
		display: none;
	}
	
	#footer {
		padding-top: 35px;
	}
	
	#footer .cta_wrap {
		margin-top: 18px;
	}
	
	#footer .footer_left .cta {
		margin-top: 12px;		
	}
	
	#footer .footer_left .cta a {
		min-width: 200px;	
	}
	
	/* 1. Header home */
	#header_home .container {
		padding: 0;
	}

	#header_home .row {
		margin: 0;
	}
	
	#header_home .row > div {
		padding: 0;
	}
	
	#header_home .row > div.text {
		padding: 25px 15px;
	}
	
	#header_home .inner { 
		box-shadow: none;
	}
	
	/* 2. Header detail */
	#header_detail .container {
		padding: 0;
	}

	#header_detail .row {
		margin: 0;
	}
	
	#header_detail .row > div {
		padding: 0;
	}
	
	#header_detail .row > div.text {
		padding: 25px 15px;
	}
	
	#header_detail div.text_inner { 
		padding: 0;
	}
	
	#header_detail .inner { 
		box-shadow: none;
	}	
	
	/* 3. Two text */
	#two_text h1,
	#two_text h2,
	#two_text h3,
	#two_text h4 {
		font-size: 28px;
	}
	
	#two_text .cta {
		margin-bottom: 20px;
	}
	
	/* 4. Text */
	div.schema-faq.wp-block-yoast-faq-block {
		max-width: calc(100% - 30px);
	}
	
	/* 6. image left + text + cta */	
	#image_cta_text	h1,
	#image_cta_text	h2,
	#image_cta_text	h3	{
		font-size: 20px;
	}
	
	#image_cta_text .container {
		padding: 0;
	}
	
	#image_cta_text .row {
		margin: 0;
	}

	#image_cta_text .row > div {
		padding-left: 0;
		padding-right: 0;		
	}
	
	#image_cta_text .row > div.cta_text {
		padding-left: 15px;
		padding-right: 15px;		
	}

	#image_cta_text div.cta {
		margin-top: 20px;
	}	
	
	/* 7. Image left plus text */
	#image_left_plus_text .container {
		padding: 0;
	}	

	#image_left_plus_text .row {
		margin: 0;
	}
	
	#image_left_plus_text .row > div {
		padding: 0;
	}

	#image_left_plus_text .text_inner {
		padding: 30px 15px;
	}
	
	
	/* 8. Text left + segmenten */
	#text_left_plus_segmenten div.image_bg {
		padding-bottom: calc((150 / 100) * 55px); /* padding-bottom 55% ratio 100 / 55 */
		width: 150px;
	}	
	
	/* 9. Segmenten menu */
	#segmenten_menu	.select_wrapper	a {	
		padding: 12px 35px 8px 20px;
	}
	
	/* 10. Text plus video */
	#text_plus_video {
		background-color: #FFF;
	}
	
	#text_plus_video .col-lg-5 {
		display:none;
	}
	
	#text_plus_video .container {
		padding: 0;
	}	

	#text_plus_video .row {
		margin: 0;
	}
	
	#text_plus_video .videowrapper {
		margin: 0;
	}
	
	#text_plus_video .row > div {
		padding: 0;
	}

	
	/* 12. Segmenten */	
	#segmenten .col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	#segmenten .arr_right {
		padding: 12px 15px 8px 17px;
		position: relative;
	}
	
	/* 13. Nieuwsbrief */
	#nieuwsbrief .container {
		padding: 0;
	}
	
	#nieuwsbrief .row {
		margin: 0;
	}	
	
	#nieuwsbrief div.green {
		padding: 30px 15px;
	}

	#nieuwsbrief .row > div	{
		padding: 0;
	}	
	
	/* 14. specialist + text + contact */
	#specialist_text_contact .container {
		padding: 0;
	}
	
	#specialist_text_contact .row {
		margin: 0;
	}	
	
	#specialist_text_contact div.green {
		padding: 30px 15px;
	}

	#specialist_text_contact .row .col-lg-5	{
		padding: 0;
	}
	
	#specialist_text_contact .table_wrap.blok_schaduw {
		padding: 30px 15px;
	}	
	
	/* 19. Specialisten */	
	#specialisten .meer_projecten a.right {
		float: left;
	}
	
	/* 21. Fixed contact */
	#fixed_contact {
		width: 100%;
		max-width: calc(100vw - 30px);
		right: 15px;
		top: auto;
		bottom: 80px;
		transform: translateY(0);
		
	}	

}

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

}

@media only screen and (max-width: 370px) {
	.cta_red_arrow a {
		max-width: 280px;
	}
}