/*
Theme Name: The Cable Group
Theme URI: https://thecablegroup.nl/
Author: De Internetzaak
Author URI: https://deinternetzaak.nl/
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Goldman&display=swap');


html{
	margin: 0;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
.mobile_menu_open,
.mobile_menu_open body{
	overflow: hidden;
}
body{
	background-color: #fff;
	color: #212258;
	font-size: 16px;
	line-height: 28px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: visible;
}

#learn-more,
#read-more,
#section-register-now{
  scroll-margin-top: 80px;
  overflow: visible !important;
}


img{
	max-width: 100%;
	height: auto;
}
.image-grey{
  filter: grayscale(100%);
}

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

a{
	color: #4563be;
	transition: all 0.3s ease;
}
a:hover {
	color: #51513e;
}
b,

h1, h2, h3, h4{
	color: #26386d;	
	/* font-family: 'Goldman', cursive; */
}
.title_xl{
	font-size: 70px;
	line-height: 75px;
	font-weight: 700;
	margin-bottom: 20px;
}
.title_large, h1{
	font-weight: 700;
	font-size: 50px;
	line-height: 55px;
	margin-bottom: 20px;
}
.title_medium, h2{
	font-weight: 700;
	font-size: 45px;
	line-height: 55px;
	margin-bottom: 20px;
}
.title_small, h3{
	font-weight: 700;
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 10px;
}
h4{
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 10px;
}

.text-bold{
	font-weight: 700;
}
.text-opacity{
	opacity: .5;
}

.text-light-blue{
	color: #64C8EE !important;
}
.text-light-blue strong{
	color: #64C8EE !important;
}
.text-dark-blue{
	color: #4563be !important;
}
.text-dark-blue strong{
	color: #4563be !important;
}
.text-red{
	color: #E61E3A !important;
}
.text-red strong{
	color: #E61E3A !important;
}
.text-white, 
.text-white a{
	color: #fff !important;
}
.text-white strong{
    color: #64C8EE !important;
}

.text-yellow{
	color: #FFDAB9 !important;
}
.text-yellow strong{
	color: #FFDAB9 !important;
}

.text-medium{
	font-size: 20px;
	line-height: 30px;	
}


.bg-light-blue{
	background-color: #64C8EE !important;
}
.bg-dark-blue{
	background-color: #4563be !important;
}
.bg-red{
	background-color: #E61E3A !important;
}
.bg-white{
	background-color: #fff !important;
}
.bg-light-grey{
	background-color: #f9f9f9 !important;
}
.bg-yellow{
	background-color: #FFDAB9 !important;
}
.bg-none{
	background-color: transparent !important;
}

