/*
Theme Name: OneStep Media
Theme URI: http://www.onestepmedia.nl
Description: OneStep Media by OneStep Media
Author: OneStep Media
Author URI: http://www.onestepmedia.nl
*/
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-theme.css'); html{	scroll-behavior: smooth;}html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.arrow{
	width:8px;
}
body { 	
	font-family: 'Poppins', sans-serif;
	color:#000000;
	background:#fafafa;
}
@media (max-width:960px){
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
	.vc_gitem_row{
		background:#fff;
	}
}
@media (max-width: 1200px){
@media (min-width: 660px){
	.recente_projecten strong{
		font-size:22px!important;
	}
}
}

.cky-revisit-bottom-left{
	display:none!important;
}
@media (min-width:1181px){
.faq_flex{
	display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
}

.stickymenu .menu_desktop_rechts{
	margin-top:9px!important;
}

.stickymenu {
    background: url(/wp-content/uploads/2020/10/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
    margin-top: -50px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.footer i{
	color:#2b135b!important;
}
.sticky .menu_desktop ul{
	padding-top:15px!important;
	
}

.sticky .menu_inner{
	padding-top:9px!important;
}

a{
	color:#00F19F;
	
}
.fronttop a{
	background: linear-gradient(270deg, #00f19f 0%, #05d5ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight:bold;
}
.fronttop p{
	text-align: center;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
a:hover{
	text-decoration:none;
}

@media (min-width: 1200px){
.container {
    width: 100%;
	padding-left:6vw;
	padding-right:6vw;
}
}
/* ================================================== HEADER ================================================== */

.topbar{
	background: linear-gradient( 270deg,#00f19f 0%,#05d5ff 100%);
	color:#fff;
	padding:8px 0px;
	position:fixed;
	z-index:998;
	width:100%;
	text-align:center;
	box-shadow: 0px 4px 18px -6px rgb(109 109 109 / 42%);
	top:64px;
	display:none;
}
@media (min-width: 960px){
.header.sticky > .topbar{
	display:block!important;
}
}
@media (max-width: 960px){
	.topbar{
		display:none!important;
	}	
}
.topbar a{
	color:#fff!important;
}
.header{
	padding:20px 0px 20px 0px;
}

.header{
	position:absolute;
	z-index:1000;
	left:0;
	right:0;
}
.logo{
	max-width:150px;
	margin-top:6px;
}
@media (max-width:1025px){
.logo{
	max-width:150px;
}
}
/* ================================================== FRONT-PAGE ================================================== */

.frontpage_hero{
	padding:50px 0px 50px 0px;
	background-repeat: no-repeat;
    background-position: right top;
    background-size: 47vw;
	/*min-height:89vh;*/
	background-color:#fff;
	clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
	background-image:url(/wp-content/uploads/2021/10/hero-round-2.png);
}
.frontpage_hero p a:hover{
	color:#00F19F;
}
/* tablet liggend */
@media (min-width:1180px){
	@media (max-width:1200px){
		.frontpage_hero{
			background-size: 33vw;
		}
		.page h2{
			font-size:37px!important;
		}
		.faq_flex_tablet{
			display: flex!important;
			align-items: center!important;
			justify-content: center!important;
		}
	}
}

@media (min-width:990px){
	@media (max-width:1430px){
		.sticky{
			padding: 21px 0px 0px 0px!important;
		}	
	}
}

.sticky {
    background: url(/wp-content/uploads/2020/10/footer-bg.jpg);
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
	background:#fff;
	margin-top:-10px!important;
	position: fixed!important;
    width: 100%!;
	padding:18px 0px 10px 0px;
}				
	.sticky .logo{
		max-width:100px;
	}
	.sticky .menu_desktop ul{
		/*padding-top:16px!important;*/
	}
	.sticky button.button01{
		margin-top:4px!important;
	}
	/*.sticky .menu_desktop ul{
		margin-left:3vw!important;
	}*/

.frontpage_hero h1{
	color:#2B135B;
	font-size:55px!important;
	font-weight:bold!important;
}

.frontpage_hero p{
	font-size:18px!important;
	font-weight:300;
	margin-top: 30px;
}
.frontpage_hero_content{
	max-width:705px;
	padding-top:115px;
	padding-bottom:75px;
	padding-left:0px;
	padding-right:0px;
}

.frontpage_hero h1{
	max-width:690px;
}
@media (max-width:1625px){
@media (min-width:1325px){
.frontpage_hero{
	background-size: 43vw!important;
}
}
}
@media (min-width:1625px){
.frontpage_hero_content{
	padding-top:17vh!important;
	padding-bottom:9vh!important;
	max-width:740px!important;
}
	.frontpage_hero h1{
	font-size:63px!important;
	max-width:620px;
	}
}
@media (min-width:1000px){
@media (max-width:1181px){
.frontpage_hero{
		background-image:none!important;
	}
}
}
@media (max-width:960px){
	.frontpage_hero h1{
		font-size:39px!important;
		line-height:46px!important;
		margin-top:30px!important;
		max-width:385px!important;
	}
	.diensten_hover{
		min-height:250px!important;
	}
	.frontpage_hero p {
    	font-size: 17px!important;
	}
	.frontpage_hero{
		background-image:none!important;
	}
	.frontpage_hero_content{
		padding-top:60px!important;
	}
	.frontpage_hero_content::before{
		margin-top: -250px!important;
		margin-left: -65px!important;
	}
	.frontpage h2{
		font-size:30px!important;
		line-height:30px!important;
	}
	.frontpage_hero_content{
		padding-bottom:0px!important;
		margin-bottom: 40px;
    	margin-top: 40px;
	}
	.frontpagebanner_mobile{
		clip-path: polygon(0px 66px, 100% 0px, 100% 100%, 0px 100%);
		min-height:350px;
		margin-bottom:-150px;
		background-size:cover;
		background-image:url('/wp-content/uploads/2022/06/mobile-hero.jpg?id=575');
	}
	.page h1{
		font-size:32px!important;
		line-height:35px!important;
	}
	.page h2{
		font-size:29px!important;
	}
	.page h3{
		font-size:29px!important;
	}
	.footer-verdieping{
		display:none!important;
	}
	.tarieven h2{
		font-size:35px!important;
	}
	
	.bottom_cta_mobiel{
		display:block!important;
	}
	.bottom_cta_desktop{
		display:none!important;
	}
	.diensten_top::before,.blog_bg::before{
		margin-top: -38vh!important;
	}
	.sticky .logo{
		padding-top:5px;
	}
}

.tarieven h2{
	font-size:40px!important;
}

@media (max-width:960px){
	.tarieven h2{
	font-size:29px!important;
	}
}

@media (min-width:960px){
	@media (max-width:1600px){
	.bottom_cta img{
		max-width:90%;
	}
}
}
	
@media (min-width:1200px){
.bottom_cta_mobiel{
	display:none;
}
}
@media (min-width:961px){
	.frontpagebanner_mobile{
		display:none!important;
	}
}

@media (min-width:730px){
@media (max-width:821px){
	
	.recente_projecten a{
		min-height:619px!important;
	}
	
	.bottom_cta h6{
		margin-top:60px;
	}
}
}	

@media (min-width:1179px){
@media (max-width:1181px){
	.bottom_cta img {
   		max-width: 80%;
    	margin-top: -50px;
	}
}
}
@media (min-width:1490px){
	.bottom_cta img {
   		max-width: 85%;
	}
}
@media (min-width:1590px){
	.bottom_cta img {
    	float:right;
	}
}

.blog_bg::before{
	content: url(/wp-content/uploads/2022/06/blog-vorm-bottom-left.png);
    background-position: top right;
    background-repeat: no-repeat;
    position:absolute;
	float:right;
    margin-left: 73vw;
    margin-top: -32vh;
    z-index: -1;
}

.frontpage_hero_content::before{
	content: url(/wp-content/uploads/2021/10/hero-vorm-top-left.png);
    background-position: top left;
    background-repeat: no-repeat;
    position:absolute;
	margin-top:-260px;
	margin-left:-66px;
}

.recente_projecten{
	color:#fff;
}
.recente_projecten strong{
	font-size:30px;
}

.recente_projecten a{
	color:#fff!important;
}

.klantverhalen_line{
	text-align:center;
	font-size:17px;
}

.klantverhalen_nummer{
	background: linear-gradient( 270deg,#00f19f 0%,#05d5ff 100%);
	color:#fff;
	font-weight:bold;
	padding:10px 13px;
	border-radius:41px;
	margin:0px 10px 0px 10px;
	box-shadow: 0px 3px 6px #00000029;
}

.recente_berichten p{
	display:none;
}
.recente_berichten h4{
	color:#2B135B;
	font-size:16px;
	font-weight:bold;
	padding:0px 10px 0px 10px;
}
.vc_gitem_row .vc_gitem-col{
	background:#fff;
	padding:0;
	margin:0;
	/*border-radius:0px 0px 10px 10px;*/
}
.vc_gitem-animated-block:after {
    content: "";
    display: block;
    height: 160px;
    width: 100%;
    background-image: url(/afbeeldingen/blog_after.svg);
    background-repeat: no-repeat;
    margin-top: -136px;
    position: absolute;
    z-index: 999;
}
@media (max-width:960px){
	.vc_gitem-animated-block:after {
		width:101%!important;
		left:-1px!important;
	}
}


.vc_gitem-zone{
	max-height:208px;
	
}
.vc_gitem-zone img{
	/*border-radius:10px 10px 0px 0px;*/
}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{
	display:none!important;
}


.diensten_grid1::after{
	content: url(/wp-content/uploads/2021/10/hero-vorm-bottom-left.png);
    background-position: top left;
    background-repeat: no-repeat;
    position:absolute;
	margin-top:-65vh;
	margin-left:-21vw;
}

.diensten_top::before{
	content: url(/wp-content/uploads/2021/10/diensten-vorm-bottom-right.png);
    background-position: top right;
    background-repeat: no-repeat;
    position:absolute;
	float:right;
    margin-left: 73vw;
    margin-top: -32vh;
    z-index: -1;
}

.diensten_grid_home img{
	margin-left:-5px;
	margin-top:30px;
}

.page .diensten_grid_home h3{
	font-size:21px!important;
	margin-top:-5px;
	transition: color 1s;
	color:#2B135B;
}

@media (min-width:1625px){
.diensten_grid_home h3{ 
	font-size:27px!important
}
.diensten_grid_home p{
	font-size:19px!important;
}
}

.diensten_grid_home p{
	font-size:17px;
}
.diensten_hover,.werknemers_hover{
	box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.3);
	transition: background-color 0.4s, box-shadow 0.7s, color 0.4s;
	box-shadow:none;
	border-radius:20px;
	
	background: #fff;
    border-radius: 35px;
    box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 10%);
	padding:20px 28px 5px 28px;
	min-height:296px;
}

.werknemers_hover-kleur{
	background: #2b135b;
	color:#fff;
}
@media (min-width:1025px){
	.diensten_hover{
		width:31%!important;
		margin:10px;
	}
	.werknemers_hover{
		width:23%!important;
		margin:10px;
	}
}
@media (max-width:1025px){
	.diensten_hover,.werknemers_hover{
		max-width: 92vw;
    	margin-left: auto;
   		margin-right: auto;
		margin-bottom:20px; 
		padding: 0px 20px 5px 20px!important;
	}
}
/* tablet staand */
@media (min-width:820px){
		@media (max-width:850px){
		.diensten_hover,.werknemers_hover{
			max-width: 29vw;
			margin-left: auto;
			margin-right: auto;
			margin-bottom:20px; 
			padding: 0px 20px 5px 20px!important;
			margin:5px 5px 10px 5px;
		}
	}
}

.diensten_hover:hover{
	box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 65%);
	transition: background-color 0.4s, box-shadow 0.7s, color 0.4s;
	background:#2B135B;
	color:#fff;
}
.werknemers_hover:hover{
	box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 65%);
	transition: background-color 0.4s, box-shadow 0.7s, color 0.4s;
}


.diensten_hover:hover h3{
	color: #00F19F;
	transition: color 0.2s;	
}
.diensten_hover_arrow{
	display:none;
	color:#fff;
}
.diensten_hover:hover .diensten_hover_arrow{
	display:block;
	float:right;
	margin-top:5vh;
	font-size:40px;
}

.post_cat{
	text-align:left!important;
	color:#00F19F;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
}
.post_title{
	color:#2B135B;
	font-size:16px;
	font-weight:bold;
	max-width: 350px;
    line-height: 20px;
	padding-left:20px;
	padding-right:20px;
	margin-top:-15px;
	min-height:40px;
}
.blog_box{
	box-shadow: 0px 3px 6px #00000029;
	
}
.vc_gitem-zone-c .blog_box{
	border-radius:0px 0px 10px 10px;
}
.blog_box img{
	border-radius: 10px 10px 0px 0px!important;
}
img .vc_gitem-zone{
	border-radius: 10px 10px 0px 0px !important;
}

/* ================================================== PAGE ================================================== */

.discobar{
	height:2px;
	width:35px;
	background: linear-gradient(270deg, #00f19f 0%, #05d5ff 100%);
	position:absolute;
	margin-top:10px;
	margin-left:-47px;
}
.page .ppagetop{
	font-size: 16px!important;
    color: #00f19f;
    font-weight: bold;
    margin-left: 47px;
}
.blog p.wp-caption-text{
	font-size:12px!important;
	padding-bottom:25px;
	text-align:center;
}
.blog .wp-caption{
	width:100%!important;
}
.blog-veelgestelde-vragen h4{
	font-weight:bold;
}
.blog .recente_berichten img{
	margin-top:0px!important;
}
.bottom_cta img{
	border-radius:0px!important;
	box-shadow: 0px 0px 0px #00000029!important;
}
@media (min-width:960px){
.blog .container{
	width:75vw!important;
}

}
@media (max-width:960px){
	.blogfotobas{
		margin-top:0.3vh!important;
	}
}
.blog img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
	box-shadow: 0px 3px 6px #00000029;
}
.blog h1{
	font-weight:bold;
	color:#2b135b;
	line-height:40px;
}
.blog h2{
	font-size:25px!important;
	color:#2b135b;
	font-weight:bold;
}
.blog h3{
	color:#2b135b;
	font-size:21px!important;
	font-weight:bold;
}
.blog h4{
	color:#2b135b;
	font-weight:bold;
}
.blog p{
	font-size: 16px!important;
    line-height: 25px;
}
@media (min-width:1625px){
.blog_header h1{
	line-height:45px!important;
}
}
@media (max-width:960px){
	.attachment-post-thumbnail{
		margin-top:25px;	
	}
}

.attachment-post-thumbnail{
	width:100%;
	height:100%;
	border-radius:5px;
	box-shadow: 0px 3px 6px #00000029;
}


.page a:hover{
	color:#00F19F;
}

ul#menu-webdesign-links,ul#menu-webdesign-midden,ul#menu-webdesign-rechts,ul#menu-website-laten-maken-links,ul#menu-website-laten-maken-midden,ul#menu-website-laten-maken-rechts,ul#menu-nijmegen-links,ul#menu-nijmegen-midden,ul#menu-nijmegen-rechts,ul#menu-seo-links,ul#menu-seo-midden,ul#menu-seo-rechts,ul#menu-footer-menu-rechts,ul#menu-footer-menu-midden,ul#menu-footer-menu-links,ul#menu-footer-nijmegen{
	padding:0px;
	margin:0;
	list-style:none!important;
}
.box-shadow-locaties{
    box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.3);
}
.box-shadow-locaties a{
	color:#000000;
}
.box-shadow-locaties a:hover{
	color:#00f19f;
}
.page .box-shadow-locaties h3 {
	font-size:	21px!important;
	margin-bottom:10px!important;
}
.reviews i{
    color:#f0db71;
    font-size:25px;
}
.reviews_box{
    box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 10%);
}

