/*

Helvetica Neue LT Pro 45 Light
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: normal;

Helvetica Neue LT Pro 46 Light Italic
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 300;
font-style: italic;

Helvetica Neue LT Pro 55 Roman
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 400;
font-style: normal;

Helvetica Neue LT Pro 56 Italic
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 400;
font-style: italic;

Helvetica Neue LT Pro 75 Bold
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 700;
font-style: normal;

Helvetica Neue LT Pro 76 Bold Italic
font-family: "helvetica-neue-lt-pro", sans-serif;
font-weight: 700;
font-style: italic;


Rood: #89143c
Oranje: #ed8d00
Blauw: #62bace
Groen: #0b5a59





/* ============================================================ */

/* |||||||||||| REDEFINE HTML STYLES |||||||||||| */

body {
	font-family: "helvetica-neue-lt-pro", sans-serif;
	font-weight: 400;
	font-style: normal;

	font-size: 1.1rem;
	line-height: 1.5rem;
	color: #89143c;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: "helvetica-neue-lt-pro", sans-serif;
	font-weight: 300;
	font-style: normal;

	/*letter-spacing: 0.05rem;*/

	color: #89143c;
}

h1 {
	font-size: 5.2rem;
}

h2 {
	font-size: 2.4rem;
}

h3 {
	font-size: 1.8rem;
	line-height: 2.2rem;
}

h4 {
	font-size: 1.4rem;
	line-height: 1.5rem;
}

h5 {
	font-size: 1.2rem;
	line-height: 1.4rem;
}

h6 {
	font-size: 1.1rem;
	line-height: 1.4rem;

	font-weight: 400;
	font-style: normal;
}

a:link {
	text-decoration: none;
}

a:hover {
	color: orange !important;
}

input, textarea {
	border: 2px solid #ed8d00 !important;
	background-color: white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 25px;

	color: #89143c !important;

	font-weight: 700 !important;
	font-style: normal !important;
	font-size: 1rem !important;
	padding: 9px !important;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #89143c !important;
}

/* Form spam preventing */
#email2 {
	display: none;
}




/* ============================================================ */

/* |||||||||||| REDEFINE BOOTSTRAP STYLES |||||||||||| */

.nav_container {
	position: absolute;
	z-index: 10;
	top:22px;
}

.nav-link {
	font-family: "helvetica-neue-lt-pro", sans-serif;
	font-weight: 700;
	font-style: normal;

	color: #89143c;

	border-top: 1px solid #89143c;
}

.nav-item {
	padding-right: 10px;
}

.btn {
	font-family: "helvetica-neue-lt-pro", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.btn-dark {
	color: #89143c;

	background-color: #ed8d00;
	border: 1px solid #ed8d00;
}

.btn-dark:hover {
	color: #ed8d00 !important;

	background-color: #89143c;
	border: 1px solid ##89143c;
}

.btn-outline-dark {
	color: #89143c;

	border: 1px solid #ed8d00;
}

.btn-outline-dark:hover {
	color: #89143c !important;

	background-color: #ed8d00;
	border: 1px solid #ed8d00;
}

.carousel_image_container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: white;
  height: 500px;
}

/* SLIDER CAROUSEL */

@media (max-width: 767px) {
	.carousel_image_container {
	  height: 300px;
	}

	#scrollCarousel .carousel-inner .carousel-item > div {
		display: none;

	}
	#scrollCarousel .carousel-inner .carousel-item > div:first-child {
		display: block;
	}
}

#scrollCarousel .carousel-inner .carousel-item.active,
#scrollCarousel .carousel-inner .carousel-item-next,
#scrollCarousel .carousel-inner .carousel-item-prev {
	display: flex;
	height: 450px;
}

/* medium and up screens */
@media (min-width: 768px) {

	#scrollCarousel .carousel-inner .carousel-item-end.active,
	#scrollCarousel .carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	#scrollCarousel .carousel-inner .carousel-item-start.active,
	#scrollCarousel .carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

#scrollCarousel .carousel-inner .carousel-item-end,
#scrollCarousel .carousel-inner .carousel-item-start {
	transform: translateX(0);
}

#scrollCarousel .carousel-control-prev{
	left:-25px;
	width: 60px !important;
}

#scrollCarousel .carousel-control-next{
	right:-25px;
	width: 60px !important;
}

#scrollCarousel .carousel-control-next-icon,
#scrollCarousel .carousel-control-prev-icon {
  filter: invert(1);
}



/* ============================================================ */
/* SPACERS */

.spacemebig {
	margin-top: 100px;
}

.spacememedium {
	margin-top: 70px;
}

.spacemesmall {
	margin-top: 40px;
}



/* ============================================================ */
/* BACKGROUNDS */

.whitebackgroundme {
	background-color: white;
}

.graybackgroundme {
	background-color: lightgray;
}

.blackbackgroundme {
	background-color: black;
}

.footer-section{
	background-color: black;
}

.social_bar {
	background-color: black;
	color: white !important;
}

.redpatternbackgroundme {
	background: url(/images/red_bck.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.redlightpatternbackgroundme {
	background: url(/images/red_bck_light.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* ============================================================ */
/* TEXTCOLORS */

.graytextme {
	color: gray;
}

.whitetextme, .whitetextme p, .whitetextme a:link, .whitetextme a:visited, .whitetextme a, .whitetextme h1, .whitetextme h2, .whitetextme h3, .whitetextme h4, .whitetextme h5 {
	color: white;
}

.orangetextme, .orangetextme p, .orangetextme a:link, .orangetextme a:visited, .orangetextme a, .orangetextme h1, .orangetextme h2, .orangetextme h3, .orangetextme h4, .orangetextme h5 {
	color: #ed8d00;
}

.blacktextme, .blacktextme p, .blacktextme a:link, .blacktextme a:visited, .blacktextme a, .blacktextme h1, .blacktextme h2, .blacktextme h3, .blacktextme h4, .blacktextme h5 {
	color: black;
}


/* ============================================================ */
/* |||||||||||| CUSTOM STYLES |||||||||||| */

.parallax {
    min-height: 600px;

    background-attachment: fixed;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}

.logo_header {
	max-width: 300px;
	margin-left: 20px;
	padding-top:10px;
	padding-bottom:10px;
}

.logo_footer {
	max-width: 150px;
}

.headerimage {
	height: 500px;
}

.cta-button {
	padding: 10px;
	text-transform: uppercase;
}

.cookie-consent {
    position: fixed;
    background-color: white;
    bottom: 0;
    left: 0;
    height: 80px;
    text-align: center;
    z-index: 9999;
}

.cookie-consent button {
    margin-left: 10px;
}

.emphasize {
	font-size: 1.2rem;
}


.swiper {
	width: 100%;
	height: auto;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.testimonial_hook {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
}

.testimonial_image {
	position: absolute;
	margin: 0;
	padding: 0;
}

.testimonial_quotes {
	font-size: 2.3rem;
	padding-right: 10px;
}

.testimonial_name {
	margin-top: 28px;
}



.square-image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.square-image {
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.square-image-halfheight:before {
    content: "";
    display: block;
    padding-top: 700px;
}

.square-image-halfheight {
	float: left;
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.social_icon_light {
	color: white;
	font-size: 2rem;
	padding-right: 10px;
}

.social_icon_dark {
	color: black;
	font-size: 2rem;
	padding-right: 10px;
}

.social_icon_light:hover, .social_icon_dark:hover {
	color: orange;
}