#area_content .bg_overlay,
#area_content .bg_overlay_2,
#area_content .bg_overlay_3{
	position: relative;
	background-position: center top !important;
}
.bg_overlay .vc_row,
.bg_overlay_2 .vc_row,
.bg_overlay_3 .vc_row{
	position: relative;
	z-index: 10;
}
.bg_overlay:after{
	position: absolute;	
	content: '';
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background-color: rgb(33 34 88 / 30%);
	width: 100%;
	height: 100% !important;
	visibility: visible !important;
}
.bg_overlay_2:after{
	position: absolute;	
	content: '';
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	width: 100%;
	height: 100% !important;
	visibility: visible !important;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#101036+30,101036+100&1+30,0+100 */
	background: -moz-linear-gradient(45deg,  rgba(16,16,54,1) 30%, rgba(16,16,54,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  rgba(16,16,54,1) 30%,rgba(16,16,54,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  rgba(16,16,54,1) 30%,rgba(16,16,54,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101036', endColorstr='#00101036',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg_overlay_3:after{
	position: absolute;	
	content: '';
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	width: 100%;
	height: 100% !important;
	visibility: visible !important;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f2954+0,1f2954+100&0.2+0,0.9+100 */
background: -moz-linear-gradient(top,  rgba(31,41,84,0.2) 0%, rgba(31,41,84,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(31,41,84,0.2) 0%,rgba(31,41,84,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(31,41,84,0.2) 0%,rgba(31,41,84,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331f2954', endColorstr='#e61f2954',GradientType=0 ); /* IE6-9 */
}



.col_overlay .vc_column-inner{
	position: relative;
}
.col_overlay .vc_column-inner .wpb_wrapper{
	position: relative;
	z-index: 10 !important;
}
.col_overlay .vc_column-inner:after{
	position: absolute;	
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	background-color: rgb(33 34 65 / 70%);
	width: 100%;
	height: 100% !important;
	visibility: visible !important;
}



.shape_01,
.shape_02,
.shape_03{
	position: relative;
}
.shape_01 .vc_row,
.shape_02 .vc_row,
.shape_03 .vc_row{
	position: relative;
	z-index: 10;
}
.shape_01:before{
	content: '' ;
	display: block !important;
	position: absolute;
	z-index: 2;
	left: -200px;
	bottom: -800px;
	height: 1000px !important;
	width: 1000px;
	visibility: visible !important;
	background-image: url('images/vector_shape_01-color.svg');
	background-repeat: no-repeat;
	background-size: 1000px;
	background-position: center center;
}
.shape_02:before{
	content: '' ;
	display: block !important;
	position: absolute;
	z-index: 2;
	left: 100px;
	top: -40px;
	height: 500px !important;
	width: 500px;
	visibility: visible !important;
	background-image: url('images/vector_shape_02-color.svg');
	background-repeat: no-repeat;
	background-size: 500px;
	background-position: center center;
}
.shape_03:before{
	content: '' ;
	display: block !important;
	position: absolute;
	z-index: 2;
	right: 100px;
	bottom: 40px;
	height: 500px !important;
	width: 500px;
	visibility: visible !important;
	background-image: url('images/vector_shape_02-color.svg');
	background-repeat: no-repeat;
	background-size: 500px;
	background-position: center center;
}



#area_content .bg_right_top{
    background-position: right top!important;
}
#area_content .bg_right_bottom{
    background-position: right bottom!important;
}
#area_content .bg_left_top{
    background-position: left top!important;
}
#area_content .bg_left_bottom{
    background-position: left bottom!important;
}

.border-right{
	border-right: 1px solid rgb(255 255 255 / 20%);
}

.border-left{
	border-left: 1px solid rgba(33,34,88,0.15);
}

/*
.border-right-radius .vc_column-inner{
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.border-left-radius .vc_column-inner{
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
*/

.content_box .vc_column-inner{
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
}


.no-border-radius,
.no-border-radius img{
	border-radius: 0 !important;
}


/* mobile menu */
#button_mobile_menu{
	margin: 0 5px;
	position: relative;
	z-index: 990;
	cursor: pointer;
	transition: all 0.3s ease;
}

#button_mobile_menu.active{
	z-index: 1100;
}
.hamburger_menu .stroke {
  display: block;
  height: 3px;
  background-color: #4563be;
  border-radius: 5px;
  margin: 6px auto;
  width: 30px;
  transition: 0.3s;
}
#area_header.transparent .hamburger_menu .stroke {
  background-color: #fff;
}
#area_header.transparent.fixed .hamburger_menu .stroke , .mobile_menu_open #area_header.transparent .hamburger_menu .stroke {
  background-color: #4563be;
}
.mobile_menu_open #button_mobile_menu .hamburger_menu .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  transform: rotate(-45deg) translate(-5px, 5px);
}
.mobile_menu_open #button_mobile_menu .hamburger_menu .bar2 {
  opacity: 0;
}
.mobile_menu_open #button_mobile_menu .hamburger_menu .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px);
	transform: rotate(45deg) translate(-8px, -8px);
}

#mobile_menu{
	position: fixed;
	width: 100vw;
	height: 100vh;
	overflow-y: scroll;
	right: calc(-100vw - 20px);
	top: 0;
	z-index: 999;
	background-color: #eff4fb;
	-webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.06);
	transition: all 0.5s ease;
}
.mobile_menu_open #mobile_menu{
	right: 0;
}

