.p-200 { padding-top:200px; padding-bottom:200px; }
.pt-200 { padding-top:200px; }
.pb-200 { padding-bottom:200px; }

.p-100 { padding-top:100px; padding-bottom:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }

.p-50 { padding-top:50px; padding-bottom:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }

@media screen and (max-width:991px) {
	.p-200 { padding-top:100px; padding-bottom:100px; }
	.pt-200 { padding-top:100px; }
	.pb-200 { padding-bottom:100px; }

	.p-100 { padding-top:50px; padding-bottom:50px; }
	.pt-100 { padding-top:50px; }
	.pb-100 { padding-bottom:50px; }

	.p-50 { padding-top:25px; padding-bottom:25px; }
	.pt-50 { padding-top:25px; }
	.pb-50 { padding-bottom:25px; }
}

.cl-orange {
	color:var(--orange);
}



body, html {
	width:100%;
	overflow:auto;
	margin:0px auto;
	background-color:black;
  color:white;
	overflow-x:hidden;
}

p {
  color:white;
  font-size:16px;
  line-height:26px;
			letter-spacing:.5px;
}

h1 {

  font-size:64px;
  line-height: 120%;
  text-transform: uppercase;
  margin:25px 0;
  font-weight:800;
  color:var(--orange);
}

h2 {
  font-size:44px;
  font-weight:500;
	font-weight:800;
}

h3 {
  font-size:32px;
	font-weight:800;
}

h4 {
  color:white;
  font-size:25px;
  font-weight:800;

}

  h4 + p {
    margin-top:25px;

  }

ul {
  padding-left:16px;
}
ul li {
  padding-bottom:20px;
	text-align:left;
}
  ul li::marker {
    color:white;
  }

.img-fluid {
	border-radius:30px;
}
  .btn {
    color:#ffffff;
    padding:6px 18px;
    text-align:center;
    margin:10px auto;
    cursor:pointer;
    border-radius:50px;
    border:1.7px solid white;
    text-transform:uppercase;
    font-weight:600;
    display:inline-block;
		background-color:transparent;
    transition:.3s;
		outline:none;
  }
	.btn:hover {
		color:var(--orange);
		border-color:var(--orange);
	}
	.btn.filled {
		background-color:var(--orange);
		border-color:var(--orange);
	}
	.btn.filled:hover {
		background-color:transparent;
	}
    .btn:active {
      box-shadow:0px 0px 30px 0px var(--orange);
    }

.row-bg {
	position:relative;
	overflow:hidden;
	z-index:1;

}
.row-bg:before {
	background: #000000;
	background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.4) 25%, rgba(0, 0, 0, 0.4) 75%, rgba(0, 0, 0, 1) 100%);
	content:" ";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.row-bg:after {
	content:" ";
	width:100%;
	height:100%;
	background-image:url('../../img/jaarafsluiting-2025/row-bg.jpg');
	background-size:cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	z-index:-2;
}
.row-bg:nth-of-type(even):after {
	transform:rotate(180deg);
}

  .top-bar {
    position:fixed;
    top:0;
    left:0;
    height:100px;
    width:100%;
    overflow:visible;
    padding:25px 0;
		z-index:2000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);

  }
		.top-bar .container {
			display:flex;
			justify-content:space-between;
			position:relative;

		}
    .top-bar .logo {
      height:50px;
      pointer-events:auto;
    }
    .top-bar .logo img {
      margin:0px auto;
      display:block;
      height:100%;
    }

		.top-bar .nav {
			display:flex;
			gap:20px;
		}


  header {
    background-image:url('../../img/jaarafsluiting-2025/Header.jpg');
    background-size:cover;
    background-position:center;
    box-shadow:inset 0px -150px 100px -50px black;
    padding-bottom:100px;

  }






.usp-block {
    color:#ffffff !important;
    background-color:black;
    padding:25px;

		position:relative;
    border-radius:50px;
    display:inline-flex;
		gap:20px;
    transition:.5s;
		border:2px solid transparent;
		flex-wrap:wrap;
		width:100%;
		margin:10px auto;
		border:2px solid var(--orange);
	 	background: linear-gradient(0deg,var(--orange) -40%, rgba(0,0,0,0) 100%);
		text-align:center;
  }



		.usp-block .text {
			flex:1;
		}
			.usp-block .text h4 {
				margin-top:30px;

			}

			.usp-block hr {
				border-color:white;
				margin:30px 40px;

			}

			.usp-block .prijs {
				margin:10px auto;
				padding:7px 18px;
				font-weight:700;
				background-color:white;
				border-radius:40px;
				color:var(--orange);
				font-size:22px;
				display:inline-block;
				width:auto;
				margin:10px auto;
			}