.review_name strong{
    position:absolute;
    bottom:45px;
}
.page_hero{
	padding: 50px 0px 15px 0px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 47vw;
    /* min-height: 89vh; */
    background-color: #fff;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    background-image: url(/wp-content/uploads/2021/10/hero-round-2.png);
	margin-bottom:35px;
}

.page li{
	font-size:15.5px;
	line-height: 30px;
}

@media (max-width:1550px){
.pageimg img{
	/*margin-top:30px;*/
}
}

.blog h2{
	font-size:26px!important;
}
@media (max-width:1180px){
	.page_hero{
		background-image:none!important;
	}
	.header button.button01{
		font-size:13px!important;
	}
}
.page_hero_brood{
	margin-top:60px;
}

@media (max-width:960px){
html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container{
	top:25px!important;
}
	.contact textarea{
		height:100px!important;
	}
}
@media (min-width:960px){
.pakketten_los_extra_margin{
	margin-right:45px;	
}
}
@media (min-width:960px){
.faq_grid{
	margin-top:55px;
}
	.tarieven_top_padding{
		padding-bottom:80px;
	}	
}
.vc_toggle_content{
	padding-right: 24.2px!important;
}
@media (max-width:960px){
	.vc_toggle_title h4{
		color:#fff!important;
		font-size:16px!important;
	}	
}