#mobile_menu .contact_cta{
	padding: 40px 20px;
}
#mobile_menu .contact_cta .title{
	color: #e4d4cd9f;
	font-weight: 700;
	font-size: 16px;
}
#mobile_menu .contact_cta .content{
	font-size: 13px;
}
#mobile_menu .inner{
	display: block;
	padding-top: 60px;
	width: 100%;
	height: 100%;
}
#mobile_menu .inner .menu_wrapper{
	background-color: #fff;
    padding: 60px 30px 30px 30px;
    margin: 0;
    height: 100%;
}
#mobile_menu .inner > ul{
	list-style: none;
	margin: 0 5px;
	padding: 0;
}
#mobile_menu .inner ul ul{
	list-style: none;
	padding: 0;
}
#mobile_menu .inner ul.menu > li{
	position: relative;
	border-bottom: 2px solid rgba(33,34,88,0.15);
}
#mobile_menu .inner ul li:last-child{
	position: relative;
	border-bottom: none;
}
#mobile_menu .inner ul li a{
	font-weight: 700;
	display: block;
	color: #4563be;
	font-size: 19px;
	padding: 20px 0;
	text-decoration: none;
}
#mobile_menu .inner ul li.current-menu-item a{
}
#mobile_menu .inner ul li:first-child a{
	border-top: 0;
}
#mobile_menu .inner ul li.menu-item-has-children .collapse{
	display: block;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 5px;
    padding: 15px;
    font-size: 20px;
    transition: all .2s;
	color: rgba(33,34,88,0.4);
}
#mobile_menu .inner ul.sub-menu li.menu-item-has-children .collapse{
	padding: 0 10px;
}
#mobile_menu .inner ul li.menu-item-has-children .collapse .icon{
	transition: all 0.3s ease;

}
#mobile_menu .inner ul li.menu-item-has-children .collapse.active .icon{
	transform: rotate(180deg);
}
#mobile_menu .inner ul.sub-menu{
	display: none;
	padding: 0 10px 20px 15px;
}
#mobile_menu .inner ul.sub-menu.open{
	display: block;
}
#mobile_menu .inner ul.sub-menu li{
	position: relative;
}
#mobile_menu .inner ul.sub-menu li a{
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	border-top: 0;
}

#mobile_menu ul li.current-menu-item > a, #mobile_menu ul li.current-menu-parent > a{
	color: rgba(0, 0, 0, 0.5);
}

#mobile_menu .cta_wrapper{
	padding: 10px 15px;
	margin: 0;
	width: 100%;
	display: flex;
}
#mobile_menu .cta_wrapper a{
	font-size: 15px;
	text-transform: none;
	margin: 5px auto;
	padding: 10px 50px;
}
/* END mobile menu */


/* area: header */
#area_header{
	display: block;
	position: fixed;
	z-index: 1000;
	top: -100px;
	width: 100%;
	padding: 0;
	background-color: #fff;
    transition: all 0.3s ease;
}
.loaded #area_header{
	top: 0;	
}
/*
#area_header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
*/
#area_header.transparent{
	background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.mobile_menu_open #area_header.transparent{
    background-color: #fff;
}
#area_header.fixed{
	-webkit-box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 5%);
    box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 5%);
}
#area_header.fixed .inner:before{
	display: none;
}
#area_header.transparent.fixed{
	background-color: #fff;
}
.mobile_menu_open #area_header.transparent.fixed{
    box-shadow: none;
}
#area_header .inner{
	position: relative;
	padding: 20px 0 20px 0;
    transition: all 0.3s ease;
}
#area_header.fixed .inner{
}

#area_header .inner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: hsl(239deg 45% 24% / 10%);
}
#area_header.transparent .inner:before {
    background: rgb(255 255 255 / 20%);
}