@media screen and (min-width:991px) {
	.usp-block {min-height:100%; 	margin:15px auto;}
		.usp-block .text h4 { min-height:60px; }
		.usp-block .text p { min-height:160px; }
		.usp-block .text ul { min-height:140px; }
}

@keyframes dropDown {
	0% { margin-top:-30px; opacity:0; }
	100% { margin-top:0; opacity:1; }
}





  /* formulier */

  .p-form {

  	height:auto;

  }
  	.p-form h2 {
  		color:white;
  		padding:0;

  	}
  	.p-form p {
  		color:white;
  	}


  .p-form label {
  	color:#aaa;

    margin-top:0px;
  	font-weight:normal;
    width:100%;
    position:relative;
    display:inline-block;
  }

  .p-form .form-control {
  	width: 100% !important;
  	height:50px !important;
  	line-height:47px;
  	border:0;
  	margin:0;
  	display:block;
  	box-shadow:none;
  	padding: 0px 25px;
  	border-radius:0;
  	-webkit-appearance:none;
  	font-size:16px;
  	color:white;
  	background-color:transparent;
  	border:1.7px solid var(--gray);
  	border-radius:50px;
  	margin:10px 0;
  	font-weight:600;

  	transition:.5s;
  }
  .p-form .form-control.hidden {
  	display:none;
  }
	.p-form .form-control option {
		color:black; 
	}


  .form-control::placeholder, .form-control:invalid {
    color: var(--gray);
  }

  	.form-control:focus {
  		border-color:var(--orange);
  		box-shadow:0px 0px 30px -10px var(--orange), inset 0px 0px 20px -10px var(--orange);
  	}

  .p-form input[type="submit"]{

	padding:0px 28px;
	height:50px;
	margin-top:17px;
	position:relative;
  }

  .p-form #message {
  	color:#000000;
  	text-align:center;
  	padding-bottom:20px;
  }

  .p-form .error {
  	border:2px solid #ff0000;
  	box-shadow:0px 0px 30px -3px #ff0000, inset 0px 0px 20px -3px #ff0000;

  }
  .wpcf7-response-output {
      background:transparent;
      color:white;
      text-align:center;
  }
  form[data-status="sent"] .p-form {
    display:none;
  }



footer {

	padding:100px 50px;
  height:auto;
  border-bottom:5px solid var(--orange);
	background-image:url('../../img/jaarafsluiting-2025/footer-bg.jpg');
	background-size:cover;
	background-position:center top;
}
  footer .logo img {
		width:90%;
		margin-bottom:10px;
  }
	footer a {
		color:white;
	}
	footer a:hover {
		color:var(--orange);
	}





  .plyr {
	  --plyr-color-main:var(--orange);
	}

	.plyr > button.plyr__control:hover {
	  transform:translate(-50%, -50%);
	}
	.plyr input[type=range] {
	  background:transparent !important;
	}
	.plyr .plyr__poster {
	  background-size:cover;
	}
	.plyr .plyr__menu__container .plyr__control>span {
	  color:var(--text_color);
	}
	.plyr .plyr__controls__item.plyr__menu {
	  display:none !important;
	}





@media screen and (max-width:991px) {
  header .payoff {
    margin-top:30px;
  }

  .usp .img {
    max-width:150px;
  }
    .usp .nr {
      margin-top:-50px;
    }

  .purple-banner#benc {
    margin-bottom:0;
    padding:50px 0px;
  }
}




/* Slick */
.slick-slider, .slick-slider .slick-track, .slick-slider .slick-list {
	overflow:visible;
}
.slick-prev {
	left:30px;
	z-index:50;
}
.slick-next {
	right:30px;
	z-index:50;
}

.slick-prev:before, .slick-next:before {
	color:var(--orange);
	opacity:1;
}

.slick-slide {
	transition:.5s;
}
.slick-slide:not(.slick-active) {
	opacity:0;
	transform:scale(.7);

}

.slick-dots {
	top:-40px;
	position:relative;
}
	.slick-dots li button::before {
		color:var(--orange);
		opacity:1;
		font-size:0px;
		width:14px;
		height:14px;
		border:1px solid var(--orange);
		border-radius:20px;
	}
		.slick-dots li.slick-active button::before {
			background-color:white;
		}


	@media screen and (max-width:991px) {
		.top-bar .nav {
			display:none;
		}

		h1 {
			font-size:40px;
		}
		h2 {
			font-size:30px;
		}
		h3 {
			font-size:26px;
		}
	}

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

		h1 {
			font-size:30px;
		}
		h2 {
			font-size:25px;
		}
		h3 {
			font-size:20px;
		}

	}