.page h4{
	font-weight: 700;
    color: #2B135B;
	font-size:18px;
	margin-top:25px;
}
.blog li{
	font-size:16px;
	padding: 0px 0px 25px 0px;
}
.blog ol{
	padding: 10px 0px 0px 14px
}


.tarieven_top{
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.opsomming ul{
	padding:0px!important;
}
.opsomming li{
	background: url(/wp-content/uploads/2022/03/opsomming-rond.png) 0px 2px no-repeat transparent;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 4px 25px;
    min-height: 40px;
	font-size:16px;
}
.link_button{
	color:#2B135B;
	font-size:17px;
}
.link_button_arrow{
	color:#00F19F;
}
.vc_toggle_title{
	background: transparent linear-gradient(99deg, #00F19F 0%, #05D5FF 100%) 0% 0% no-repeat padding-box;
	padding:20px 20px;
	border-radius:5px;
	box-shadow: 0px 3px 6px #00000029;
	color:#fff;
	font-weight:bold;
}
.vc_toggle_content{
	box-shadow: 0px 3px 6px #00000029;
	padding:28px 0px 15px 0px;
	margin:0;
	margin-top:-3px;
}
.vc_toggle_icon{
	display:none!important;
}

.pageimg img{
	border-radius:10px;
	box-shadow: 0px 3px 6px #00000029;
}
@media (min-width:1225px){
.pageimg img{
	max-width: 606px;
    width: 100%;
}
}

.page p{
	font-size:16px;
	line-height:25px;
}

.voordelen-van-onestepmedia{
	background: #fff;
    border-radius: 15px;
    color: #000;
    padding: 40px 25px;
	box-shadow: 0px 0px 18px -6px rgb(0 0 0 / 11%);
}

.vc_toggle_title h4{
	color:#fff!important;
}

.frontpage p{
	font-size:17px;
	line-height:28px;
}

.page h1{
	font-size:35px;
	font-weight:700;
	line-height:57px;
	color:#2B135B;
}
@media (min-width:1625px){
	.page h1{
		font-size:40px;	
		line-height:50px!important;
	}
	.page h2{ 
		font-size:35px!important;	
	}
	.page h3{ 
		font-size:35px!important;	
	}
	
	.frontpage h1{
	font-size:68px!important;
	}
	.frontpage h2{
		font-size:53px;		
	}
	.page h6{
		font-size:28px;
		color:#00F19F;
		font-weight:bold;
	}
}
@media (min-width:965px) & (max-width:1624px){
.frontpage h2{
	font-size:43px!important;		
}
}
.page h2{
	font-size:32px;
	font-weight:700;
	color:#2B135B;
}
.bottom_cta_desktop h2{
	font-size:37px!important;
}
.page h3{
	font-size: 32px;
    font-weight: 700;
    color: #2B135B;
}

.page h6{
	font-size:20px;
	color:#00F19F;
	font-weight:bold;
}
.blog h6{
	font-size:20px;
	color:#00F19F;
	font-weight:bold;
}
.diensten_grid1,.diensten_grid2{
	font-size:17px;
}
.diensten_grid2{
	margin-bottom:55px;
}
.diensten_grid_cta{
	color:#2B135B;
	font-weight:bold;
}

.bottom_cta{
	
}

.bottom_cta p{
	font-size:17px;
	/*max-width:700px;*/
}

/* ================================================== FOOTER ================================================== */

.tablethint{
	position: fixed;
    z-index: 999;
    left: 10px;
    bottom: 10px;
}

.review_module{
	width: 100%;
	background: #fff;
	color: #2B135B;
	width: 280px;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 30%);
	font-weight: bold;
}
.klanten_geven_ons{
	font-size:16px;
}
.klanten_geven_ons_sterren{
	color: #efa03b;
	font-size:20px;
}
@media (max-width:960px){
	.klanten_geven_ons{
		font-size:11px;
	}
	.klanten_geven_ons_sterren{
		color: #efa03b;
		font-size:14px;
	}
	.klanten_geven_ons_aantal{
		font-size:12px;
	}
	.review_module{
		width: 210px;
	}
}
.review_module_cross{
	position: absolute;
    margin-top: -20px;
    right: -7px;
	background:black;
	color:#fff;
	border-radius:41px;
	padding:3px 7px 3px 7px;
	font-size:12px;
	border:3px solid #fff;
}
.review_weg{
	display:none!important;
}
.review_module_flow{
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 10px;
}

.header button.button01{
	float:right;
	
}
.frontpage_hero .button01{
	margin-top:5px!important;
}
.page button.button01{
	margin-top:-12px;
}
.button01{
	background:linear-gradient(270deg,#00f19f 0%,#05d5ff 100%);
	border-radius:9px;
	border:0px solid black;
	color:#fff;
	padding:8px 25px;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.3);
}
.button01:hover{

}
.button02{
	border-radius:41px;
	border:2px solid #00F19F;
	color:#00F19F;
	padding:8px 25px;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	box-shadow: 0px 8px 18px -6px rgba(0,0,0,0.3);
	background:#f5fcff;
}

/* ==== FILE: FOOTER ==== */

.footer{
	margin-bottom:35px;
	background: transparent linear-gradient(110deg, #2B135B 0%, #1E0B44 100%) 0% 0% no-repeat padding-box;
	border-radius: 25px;
	margin:0px 30px;
	padding: 75px 0px 60px 0px;
	color:#fff;
	margin-top:75px;
}

.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer li, .textwidget {
	line-height:46px;
}

p.footer-mobiel-padding{
	font-weight:bold;
	font-size:16px;
	color:#00F19F;
	text-transform:uppercase;
}

.footer a{
	color:#fff!important;
}
.footer a:hover{
	color:#00F19F!important;
}
.socialicon{
	width:15px;
	margin-top:-5px;
}
li.social-middle{
	border-top:1px solid #1E0B44;
	border-bottom:1px solid #1E0B44;
}
@media (min-width: 960px) {
.flexboxf{
	display: flex;align-items: center;
}
}
@media (max-width: 960px) {
	.footer{
		border-radius:20px!important;
		margin-top:0px!important;
		padding: 45px 20px 30px 20px;
		margin:0px 15px!important;
	}
	.footer-verdieping{
		display:none!important;
	}
	.footer-mobiel-padding{
		margin-top:30px;
	}
	.copyright{
		margin: 0px 30px !important;
        text-align: center;
	}
	.footer:after {
		display:none!important;
	}
}
.footer-links{
	margin-bottom:40px;
}
.footer-adres {
    line-height: 18px;
	font-weight:normal!important;
	color:#fff;
	float:right;
}
.footer-padding{
	margin-bottom:30px;
}
.footer:after {
    content: url(/afbeeldingen/footer-after.svg) !important;
    position: absolute;
    margin-top: -497px;
    right: -92px;
}

.copyright{
	font-size:12px;
	padding-bottom:18px;
	padding-top:18px;
	margin:0px 60px;
}
ul.copyright-menu{
	padding:0;
	margin:0;
}
ul.copyright-menu li{
	display: inline;
	padding-left:25px;
}




/* ================================================== STANDAARD ================================================== */


/* ---------- Menu Desktop ---------- */
.menu_desktop ul{
	padding-top:23px;
	margin-left:-35px;
}
.menu_desktop li{
	display:inline;
	list-style-type:none;
}
.menu_desktop a{
	font-size:15px;
	color:#111111;
	padding-right:30px;
	font-weight:300;
	padding-bottom:20px;
}
.menu_desktop a:hover{
	background: linear-gradient( 
	270deg,#00f19f 0%,#05d5ff 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent;
	
}
.menu_desktop .current_page_item a{
	font-weight:bold;
	background: linear-gradient( 
270deg,#00f19f 0%,#05d5ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* voorkomt dat sub menu's ook activ worden */
.menu_desktop .current_page_item .sub-menu a{
		background: linear-gradient( 
270deg,#111111 0%,#111111 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight:normal!important;
}
/* menu submenu nieuw */
.menu-het-hoofd-menu-container{
	margin-left:40px;
}
@media (min-width:1023px){
.sub-menu {
  display: none;
  position: absolute;
  padding: 12px 16px;
  z-index: 1;
  background:#fafafa;
  margin-top:30px;
  box-shadow: 0px 8px 18px -6px rgba(0, 0, 0, 0.3);
  border-left:4px solid #00F19F;
  border-radius:5px;
  z-index:999;
}
.menu-item-has-children:hover .sub-menu {
display: block;
display: inline-grid;
margin-left: -135px;
}
.menu_desktop ul{
	padding-top:15px!important;
}
.sub-menu li{
	margin:10px 20px;
}	
/* sub sub */
.sub-menu .menu-item-has-children .sub-menu{
	display:none;
}	
.sub-menu .menu-item-has-children:hover .sub-menu{
	display:block!important;
	margin-left:230px!important;
	top:-30px!important;
	border-left:4px solid #05d5ff;
}
.sub-menu .menu-item-has-children:hover .sub-menu li{
	margin:15px 20px!important;
	display:block!important;
}
}
/* mobiele opmaak */
@media (max-width:1023px){
	.menu_desktop a{
		font-size:14px!important;
	}
	.sticky{
		padding: 18px 0px 18px 0px!important;
	}
	.menu_desktop ul{
		margin:0px!important;
		padding:0px!important;
	}
	.menu-het-hoofd-menu-container{
		margin-left: -35px !important;
        padding-top: 40px;
        padding: 40px 0px;
        width: 110vw !important;
	}
	.menu_desktop li{
		display:block!important;
		margin:20px 20px;
		        padding: 0px 20px;
	}
	/* verbergt de sub */
	ul.sub-menu{
		display:none!important;
	}
	*/ laat de sub zien */
	ul.sub-menu .menu-item-has-children:hover ul.submenu{
		display:block!important;
	}
	.menu-item-has-children:hover ul.sub-menu{
		display:block!important;
		margin-top:20px!important;
	}
	
	/* verbergt de sub van de sub */
	ul.sub-menu .menu-item-has-children ul.sub-menu{
		display:none!important;
	}
	
	ul.sub-menu li{
		margin:0px 0px!important;
		background:#ededed;
		padding:10px 15px;
	}
	.arrowmobile{
		display:block!important;
		float:right;
	}

}

/* ---------- Menu Mobiel ---------- */
/* open sluit animatie */
.verwijdermenuopenen{
	display:none!important;
}
.verwijdermenuopenen{
	display:none!important;
}
.menuisgesloten{
	display:none!important;
}
/* hamburger icon */
.menu_mobiel{
	font-size:30px;
	text-align:right;
	margin-top: 5px;
    padding-bottom: 3px;
	top: 10px;
    right: 10px;
	position:absolute;
}
/* hamburger Menu op desktop uitschakelingen*/
@media (min-width:1023px){
.menu_mobiel{
	display:none!important;
}
}
/* Menu op mobiel uitschakelingen*/
@media (max-width:1023px){
.menu_desktop{
	display:none!important;
}
}
/* menu openen op command */
.menugaatopen{
	display: block !important;
    background: #fafafa;
    min-height: 80vh;
    width: 100%;
    margin-top: -21px;
    box-shadow: 0px 8px 18px -6px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 30px 30px;
    border-bottom: 4px solid #01f19f;
	margin-bottom: -50px;
}
.menugaatopen .button01{
	display:none!important;
}



/* opmaak formulieren */
.contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact input[type="url"], .contact textarea {
    background: #fff!important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 10px 15px 10px 15px;
	font-weight:300;
	border:0px solid black;
	margin-bottom:10px;
	width:100%;
}
.contact textarea{
	height:200px;
}
/* button op 100% */
@media only screen and (max-width: 960px){
	.contact input[type="submit"] {
		width:100%!important;
	}
}
.contact input[type="submit"] {
    background: linear-gradient(270deg,#00f19f 0%,#05d5ff 100%);
    border-radius: 41px;
    border: 0px solid black;
    color: #fff;
    padding: 8px 45px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 30%);
}
.contact input[type="submit"]:hover {
    background: linear-gradient(270deg,#05d5ff 0%,#00f19f 100%);
}
.disco{
	background: linear-gradient( 270deg,#00f19f 0%,#05d5ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.diensten_top h2{
	max-width:1100px!important;
}

/* PAKKETTEN */
/* opmaak tekst prijzen */
.prijs_maandelijks{
	font-size:70px;
	color:#2B135B;
	font-weight:800;
	text-align:center;
}
.vanafprijs{
	font-size: 22px;
    color: #00F19F;
    font-weight: 800;
    position: absolute;
	margin-top:-10px;
}
.permaand{
	font-size:22px;
	color:#00F19F;
	font-weight:800;
	position:absolute;
}
.prijs_eenmalig{
	font-size:14px;
	font-weight:800;
	color:#00F19F;
	text-align:center;
}

.metwebsite{
	
}
.metwebsite_uit{
	display:none!important;
}


.zonderwebsite{
	display:none;
}

.zonderwebsite_uit{
	display:block!important;
}

.test1_uit{
	display:none!important;
}

.test2{
	display:none;
}
.test2_aan{
	display:-webkit-inline-box!important;
	margin-right:4px;
}

.switch_on {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch_on input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_on {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent linear-gradient(99deg, #05D5FF 0%, #00F19F 100%) 0% 0% no-repeat padding-box;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.slider_on:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background: #fff;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
   border-radius: 50%;
}

.slider_off {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #959595;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
  margin-left: 3px;
  margin-right: -4px;
}

.slider_off:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
   border-radius: 50%;
}

.boldtext{
	font-weight:bold;
}

.toggle{
	float:right;
	margin-right:95px;
	margin-right:-15px;
}
.togglerow{
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.zonderwebsitetext{
	float:right;
	margin-top:8px;
	margin-right:-3vw;
}
span.metwebsitetext{
	margin-right: 70px;
    margin-top: 7px;
    position: absolute;
    right: 0;
	font-weight:bold;
}

.pakketten h3{
	font-size:30px;
	color:#2B135B;
	text-align:center;
	font-weight:800;
}
.pakketten p{
	font-size:16px;
	text-align:center;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:25px;
}

/* opmaak blokken */
.pakketten{
	border-radius:20px;
	box-shadow: 0px 3px 6px #00000029;
}

.pakketten_top{
	
}

.pakket_opsomming{
	box-shadow: 0px 3px 6px #00000029;
	border-radius:0px 0px 20px 20px;
	font-size:16px;
	border-top: 1px solid #eaeaea;
}

.pakket_opsomming ul{
	padding:0px!important;
	margin-left:30px;
	margin-right:30px;
}
.pakket_opsomming li{
	background: url(/wp-content/uploads/2022/10/icon-22px.png) 0px 0px no-repeat transparent;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 40px;
    /*min-height: 40px;*/
	margin-bottom:14px;
}

/* aanpassing liggende ipad air */
@media (min-width:1180px){
	@media (max-width:1280px){
		.pakket_opsomming li{
			/*min-height:65px!important;*/
			padding:0px 0px 15px 40px;
		}
	}
}

/* aanpassing staande ipad air */
@media (min-width:820px){
	@media (max-width:920px){
		.pakket_opsomming li{
			
			padding:10px 0px 0px 40px!important;
			
		}
	}
}

@media (max-width:820px){
.pakket_opsomming li{
	margin-top:-4px;
	padding:7px 0px 0px 30px!important;
}
	.pakketten_button{
		font-size:18px!important;
	}
}

@media (min-width:1180px){
	@media (max-width:1280px){
		.tabletliggend{
			padding-top:14px!important;
		}
	}
}



.pakketten_button{
	background: linear-gradient(270deg,#00f19f 0%,#05d5ff 100%);
	border-radius:10px;
	color:#fff;
	border:0px solid #fff;
	font-weight:bold;
	padding:10px 25px 10px 25px;
	width:90%;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	box-shadow: 0px 3px 6px #00000029;
	
}

.pakketten_middelste{
	border-radius:0px 0px 20px 20px!important;
	color:#fff;
}
#pakketten_middelste{
	box-shadow: 0px 3px 6px #00000029;
	z-index:998;
}
.meestgekozen{
	background: transparent linear-gradient(99deg, #05D5FF 0%, #00F19F 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	width:250px;
	text-align:center;
	color:#fff;
	padding:10px 20px 10px 20px;
	font-size:20px;
	font-weight:800;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:-50px;
}

.pakketten_row{
	margin-top:25px;
}

.toggle_row{
	margin-top:35px;
}

@media only screen and (min-width: 1100px){
	@media only screen and (max-width: 1590px){
	.tablet2regels{
		padding-top:14px!important;
	}
}
}
	
@media only screen and (max-width: 960px){
	.mobiel2regels{
		padding-top:14px!important;
	}
}

@media only screen and (max-width: 960px){
	.pakketten_row{
		margin-left:15px;
		margin-right:15px;
		margin-top:20px!important;
	}
	.toggle_row{
		margin-top:20px!important;
	}
	.toggle{
		margin-right:15px!important;
	}
	span.metwebsitetext{
		margin-right:100px!important;
	}
	#pakketten_middelste{
		margin-top:95px;
	}
	#pakketten_rechts{
		margin-top:40px;
	}
	.pakket_opsomming ul{
		margin-left:10px!important;
		margin-right:10px!important;
	}
	.pakket_opsomming li{
		background: url(/wp-content/uploads/2022/10/icon-22px.png) 0px 10px no-repeat transparent!important;
    }
	.pakketten h3{
		font-size:30px!important;
	}
	.wrapper .tooltip{
		/*left: -46vw!important;*/
	}
}

.wrapper {
  cursor: help;
  margin: 0 auto;
  position: relative;
  text-align: center;
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
	z-index:999;
}
.wrapper .tooltip {
  background: linear-gradient(270deg,#00f19f 0%,#05d5ff 100%);
  border-radius:20px;
  bottom: 100%;
  color: #fff;
  display: block;
  left: 0;
  opacity: 0;
  padding: 20px;
  pointer-events: none;
  position: absolute;
  width: 250px;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.wrapper:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
  display: none;
}
.lte8 .wrapper:hover .tooltip {
  display: block;
}
::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #fff;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(180deg,#00f19f 0%,#05d5ff 100%);
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #FA58F4;
}
#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
	padding:0;
	font-size:15px;
	color:#000;
	margin-top:25px;
}
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
} 
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#000;
}
#breadcrumbs a{
	color:#000;
}




.contact-klein select{
	background: #f5fcff !important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 5px 15px 5px 15px;
    font-weight: 300;
    border: 0px solid black;
    margin-bottom: 10px;
    width: 100%;
}
/* opmaak formulieren */
.contact-klein input[type="text"], .contact-klein input[type="tel"], .contact-klein input[type="email"], input[type="url"], .contact-klein textarea {
    background: #f5fcff!important;
    color: #3f3f3f;
    font-size: 16px;
    padding: 5px 15px 5px 15px;
	font-weight:300;
	border:0px solid black;
	margin-bottom:10px;
	width:100%;
}
.contact-klein textarea{
	height:75px;
}
/* button op 100% */
@media only screen and (max-width: 960px){
	.contact input[type="submit"] {
		width:100%!important;
	}
	.contact-klein input[type="submit"] {
		width:100%!important;	
	}
}
@media only screen and (min-width: 960px){
.contact-klein-float-right{
	float:right;
}
}
.contact-klein input[type="submit"] {
    background: linear-gradient(270deg,#00f19f 0%,#05d5ff 100%);
    border-radius: 41px;
    border: 0px solid black;
    color: #fff;
    padding: 7px 45px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    box-shadow: 0px 8px 18px -6px rgb(0 0 0 / 30%);
}
.contact-klein input[type="submit"]:hover {
    background: linear-gradient(270deg,#05d5ff 0%,#00f19f 100%);
}

.contact-klein > .vc_toggle_title{
	border-radius:50px!important;
	font-size:18px!important;
	text-align:center!important;
	padding: 8px 15px!important;
	margin-top:-20px!important;
}
@media only screen and (max-width: 960px){
	.contact-klein > .vc_toggle_title{
		width:100%!important;
	}
	.team_img{
		padding-top:45px!important;
	}
}
@media only screen and (min-width: 960px){
	.contact-klein > .vc_toggle_title{
		width:40%!important;
	}
}
.contact-klein > .vc_toggle_title h4{
	font-size:18px!important;
	text-align:center!important;
}
.grecaptcha-badge{
	display:none!important;
}
#cookiescript_copyright{
	display:none!important;
}
.cookiescript_fsd_logo,.cookiescript_fsd_powered,.cookiescript_fsd_reportby{
	display:none!important;
}

@media (min-width:960px){
.contentinfo{
        font-size: 14px;
        position: absolute;
        z-index: 999;
        background: #fafafa;
        padding: 10px 45px 10px 25px;
        border-radius: 15px;
        box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
        text-align: center;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 360px;
		top:120px;
}
}
@media (max-width:960px){
.contentinfo{
		font-size: 14px;
        position: inherit;
        z-index: 999;
        background: #fafafa;
        padding: 10px 35px 10px 25px;
        border-radius: 15px;
        box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
        text-align: center;
        left: -13px;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 350px;
        top: -22px;
}
}
@media (max-width:960px){
	.contentinfo{
		/*margin-top:48vh!important;*/
	}
	.subpage_hero h1{
		font-size:30px!important;
		margin-top:19vh!important;
	}
}
a.contentinfolink{
	color:#00F19F;
	font-weight:bold;
}
.contentinfofotovanbas img{
    width: 68px;
	height:77.7px;
    position: absolute;
    bottom: -4px;
    right: -32px;
}
.vc_gitem-post-data-source-post_date{
	margin-bottom: 15px;
    margin-right: 10px;
    font-size: 12px;
}
.vc_gitem-post-data-source-post_date{
	display:none;
}
@media (max-width:960px){
.footertitelnoshowmobile{
	display:none;
}
	.footertitelhelpenmet{
		display:block!important;
	}
	.footertitelnoshowdesktop{
		margin-top:35px;
	}
}
@media (min-width:960px){
.footertitelnoshowdesktop{
	display:none!important;
}
}

.content-padding{
	padding:0px 6vw 0px 6vw;
}
.img-left img{
	border-radius:20px 0px 0px 20px!important;
}