#area_header .menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
#area_header .logo_branding{
	display: block;
    color: #212257;
    font-size: 30px;
    text-decoration: none;
    font-weight: 800;
    margin-right: 50px;
    margin-top: 5px;
    background-image: url('images/logo_thecablegroup.svg');
    width: 250px;
    height: 70px;
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#area_header .logo_branding.white{
    background-image: url('images/logo_thecablegroup-white.svg');
    display: none;
}
#area_header.transparent .logo_branding{
    display: none;
}
#area_header.transparent.fixed .logo_branding, .mobile_menu_open #area_header.transparent .logo_branding{
    display: block;
}
#area_header.transparent .logo_branding.white{
    display: block;
}
#area_header.transparent.fixed .logo_branding.white, .mobile_menu_open #area_header.transparent .logo_branding.white{
    display: none;
}
/* #area_header.transparent.fixed .logo_branding ,.mobile_menu_open #area_header.transparent .logo_branding{
    background-image: url('images/logo_payrollminds_color.svg');
} */

#area_header .follow_cta{
    margin-left: 20px;
	font-size: 12px;
}
#area_header .follow_cta a{
	color: #4563be;
	font-weight: 500;
	text-decoration: none;
}
#area_header.transparent .follow_cta a{
    white-space: nowrap;
	color: #fff;
}
#area_header.transparent.fixed .follow_cta a{
	color: #4563be;
}
#area_header .follow_cta a:hover{
	opacity: .7;
}

#area_header .cta_wrapper{
    margin-right: 10px;
}
#area_header .cta_wrapper .button{
    white-space: nowrap;
	background-color: #4664be;
	border-radius: 20px;
    font-weight: 500;
    font-size: 13px;
    position: relative;
    color: #fff;
    margin-left: 40px;
    padding: 10px 20px;
    text-decoration: none;
}

#area_header .cta_wrapper .button:hover{
	background-color: #3653ab !important;
}

#area_header .menu > li{
	display: inline-block;
}
#area_header .menu > li > a{
	color: #4563be;
	position: relative;
	text-decoration: none;
	display: block;
	padding: 10px;
	margin: 0 10px;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.3s ease;
}

#area_header.transparent .menu > li > a{
    color: rgba(255, 255, 255, 0.8);
}
#area_header.transparent .menu > li > a:hover{
    color: rgba(255, 255, 255, 1);
}
#area_header.transparent.fixed .menu > li > a{
	color: #4563be;
}
#area_header .menu > li > a:hover{
	opacity: 1;
	color: #4563be;
}

#area_header ul li.current-menu-item > a,
#area_header ul li.current-menu-parent > a{
	opacity: .5;
}

#area_header li.menu-item-has-children:hover > ul.sub-menu{
	visibility: visible;
	opacity: 1;
}

#area_header li.menu-item-has-children{
	position: relative;
}
#area_header li.menu-item-has-children > a{
	padding-right: 25px !important;
}
.home #area_header.fixed li.menu-item-has-children:after,
#area_header li.menu-item-has-children:after{
	transform: translate(-50% ,-50%);
	color: rgba(0, 0, 0, 0.21);
	position: absolute;
	top: calc(50% + 0px);
	right: 15px;
	font-size: 11px;
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
	content: '\f107';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	line-height: 23px;
}
#area_header.transparent li.menu-item-has-children:after{
	color: #fff;
}
#area_header.transparent li.current-menu-item.menu-item-has-children:after{
	color: rgba(255, 255, 255, 0.5);
}

#area_header.transparent.fixed li.menu-item-has-children:after{
	color: #4563be;
}
#area_header.transparent.fixed li.current-menu-item.menu-item-has-children:after{
	color: rgb(33 34 88 / 50%);
}


#area_header li.menu-item-has-children:hover > ul.sub-menu{
	visibility: visible;
	opacity: 1;
}
#area_header li ul.sub-menu{
	z-index: 0;
	opacity: 0;
	top: 45px;
	left: 0;
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	width: 250px;
	margin: 0;
	border-radius: 5px;
	padding: 10px 20px 20px 20px;
	list-style: none;
	-webkit-box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 10%);
    box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 10%);
    transition: all .2s;
}
#area_header li ul.sub-menu:after{
	content: '';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 20px;
	z-index: -93;
}

.home #area_header li ul.sub-menu:after{
	border-bottom: 7px solid #fff;
}
.home #area_header li ul.sub-menu{
	background-color: #fff;
	-webkit-box-shadow: 0 0 9 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
}
.home #area_header.fixed li ul.sub-menu:after{
	border-bottom: 7px solid #fff;
}

#area_header li ul.sub-menu .sub-menu{
	left: -250px;
	top: 0;
}
#area_header li ul.sub-menu li{
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid rgba(33, 34, 90, 0.1);
}
#area_header li ul.sub-menu li:last-child{
	border-bottom: none;
}
#area_header li ul.sub-menu li a{
	text-decoration: none;
    color: #4563be;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin: 0;
    padding: 6px 20px 5px 0;
    transition: all .2s ease-in-out;
}
#area_header li ul.sub-menu li a:hover{
	color: #51513ec7;
	padding: 6px 10px 5px 10px;
}
#area_header li ul.sub-menu li {
	transition: all .1s ease-in-out;
}
#area_header li ul.child_hovered li{
	opacity: .7;
}

#area_header li ul.sub-menu li:hover{
/*	padding-left: 10px;
	padding-right: 0;*/
	opacity: 1;
}



#area_header .rightside_wrapper{
	margin-left: 40px;
}

/* END area: header */


/* area: content */
#area_content {
	opacity: 0 !important;
	transform: translateY(-50px) !important;
	transition-property: all;
	transition-duration: 1s;
	transition-delay: .5s;
}
.loaded #area_content {
	opacity: 1 !important;
	transform: translateY(0px) !important;
}
#area_content{
}

#area_content .content_block{
	padding: 80px 0 80px 0;
}

	/* content header */
	.header_title{
	}
	.header_subtitle{
		font-size: 20px;
		line-height: 30px;
	}
	
	.header_large{
		padding-top: 350px !important;
		padding-bottom: 150px !important;
	}
	.header_default{
		padding-top: 200px !important;
		padding-bottom: 50px !important;
	}
	.header_contact{
		padding-top: 250px !important;
		padding-bottom: 50px !important;
	}
	
/* END content header */

/* area: content */

.wpb_single_image img{
	border-radius: 10px;
	overflow: hidden;
}

.theme_button{
    padding: 10px 30px;
    border: none;
    transition: all .3s ease;
}
/* deafult button */
.vc_btn3-container.button button, 
.vc_btn3-container.button a,
.theme_button{
	border: 1px solid #fff !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    position: relative !important;
    color: #4563be !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-decoration: none !important;
    background-image: none !important;
    line-height: 1 !important;
    outline: none !important;
}
/* large button */
.vc_btn3-container.button.button_large button, 
.vc_btn3-container.button.button_large a,
.theme_button.button_large{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border-radius: 30px !important;
    font-size: 14px !important;
}
/* small button */
.vc_btn3-container.button.button_small button,
.vc_btn3-container.button.button_small a, 
.theme_button.button_small{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
}
/* button met een icon */
.vc_btn3-container.button button.vc_btn3-icon-right, 
.vc_btn3-container.button a.vc_btn3-icon-right, 
.theme_button.vc_btn3-icon-right{
	padding-right: 55px !important;
}
.vc_btn3-container.button.button_small button.vc_btn3-icon-right, 
.vc_btn3-container.button.button_small a.vc_btn3-icon-right, 
.theme_button.button_small.vc_btn3-icon-right{
	padding-right: 45px !important;
}
/* button - border */
.vc_btn3-container.button.button_bordered button, 
.vc_btn3-container.button.button_bordered a{
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}
.vc_btn3-container.button.button_bordered button, 
.vc_btn3-container.button.button_bordered a{
    background-color: transparent !important;
    color: #fff !important;
    border-color: #fff !important;
}
.vc_btn3-container.button.button_bordered.color_primary button, #area_content .vc_btn3-container.button.button_bordered.color_primary a{
    background-color: transparent !important;
    color: #4563be !important;
    border-color: #fff !important;
}
.vc_btn3-container.button.button_bordered.color_primary button:hover,  
.vc_btn3-container.button.button_bordered.color_primary a:hover{
    background-color: #4563be !important;
    color: #fff !important;
    border-color: #fff !important;
}

.vc_btn3-container.button button:hover, 
.vc_btn3-container.button a:hover, 
.theme_button:hover{
    background-color: #64C8EE !important;
    border-color: #fff !important;
    color: #4563be !important;
}
.vc_btn3-container.button button .fa-long-arrow-alt-right, 
.vc_btn3-container.button a .fa-long-arrow-alt-right{
    transition: right .3s ease !important;
}
.vc_btn3-container.button button:hover .fa-long-arrow-alt-right, 
.vc_btn3-container.button a:hover .fa-long-arrow-alt-right{
    right: 15px !important; 
}
.vc_btn3-container.button.button_colored button, 
.vc_btn3-container.button.button_colored a, 
.theme_button.button_colored{
    background-color: #FFDAB9 !important;
    border-color: #fff !important;
}
.vc_btn3-container.button.button_primary button, 
.vc_btn3-container.button.button_primary a, 
.theme_button.button_primary{
    background-color: #4563be !important;
    border-color: #fff !important;
    color: #fff !important;
}
.vc_btn3-container.button.button_primary button:hover, 
.vc_btn3-container.button.button_primary a:hover, 
.theme_button.button_primary{
    opacity: .8 !important;
}
.vc_btn3-container.button.button_colored button:hover, 
.vc_btn3-container.button.button_colored a:hover, 
.theme_button.button_colored:hover{
    background-color: #d9b494 !important;
    border-color: #fff !important;
}

.custom_accordion{
}
.custom_accordion .vc_tta-panel-heading{
	
}
.custom_accordion .vc_tta-panel-heading .vc_tta-title-text{
	color: #4563be;
	font-size: 20px !important;
}
.custom_accordion .vc_tta-controls-icon:before,
.custom_accordion .vc_tta-controls-icon:after{
	border-color: #79c9ef !important;
}

#area_content .wpcf7-form-control.wpcf7-submit{
    border-radius: 50px;
    display: block;
    padding: 15px 55px 15px 35px;
    border: none;
    outline: none;
    background-color: #4563be;
    color: #fff;
    font-size: 14px;
    font-weight: 500 !important;
    transition: all 0.3s ease;
    background-image: url(images/arrow-right-solid.svg);
    background-position: 85% center;
    background-repeat: no-repeat;
    background-size: 16px;
}
#area_content .wpcf7-form-control.wpcf7-submit:hover{
    opacity: 0.8;
}
#area_content .form-group {
    margin-bottom: 25px;
}
#area_content .form-group br{
    display: none;
}
#area_content .form-group .form-control,
#area_content .form-group .form-select{
    margin-bottom: 8px !important;
    padding: 8px 20px;
    font-size: 14px;
}
#area_content .form-group .wpcf7-list-item-label{
    padding-left: 7px;
}
#area_content .wpcf7-not-valid-tip {
    font-size: 12px !important;
    margin-top: -10px !important;
    margin-left: 10px;
    color: #ffffff9c;
    position: absolute;
    top: 10px;
    right: 8px;
    background: #4563be;
    line-height: 14px;
    padding: 3px 7px;
    border-radius: 0 0 8px 8px;
}
#area_content .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}
#area_content .wpcf7-response-output {
    border: 0;
    background-color: #FFDAB9;
    color: #4563be;
    font-size: 14px;
    line-height: 18px;
    border-radius: 10px;
    padding: 10px 30px;
    font-weight: 700;
}
/* END area: content */


/* area: footer */
#area_content .cta_wrapper{
	padding-top: 80px !important;
	padding-bottom: 120px !important;
}
.cta_person_image img{
	border-radius: 0 !important;
}


#area_footer{
	position: relative;
	color: #fff;
}
#area_footer a{
	position: relative;
	text-decoration: none;
}



#area_footer #footer_bottom{
}
#area_footer #footer_bottom .inner{
	border-top: 1px solid rgb(255 255 255 / 20%);
	padding: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
#area_footer #footer_bottom .inner .footer_bottom_menu{
}
#area_footer #footer_bottom .inner .footer_bottom_menu .menu{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#area_footer #footer_bottom .inner .footer_bottom_menu .menu li{
	margin-left: 30px;
}
#area_footer #footer_bottom .inner .footer_bottom_menu .menu li a{
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 0;
}
#area_footer #footer_bottom .inner .footer_bottom_menu .menu li a:hover{
	color: rgba(255, 255, 255, 1);
	text-decoration: underline;
}
#area_footer #footer_bottom .inner .footer_copyright{
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}
#area_footer #footer_bottom .inner .footer_copyright a{
	color: #9b9285;
    display: block;
    text-align: center;
}
/* END area: footer */


/* cookiebar */
.cookie_container {
	padding-top: 0px;
	padding-bottom: 5px;
}
.cookie_container p{
	text-align: left!important;
	color: rgba(249, 252, 255, 0.8) !important;
	font-size: 12px!important;
	line-height: 18px!important;
}
.cookie_container a{
	color: rgba(249, 252, 255, 0.8) !important;
}
.cookie_container .title{
	text-align: left!important;
	color: #f9fcff!important;
	max-width: 840px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.cookie_container .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cli-bar-btn_container{
	display: block !important;
}

.cli-bar-btn_container a{
	width: 100%;
	display: block;
	margin: 0!important;
	border-radius: 50px;
	text-align: center;
	padding: 15px 40px;
	font-weight: 700!important;
	margin-bottom: 10px!important;
	min-width: 250px;
	font-family: 'Jura', sans-serif;
}
.cli-bar-btn_container a:nth-child(2){
	background: none !important;
	border: 2px solid rgba(165, 195, 222, 0.3) !important;
	color: rgba(255, 255, 255, 0.74) !important;
}
.cli-bar-btn_container a:nth-child(2):hover{
	background: rgba(165, 195, 222, 0.3) !important;
}
.cookie_container .cli_settings_button{
	font-size: 14px;
}
#cookie-law-info-bar{
	box-shadow: none!important;
}

/* END cookiebar */


/* popup */
.pum-theme-567 .pum-container, .pum-theme-standaard-thema .pum-container{
	border-radius: 0 !important;
}
#popmake-576 .popmake-close{
    border-radius: 50px !important;
    overflow: hidden;
    right: 15px !important;
    top: 15px !important;
    padding: 2px 5px 1px 5px !important;
    background-color: rgb(255 255 255 / 30%);
    font-size: 12px !important;
    color: #fff;
    line-height: 16px !important;
    transition: all .3s ease;
}
#popmake-576 .popmake-close:hover{
    background-color: #fff;
    color: rgb(33 34 88);
}
#popmake-576.custom-position{
}
#popmake-576 .pum-content.popmake-content{
	padding-right: 0 !important;
}
.pum-content.popmake-content .popup_image{
	margin-bottom: 20px !important;
}
.pum-content.popmake-content .popup_title{
	padding: 0 10px !important;
	margin-bottom: 0 !important;
}
.pum-content.popmake-content .popup_content{
	padding: 10px !important;
	margin-bottom: 0px !important;
}
.pum-content.popmake-content .popup_content p{
	font-size: 13px !important;
	line-height: 20px !important;
}
.pum-content.popmake-content .vc_btn3-container{
	padding: 10px !important;
	margin-bottom: 10px !important;
}
.pum-container.popmake{
	overflow: hidden;
	-webkit-box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 20%) !important;
    box-shadow: 0px 9px 20px 0px hsl(239deg 45% 24% / 20%) !important;
}
/*
.pum-container.popmake .wpb_single_image img{
	border-radius: 5px !important;
}
*/
/* END notification popup */


.grecaptcha-badge{
    display: none!important;
}