/**
 * Crossmediahouse - Wordpress theme
 *
 * @authors   Niek Heerink <crossmediahouse.nl>
 * @version   1.0
 * @generated 2021-07-03
 * @copyright (c) 2021 Crossmediahouse
 * @license   All Rights Reserved
 */

 /* Fonts
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Karla:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@700;800&display=swap');

/* Globals
   ========================================================================== */

:root {

	font-size: var(--size-2);

	/** Gutters **/

	--gutter-lg: 15px;
	--gutter-sm: 7.5px;

	/** Container **/

	--container: 1160px;

	/** Size **/

	--size-0: .75rem;
	--size-1: .875rem;
	--size-2: 1rem;
	--size-3: 1.125rem;
	--size-4: 1.25rem;
	--size-5: 1.375rem;
	--size-6: 1.5rem;

	/** Headings **/

	--heading-0: 1.75rem;
	--heading-1: 2rem;
	--heading-2: 2.5rem;
	--heading-3: 3.5rem;
	--heading-4: 5rem;

	/** Line **/

	--line-0: 2rem;
	--line-1: 2.25rem;
	--line-2: 3rem;
	--line-3: 3.75rem;

	/** Weights **/

	--weight-0: 500;
	--weight-1: 600;
	--weight-2: 700;
	--weight-3: 800;

	/** Colors **/

	--color-0: #AB8EBD;
	--color-1: #ECECEC;
	--color-2: #CF006C;
	--color-3: #5C277A;
	--color-4: #F08A85;
	--color-5: #FAF4EA;
	--color-6: #C5BAE3;
	--color-7: #492457;
	--color-8: #502866;
	--color-9: #FFFFFF;

}

* {
	padding: 0;
	margin: 0;
}

*, *:before, *:after {
    box-sizing: border-box;
}

html, 
body {
	font-size: var(--size-5);
	line-height: var(--line-1);
	color: var(--color-3);
	font-family: 'Karla', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

iframe {
	max-width: 100%;
	border: 0;
}

blockquote:before, 
blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	vertical-align: top;
	text-align: left;
	padding: 15px 0;
}

a, 
a:before, a:after, 
button, 
[type="submit"], 
[type="button"] {
	-webkit-transition: all .3s;
	transition: all .3s;
	outline: none;
}

[type="submit"], 
[type="button"], 
button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

[type="text"],
[type="tel"],
[type="email"],
[type="search"],
[type="password"],
textarea {
	font-size: inherit;
	font-family: inherit;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Darker Grotesque', sans-serif;
}

/* Container
   ========================================================================== */

.container {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 0 var(--gutter-lg);
	max-width: var(--container);
	margin: auto;
}

/* Row
   ========================================================================== */

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

/* Alignments
   ========================================================================== */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin: auto;
	text-align: center;
	clear: both;
}

/* Position spacers
   ========================================================================== */

.top-1 {
	top: 1px;
}

.top-2 {
	top: 2px;
}

.top-3 {
	top: 3px;
}

.top-4 {
	top: 4px;
}

.top-5 {
	top: 5px;
}

.top-6 {
	top: 6px;
}

.top-7 {
	top: 7px;
}

.top-8 {
	top: 8px;
}

.top-9 {
	top: 9px;
}

.top-10 {
	top: 10px;
}

.top-11 {
	top: 11px;
}

.top-12 {
	top: 12px;
}

.top-13 {
	top: 13px;
}

.top-14 {
	top: 14px;
}

.top-15 {
	top: 15px;
}

.top-20 {
	top: 20px;
}

/* Spacers padding top
   ========================================================================== */

.pt-1 {
	padding-top: 1px;
}

.pt-2 {
	padding-top: 2px;
}

.pt-3 {
	padding-top: 3px;
}

.pt-4 {
	padding-top: 4px;
}

.pt-5 {
	padding-top: 5px;
}

.pt-6 {
	padding-top: 6px;
}

.pt-7 {
	padding-top: 7px;
}

.pt-8 {
	padding-top: 8px;
}

.pt-9 {
	padding-top: 9px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-11 {
	padding-top: 11px;
}

.pt-12 {
	padding-top: 12px;
}

.pt-13 {
	padding-top: 13px;
}

.pt-14 {
	padding-top: 14px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-75 {
	padding-top: 75px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-125 {
	padding-top: 125px;
}

.pt-150 {
	padding-top: 150px;
}

.pt-200 {
	padding-top: 200px;
}

.pt-250 {
	padding-top: 250px;
}

.pt-300 {
	padding-top: 300px;
}

@media (max-width: 992px) {

	.pt-md-0 {
		padding-top: 0;
	}

	.pt-md-1 {
	   padding-top: 1px;
	}

	.pt-md-2 {
		padding-top: 2px;
	}

	.pt-md-3 {
		padding-top: 3px;
	}

	.pt-md-4 {
		padding-top: 4px;
	}

	.pt-md-5 {
	    padding-top: 5px;
    }

	.pt-md-10 {
		padding-top: 10px;
	}

	.pt-md-15 {
		padding-top: 15px;
	}

	.pt-md-20 {
		padding-top: 20px;
	}

	.pt-md-25 {
		padding-top: 25px;
	}

	.pt-md-30 {
		padding-top: 30px;
	}

	.pt-md-40 {
		padding-top: 40px;
	}

	.pt-md-50 {
		padding-top: 50px;
	}

	.pt-md-75 {
		padding-top: 75px;
	}

	.pt-md-100 {
		padding-top: 100px;
	}

	.pt-md-125 {
		padding-top: 125px;
	}

	.pt-md-150 {
		padding-top: 150px;
	}

	.pt-md-200 {
		padding-top: 200px;
	}

	.pt-md-250 {
		padding-top: 250px;
	}

	.pt-md-300 {
		padding-top: 300px;
	}

}

@media (max-width: 767px) {

	.pt-sm-0 {
		padding-top: 0;
	}

	.pt-sm-1 {
	    padding-top: 1px;
	}

	.pt-sm-2 {
		padding-top: 2px;
	}

	.pt-sm-3 {
		padding-top: 3px;
	}

	.pt-sm-4 {
		padding-top: 4px;
	}

	.pt-sm-5 {
	    padding-top: 5px;
    }

	.pt-sm-10 {
		padding-top: 10px;
	}

	.pt-sm-15 {
		padding-top: 15px;
	}

	.pt-sm-20 {
		padding-top: 20px;
	}

	.pt-sm-25 {
		padding-top: 25px;
	}

	.pt-sm-30 {
		padding-top: 30px;
	}

	.pt-sm-40 {
		padding-top: 40px;
	}

	.pt-sm-50 {
		padding-top: 50px;
	}

	.pt-sm-75 {
		padding-top: 75px;
	}

	.pt-sm-100 {
		padding-top: 100px;
	}

	.pt-sm-125 {
		padding-top: 125px;
	}

	.pt-sm-150 {
		padding-top: 150px;
	}

	.pt-sm-200 {
		padding-top: 200px;
	}

	.pt-sm-250 {
		padding-top: 250px;
	}

	.pt-sm-300 {
		padding-top: 300px;
	}

}

@media (max-width: 499px) {

	.pt-xs-0 {
		padding-top: 0;
	}

	.pt-xs-1 {
	    padding-top: 1px;
	}

	.pt-xs-2 {
		padding-top: 2px;
	}

	.pt-xs-3 {
		padding-top: 3px;
	}

	.pt-xs-4 {
		padding-top: 4px;
	}

	.pt-xs-5 {
	    padding-top: 5px;
    }

	.pt-xs-10 {
		padding-top: 10px;
	}

	.pt-xs-15 {
		padding-top: 15px;
	}

	.pt-xs-20 {
		padding-top: 20px;
	}

	.pt-xs-25 {
		padding-top: 25px;
	}

	.pt-xs-30 {
		padding-top: 30px;
	}

	.pt-xs-40 {
		padding-top: 40px;
	}

	.pt-xs-50 {
		padding-top: 50px;
	}

	.pt-xs-75 {
		padding-top: 75px;
	}

	.pt-xs-100 {
		padding-top: 100px;
	}

	.pt-xs-125 {
		padding-top: 125px;
	}

	.pt-xs-150 {
		padding-top: 150px;
	}

	.pt-xs-200 {
		padding-top: 200px;
	}

	.pt-xs-250 {
		padding-top: 250px;
	}

	.pt-xs-300 {
		padding-top: 300px;
	}

}

/* Spacers padding bottom
   ========================================================================== */

.pb-1 {
	padding-bottom: 1px;
}

.pb-2 {
	padding-bottom: 2px;
}

.pb-3 {
	padding-bottom: 3px;
}

.pb-4 {
	padding-bottom: 4px;
}

.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-125 {
	padding-bottom: 125px;
}

.pb-150 {
	padding-bottom: 150px;
}	

.pb-200 {
	padding-bottom: 200px;
}

.pb-250 {
	padding-bottom: 250px;
}

.pb-300 {
	padding-bottom: 300px;
}

.pb-350 {
	padding-bottom: 350px;
}

@media (max-width: 992px) {

	.pb-md-0 {
		padding-bottom: 0;
	}

	.pb-md-1 {
	    padding-bottom: 1px;
	}

	.pb-md-2 {
		padding-bottom: 2px;
	}

	.pb-md-3 {
		padding-bottom: 3px;
	}

	.pb-md-4 {
		padding-bottom: 4px;
	}

	.pb-md-5 {
	    padding-bottom: 5px;
    }

	.pb-md-10 {
		padding-bottom: 10px;
	}

	.pb-md-15 {
		padding-bottom: 15px;
	}

	.pb-md-20 {
		padding-bottom: 20px;
	}

	.pb-md-25 {
		padding-bottom: 25px;
	}

	.pb-md-30 {
		padding-bottom: 30px;
	}

	.pb-md-40 {
		padding-bottom: 40px;
	}

	.pb-md-50 {
		padding-bottom: 50px;
	}

	.pb-md-75 {
		padding-bottom: 75px;
	}

	.pb-md-100 {
		padding-bottom: 100px;
	}

	.pb-md-125 {
	    padding-bottom: 125px;
    }

	.pb-md-150 {
		padding-bottom: 150px;
	}	

	.pb-md-200 {
		padding-bottom: 200px;
	}

	.pb-md-250 {
		padding-bottom: 250px;
	}

	.pb-md-300 {
		padding-bottom: 300px;
	}

}

@media (max-width: 767px) {

	.pb-sm-0 {
		padding-bottom: 0;
	}

	.pb-sm-1 {
	    padding-bottom: 1px;
	}

	.pb-sm-2 {
		padding-bottom: 2px;
	}

	.pb-sm-3 {
		padding-bottom: 3px;
	}

	.pb-sm-4 {
		padding-bottom: 4px;
	}

	.pb-sm-5 {
	    padding-bottom: 5px;
    }

	.pb-sm-10 {
		padding-bottom: 10px;
	}

	.pb-sm-15 {
		padding-bottom: 15px;
	}

	.pb-sm-20 {
		padding-bottom: 20px;
	}

	.pb-sm-25 {
		padding-bottom: 25px;
	}

	.pb-sm-30 {
		padding-bottom: 30px;
	}

	.pb-sm-40 {
		padding-bottom: 40px;
	}

	.pb-sm-50 {
		padding-bottom: 50px;
	}

	.pb-sm-75 {
		padding-bottom: 75px;
	}

	.pb-sm-100 {
		padding-bottom: 100px;
	}

	.pb-sm-125 {
		padding-bottom: 125px;
	}

	.pb-sm-150 {
		padding-bottom: 150px;
	}	

	.pb-sm-200 {
		padding-bottom: 200px;
	}

	.pb-sm-250 {
		padding-bottom: 250px;
	}

	.pb-sm-300 {
		padding-bottom: 300px;
	}

}

@media (max-width: 499px) {

	.pb-xs-0 {
		padding-bottom: 0;
	}

	.pb-xs-1 {
	    padding-bottom: 1px;
	}

	.pb-xs-2 {
		padding-bottom: 2px;
	}

	.pb-xs-3 {
		padding-bottom: 3px;
	}

	.pb-xs-4 {
		padding-bottom: 4px;
	}

	.pb-xs-5 {
	    padding-bottom: 5px;
    }

	.pb-xs-10 {
		padding-bottom: 10px;
	}

	.pb-xs-15 {
		padding-bottom: 15px;
	}

	.pb-xs-20 {
		padding-bottom: 20px;
	}

	.pb-xs-25 {
		padding-bottom: 25px;
	}

	.pb-xs-30 {
		padding-bottom: 30px;
	}

	.pb-xs-40 {
		padding-bottom: 40px;
	}

	.pb-xs-50 {
		padding-bottom: 50px;
	}

	.pb-xs-75 {
		padding-bottom: 75px;
	}

	.pb-xs-100 {
		padding-bottom: 100px;
	}

	.pb-xs-125 {
		padding-bottom: 125px;
	}

	.pb-xs-150 {
		padding-bottom: 150px;
	}	

	.pb-xs-200 {
		padding-bottom: 200px;
	}

	.pb-xs-250 {
		padding-bottom: 250px;
	}

	.pb-xs-300 {
		padding-bottom: 300px;
	}

}

/* Spacers padding left
   ========================================================================== */

.pl-1 {
	padding-left: 1px;
}

.pl-2 {
	padding-left: 2px;
}

.pl-3 {
	padding-left: 3px;
}

.pl-4 {
	padding-left: 4px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-100 {
	padding-left: 100px;
}

.pl-150 {
	padding-left: 150px;
}

.pl-200 {
	padding-left: 200px;
}

@media (max-width: 992px) {

	.pl-md-0 {
		padding-left: 0;
	}

	.pl-md-1 {
	    padding-left: 1px;
	}

	.pl-md-2 {
		padding-left: 2px;
	}

	.pl-md-3 {
		padding-left: 3px;
	}

	.pl-4 {
		padding-left: 4px;
	}

	.pl-md-5 {
	    padding-left: 5px;
	}

	.pl-md-10 {
		padding-left: 10px;
	}

	.pl-md-15 {
		padding-left: 15px;
	}

	.pl-md-20 {
		padding-left: 20px;
	}

	.pl-md-25 {
		padding-left: 25px;
	}

	.pl-md-30 {
		padding-left: 30px;
	}

	.pl-md-40 {
		padding-left: 40px;
	}

	.pl-md-50 {
		padding-left: 50px;
	}

	.pl-md-75 {
		padding-left: 75px;
	}

	.pl-md-100 {
		padding-left: 100px;
	}

	.pl-md-150 {
		padding-left: 150px;
	}

	.pl-md-200 {
		padding-left: 200px;
	}

}

@media (max-width: 767px) {

	.pl-sm-0 {
		padding-left: 0;
	}

	.pl-sm-1 {
	    padding-left: 1px;
	}

	.pl-sm-2 {
		padding-left: 2px;
	}

	.pl-sm-3 {
		padding-left: 3px;
	}

	.pl-sm-4 {
		padding-left: 4px;
	}

	.pl-sm-5 {
	    padding-left: 5px;
	}

	.pl-sm-10 {
		padding-left: 10px;
	}

	.pl-sm-15 {
		padding-left: 15px;
	}

	.pl-sm-20 {
		padding-left: 20px;
	}

	.pl-sm-25 {
		padding-left: 25px;
	}

	.pl-sm-30 {
		padding-left: 30px;
	}

	.pl-sm-40 {
		padding-left: 40px;
	}

	.pl-sm-50 {
		padding-left: 50px;
	}

	.pl-sm-75 {
		padding-left: 75px;
	}

	.pl-sm-100 {
		padding-left: 100px;
	}

	.pl-sm-150 {
		padding-left: 150px;
	}

	.pl-sm-200 {
		padding-left: 200px;
	}

}

@media (max-width: 499px) {

	.pl-xs-0 {
		padding-left: 0;
	}

	.pl-xs-1 {
	    padding-left: 1px;
	}

	.pl-xs-2 {
		padding-left: 2px;
	}

	.pl-xs-3 {
		padding-left: 3px;
	}

	.pl-xs-4 {
		padding-left: 4px;
	}

	.pl-xs-5 {
	    padding-left: 5px;
	}

	.pl-xs-10 {
		padding-left: 10px;
	}

	.pl-xs-15 {
		padding-left: 15px;
	}

	.pl-xs-20 {
		padding-left: 20px;
	}

	.pl-xs-25 {
		padding-left: 25px;
	}

	.pl-xs-30 {
		padding-left: 30px;
	}

	.pl-xs-40 {
		padding-left: 40px;
	}

	.pl-xs-50 {
		padding-left: 50px;
	}

	.pl-xs-75 {
		padding-left: 75px;
	}

	.pl-xs-100 {
		padding-left: 100px;
	}

	.pl-xs-150 {
		padding-left: 150px;
	}

	.pl-xs-200 {
		padding-left: 200px;
	}

}

/* Spacers padding right
   ========================================================================== */

.pr-1 {
	padding-right: 1px;
}

.pr-2 {
	padding-right: 2px;
}

.pr-3 {
	padding-right: 3px;
}

.pr-4 {
	padding-right: 4px;
}

.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-100 {
	padding-right: 100px;
}

.pr-150 {
	padding-right: 150px;
}

.pr-200 {
	padding-right: 200px;
}

@media (max-width: 992px) {

	.pr-md-0 {
		padding-right: 0;
	}

	.pr-md-1 {
	    padding-right: 1px;
	}

	.pr-md-2 {
		padding-right: 2px;
	}

	.pr-md-3 {
		padding-right: 3px;
	}

	.pr-md-4 {
		padding-right: 4px;
	}

	.pr-md-5 {
	    padding-right: 5px;
	}

	.pr-md-10 {
		padding-right: 10px;
	}

	.pr-md-15 {
		padding-right: 15px;
	}

	.pr-md-20 {
		padding-right: 20px;
	}

	.pr-md-25 {
		padding-right: 25px;
	}

	.pr-md-30 {
		padding-right: 30px;
	}

	.pr-md-40 {
		padding-right: 40px;
	}

	.pr-md-50 {
		padding-right: 50px;
	}

	.pr-md-75 {
		padding-right: 75px;
	}

	.pr-md-100 {
		padding-right: 100px;
	}

	.pr-md-150 {
		padding-right: 150px;
	}

	.pr-md-200 {
		padding-right: 200px;
	}

}

@media (max-width: 767px) {

	.pr-sm-0 {
		padding-right: 0;
	}

	.pr-sm-1 {
	    padding-right: 1px;
	}

	.pr-sm-2 {
		padding-right: 2px;
	}

	.pr-sm-3 {
		padding-right: 3px;
	}

	.pr-sm-4 {
		padding-right: 4px;
	}

	.pr-sm-5 {
	    padding-right: 5px;
	}

	.pr-sm-10 {
		padding-right: 10px;
	}

	.pr-sm-15 {
		padding-right: 15px;
	}

	.pr-sm-20 {
		padding-right: 20px;
	}

	.pr-sm-25 {
		padding-right: 25px;
	}

	.pr-sm-30 {
		padding-right: 30px;
	}

	.pr-sm-40 {
		padding-right: 40px;
	}

	.pr-sm-50 {
		padding-right: 50px;
	}

	.pr-sm-75 {
		padding-right: 75px;
	}

	.pr-sm-100 {
		padding-right: 100px;
	}

	.pr-sm-150 {
		padding-right: 150px;
	}

	.pr-sm-200 {
		padding-right: 200px;
	}

}

@media (max-width: 499px) {

	.pr-xs-0 {
		padding-right: 0;
	}

	.pr-xs-1 {
	    padding-right: 1px;
	}

	.pr-xs-2 {
		padding-right: 2px;
	}

	.pr-xs-3 {
		padding-right: 3px;
	}

	.pr-xs-4 {
		padding-right: 4px;
	}

	.pr-xs-5 {
	    padding-right: 5px;
	}

	.pr-xs-10 {
		padding-right: 10px;
	}

	.pr-xs-15 {
		padding-right: 15px;
	}

	.pr-xs-20 {
		padding-right: 20px;
	}

	.pr-xs-25 {
		padding-right: 25px;
	}

	.pr-xs-30 {
		padding-right: 30px;
	}

	.pr-xs-40 {
		padding-right: 40px;
	}

	.pr-xs-50 {
		padding-right: 50px;
	}

	.pr-xs-75 {
		padding-right: 75px;
	}

	.pr-xs-100 {
		padding-right: 100px;
	}

	.pr-xs-150 {
		padding-right: 150px;
	}

	.pr-xs-200 {
		padding-right: 200px;
	}

}

/* Spacers margin top
   ========================================================================== */

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

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

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

.mt-25 {
	margin-top: 25px;
}

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

.mt-40 {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-150 {
	margin-top: 150px;
}

.mt-200 {
	margin-top: 200px;
}

.mt-250 {
	margin-top: 250px;
}

.mt-300 {
	margin-top: 300px;
}

@media (max-width: 992px) {

	.mt-md-5 {
	    margin-top: 5px;
	}

	.mt-md-10 {
		margin-top: 10px;
	}

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

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

	.mt-md-25 {
		margin-top: 25px;
	}

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

	.mt-md-40 {
		margin-top: 40px;
	}

	.mt-md-50 {
		margin-top: 50px;
	}

	.mt-md-75 {
		margin-top: 75px;
	}

	.mt-md-100 {
		margin-top: 100px;
	}

	.mt-md-150 {
		margin-top: 150px;
	}

	.mt-md-200 {
		margin-top: 200px;
	}

	.mt-md-250 {
		margin-top: 250px;
	}

	.mt-md-300 {
		margin-top: 300px;
	}

}

@media (max-width: 767px) {

	.mt-sm-5 {
	    margin-top: 5px;
	}

	.mt-sm-10 {
		margin-top: 10px;
	}

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

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

	.mt-sm-25 {
		margin-top: 25px;
	}

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

	.mt-sm-40 {
		margin-top: 40px;
	}

	.mt-sm-50 {
		margin-top: 50px;
	}

	.mt-sm-75 {
		margin-top: 75px;
	}

	.mt-sm-100 {
		margin-top: 100px;
	}

	.mt-sm-150 {
		margin-top: 150px;
	}

	.mt-sm-200 {
		margin-top: 200px;
	}

	.mt-sm-250 {
		margin-top: 250px;
	}

	.mt-sm-300 {
		margin-top: 300px;
	}

}

@media (max-width: 499px) {

	.mt-xs-5 {
	    margin-top: 5px;
	}

	.mt-xs-10 {
		margin-top: 10px;
	}

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

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

	.mt-xs-25 {
		margin-top: 25px;
	}

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

	.mt-xs-40 {
		margin-top: 40px;
	}

	.mt-xs-50 {
		margin-top: 50px;
	}

	.mt-xs-75 {
		margin-top: 75px;
	}

	.mt-xs-100 {
		margin-top: 100px;
	}

	.mt-xs-150 {
		margin-top: 150px;
	}

	.mt-xs-200 {
		margin-top: 200px;
	}

	.mt-xs-250 {
		margin-top: 250px;
	}

	.mt-xs-300 {
		margin-top: 300px;
	}

}

/* Spacers margin bottom
   ========================================================================== */

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

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

.mb-25 {
	margin-bottom: 25px;
}

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

.mb-40 {
	margin-bottom: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-150 {
	margin-bottom: 150px;
}	

.mb-200 {
	margin-bottom: 200px;
}

.mb-250 {
	margin-bottom: 250px;
}

.mb-300 {
	margin-bottom: 300px;
}

@media (max-width: 992px) {

	.mb-md-5 {
	    margin-bottom: 5px;
	}

	.mb-md-10 {
		margin-bottom: 10px;
	}

	.mb-md-15 {
		margin-bottom: 15px;
	}

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

	.mb-md-25 {
		margin-bottom: 25px;
	}

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

	.mb-md-40 {
		margin-bottom: 40px;
	}

	.mb-md-50 {
		margin-bottom: 50px;
	}

	.mb-md-75 {
		margin-bottom: 75px;
	}

	.mb-md-100 {
		margin-bottom: 100px;
	}

	.mb-md-150 {
		margin-bottom: 150px;
	}

	.mb-md-200 {
		margin-bottom: 200px;
	}

	.mb-md-250 {
		margin-bottom: 250px;
	}

	.mb-md-300 {
		margin-bottom: 300px;
	}

}

@media (max-width: 767px) {

	.mb-sm-5 {
	    margin-bottom: 5px;
	}

	.mb-sm-10 {
		margin-bottom: 10px;
	}

	.mb-sm-15 {
		margin-bottom: 15px;
	}

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

	.mb-sm-25 {
		margin-bottom: 25px;
	}

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

	.mb-sm-40 {
		margin-bottom: 40px;
	}

	.mb-sm-50 {
		margin-bottom: 50px;
	}

	.mb-sm-75 {
		margin-bottom: 75px;
	}

	.mb-sm-100 {
		margin-bottom: 100px;
	}

	.mb-sm-150 {
		margin-bottom: 150px;
	}

	.mb-sm-200 {
		margin-bottom: 200px;
	}

	.mb-sm-250 {
		margin-bottom: 250px;
	}

	.mb-sm-300 {
		margin-bottom: 300px;
	}

}

@media (max-width: 499px) {

	.mb-xs-5 {
	    margin-bottom: 5px;
	}

	.mb-xs-10 {
		margin-bottom: 10px;
	}

	.mb-xs-15 {
		margin-bottom: 15px;
	}

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

	.mb-xs-25 {
		margin-bottom: 25px;
	}

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

	.mb-xs-40 {
		margin-bottom: 40px;
	}

	.mb-xs-50 {
		margin-bottom: 50px;
	}

	.mb-xs-75 {
		margin-bottom: 75px;
	}

	.mb-xs-100 {
		margin-bottom: 100px;
	}

	.mb-xs-150 {
		margin-bottom: 150px;
	}

	.mb-xs-200 {
		margin-bottom: 200px;
	}

	.mb-xs-250 {
		margin-bottom: 250px;
	}

	.mb-xs-300 {
		margin-bottom: 300px;
	}

}

/* Block sizes
   ========================================================================== */

.blk-12 {
    width: 100%;
}

.blk-11 {
    width: 91.66666667%;
}

.blk-10 {
    width: 83.33333333%;
}

.blk-9 {
	width: 75%;
}

.blk-8 {
    width: 66.66666667%;
}

.blk-7 {
    width: 58.33333333%;
}

.blk-6 {
    width: 50%;
}

.blk-5 {
    width: 41.66666667%;
}

.blk-4 {
    width: 33.33333333%;
}

.blk-3 {
    width: 25%;
}

.blk-2 {
    width: 16.66666667%;
}

.blk-1 {
    width: 8.33333333%;
}

@media (max-width: 1200px) {

	.blk-lg-12 {
	    width: 100%;
	}

	.blk-lg-11 {
	    width: 91.66666667%;
	}

	.blk-lg-10 {
	    width: 83.33333333%;
	}

	.blk-lg-9 {
		width: 75%;
	}

	.blk-lg-8 {
	    width: 66.66666667%;
	}

	.blk-lg-7 {
	    width: 58.33333333%;
	}

	.blk-lg-6 {
	    width: 50%;
	}

	.blk-lg-5 {
	    width: 41.66666667%;
	}

	.blk-lg-4 {
	    width: 33.33333333%;
	}

	.blk-lg-3 {
	    width: 25%;
	}

	.blk-lg-2 {
	    width: 16.66666667%;
	}

	.blk-lg-1 {
	    width: 8.33333333%;
	}

}

@media (max-width: 992px) {

	.blk-md-12 {
	    width: 100%;
	}

	.blk-md-11 {
	    width: 91.66666667%;
	}

	.blk-md-10 {
	    width: 83.33333333%;
	}

	.blk-md-9 {
		width: 75%;
	}

	.blk-md-8 {
	    width: 66.66666667%;
	}

	.blk-md-7 {
	    width: 58.33333333%;
	}

	.blk-md-6 {
	    width: 50%;
	}

	.blk-md-5 {
	    width: 41.66666667%;
	}

	.blk-md-4 {
	    width: 33.33333333%;
	}

	.blk-md-3 {
	    width: 25%;
	}

	.blk-md-2 {
	    width: 16.66666667%;
	}

	.blk-md-1 {
	    width: 8.33333333%;
	}

}

@media (max-width: 767px) {

	.blk-sm-12 {
	    width: 100%;
	}

	.blk-sm-11 {
	    width: 91.66666667%;
	}

	.blk-sm-10 {
	    width: 83.33333333%;
	}

	.blk-sm-9 {
		width: 75%;
	}

	.blk-sm-8 {
	    width: 66.66666667%;
	}

	.blk-sm-7 {
	    width: 58.33333333%;
	}

	.blk-sm-6 {
	    width: 50%;
	}

	.blk-sm-5 {
	    width: 41.66666667%;
	}

	.blk-sm-4 {
	    width: 33.33333333%;
	}

	.blk-sm-3 {
	    width: 25%;
	}

	.blk-sm-2 {
	    width: 16.66666667%;
	}

	.blk-sm-1 {
	    width: 8.33333333%;
	}

}

@media (max-width: 499px) {

	.blk-xs-12 {
	    width: 100%;
	}

	.blk-xs-11 {
	    width: 91.66666667%;
	}

	.blk-xs-10 {
	    width: 83.33333333%;
	}

	.blk-xs-9 {
		width: 75%;
	}

	.blk-xs-8 {
	    width: 66.66666667%;
	}

	.blk-xs-7 {
	    width: 58.33333333%;
	}

	.blk-xs-6 {
	    width: 50%;
	}

	.blk-xs-5 {
	    width: 41.66666667%;
	}

	.blk-xs-4 {
	    width: 33.33333333%;
	}

	.blk-xs-3 {
	    width: 25%;
	}

	.blk-xs-2 {
	    width: 16.66666667%;
	}

	.blk-xs-1 {
	    width: 8.33333333%;
	}

}

/* Block paddings
   ========================================================================== */

.blk-1, 
.blk-2, 
.blk-3, 
.blk-4, 
.blk-5, 
.blk-6, 
.blk-7, 
.blk-8, 
.blk-9, 
.blk-10, 
.blk-11, 
.blk-12 {
	padding-right: var(--gutter-lg);
    padding-left: var(--gutter-lg);
}

.blk-pl-3 {
    padding-left: 25%;
}

.blk-pl-2 {
    padding-left: 16.66666667%;
}

.blk-pl-1 {
    padding-left: 8.33333333%;
}

.blk-pr-3 {
    padding-right: 25%;
}

.blk-pr-2 {
    padding-right: 16.66666667%;
}

.blk-pr-1 {
    padding-right: 8.33333333%;
}

/* Gutters
   ========================================================================== */

.gutter {
	padding: 0 var(--gutter-lg);
}

.gutter-sm {
	padding: 0 var(--gutter-sm);
}

.no-gutter {
	padding: 0;
	margin: 0;
}

@media (max-width: 767px) {

	.no-gutter-sm {
		padding: 0;
		margin: 0;		
	}

}

/* Sizes
   ========================================================================== */

.width-100 {
	width: 100%;
}

.height-100 {
	height: 100%;
}

/* Padding
   ========================================================================== */

.no-padding {
	padding: 0;
}

/* Margin
   ========================================================================== */

.no-margin {
	margin: 0;
}

/* List
   ========================================================================== */

.no-list {
	list-style-type: none;
}

/* Display
   ========================================================================== */

.display-block {
	display: block;
}

.display-inline-block {
	display: inline-block;
}

.display-flex {
	display: flex;
}

.display-none {
	display: none;
}

/* Positions
   ========================================================================== */

.position-absolute {
	position: absolute;
}

.position-relative {
	position: relative;
}

.position-sticky {
	position: sticky;
}

.position-fixed {
	position: fixed;
}

/* Locations
   ========================================================================== */

.top-left {
	top: 0;
	left: 0;
}

.top-right {
	top: 0;
	right: 0;
}

.bottom-left {
	bottom: 0;
	left: 0;
}

.bottom-right {
	bottom: 0;
	right: 0;
}

/* Flex
   ========================================================================== */

.flex-wrap {
	flex-wrap: wrap;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

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

.flex-row {
	flex-direction: row;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-center {
	justify-content: center;
}

.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

@media (max-width: 767px) {

	.flex-start-sm {
		justify-content: flex-start;
	}

}

/* Order
   ========================================================================== */

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.order-3 {
	order: 3;
}

@media (max-width: 992px) {

	.order-md-1 {
		order: 1;
	}

	.order-md-2 {
		order: 2;
	}

	.order-md-3 {
		order: 3;
	}

}

@media (max-width: 767px) {

	.order-sm-1 {
		order: 1;
	}

	.order-sm-2 {
		order: 2;
	}

	.order-sm-3 {
		order: 3;
	}

}

@media (max-width: 499px) {

	.order-xs-1 {
		order: 1;
	}

	.order-xs-2 {
		order: 2;
	}

	.order-xs-3 {
		order: 3;
	}

}

/* Text alignment
   ========================================================================== */

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

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

@media (max-width: 992px) {

	.text-center-md {
		text-align: center;
	}

	.text-left-md {
	   text-align: left;
	}

	.text-right-md {
		text-align: right;
	}

}

@media (max-width: 767px) {

	.text-center-sm {
		text-align: center;
	}

	.text-left-sm {
	   text-align: left;
	}

	.text-right-sm {
		text-align: right;
	}

}

@media (max-width: 499px) {

	.text-center-xs {
		text-align: center;
	}

	.text-left-xs {
	   text-align: left;
	}

	.text-right-xs {
		text-align: right;
	}

}

/* Hide elements
   ========================================================================== */

@media (max-width: 1200px) {

	.hidden-xl {
		display: none;
	}

}

@media (max-width: 992px) {

	.hidden-md {
		display: none;
	}

}

@media (max-width: 767px) {

	.hidden-sm {
		display: none;
	}

}

@media (max-width: 499px) {

	.hidden-xs {
		display: none;
	}

}

/* Curve
   ========================================================================== */

.curve-0 {
	border-radius: 10px 10px 10px 60px;
}

.curve-1 {
	border-radius: 0 0 20px 200px;
}

.curve-2 {
	border-radius: 20px 0 20px 200px;
}

.curve-3 {
	border-radius: 20px 20px 100px 20px;
}

.curve-4 {
	border-radius: 10px 10px 10px 100px;
}

@media (max-width: 767px) {

	.no-curve-sm {
		border-radius: 0;
	}

	.curve-2 {
		border-radius: 20px 0 20px 100px;
	}

	.curve-3 {
		border-radius: 20px 20px 50px 20px;
	}

	.curve-sm-5 {
		border-radius: 20px;
	}

}

/* Globals
   ========================================================================== */

/** Size **/

.size-0{font-size:var(--size-0);}
.size-1{font-size:var(--size-1);}
.size-2{font-size:var(--size-2);}
.size-3{font-size:var(--size-3);}
.size-4{font-size:var(--size-4);}
.size-5{font-size:var(--size-5);}
.size-6{font-size:var(--size-6);}

/** Headings **/

.heading-0{font-size:var(--heading-0);}
.heading-1{font-size:var(--heading-1);}
.heading-2{font-size:var(--heading-2);}
.heading-3{font-size:var(--heading-3);}
.heading-4{font-size:var(--heading-4);}

/** Line **/

.line-0{line-height:var(--line-0);}
.line-1{line-height:var(--line-1);}
.line-2{line-height:var(--line-2);}
.line-3{line-height:var(--line-3);}

/** Weights **/

.weight-0{font-weight:var(--weight-0);}
.weight-1{font-weight:var(--weight-1);}
.weight-2{font-weight:var(--weight-2);}
.weight-3{font-weight:var(--weight-3);}

/** Colors **/

.color-0{color:var(--color-0);}
.color-1{color:var(--color-1);}
.color-2{color:var(--color-2);}
.color-3{color:var(--color-3);}
.color-4{color:var(--color-4);}
.color-5{color:var(--color-5);}
.color-6{color:var(--color-6);}
.color-7{color:var(--color-7);}
.color-8{color:var(--color-8);}
.color-9{color:var(--color-9);}

/** Backgrounds **/

.background-0{background:var(--color-0);}
.background-1{background:var(--color-1);}
.background-2{background:var(--color-2);}
.background-3{background:var(--color-3);}
.background-4{background:var(--color-4);}
.background-5{background:var(--color-5);}
.background-6{background:var(--color-6);}
.background-7{background:var(--color-7);}
.background-8{background:var(--color-8);}
.background-9{background:var(--color-9);}

@media (max-width: 992px) {

	.heading-4 {
		font-size: 4.5rem;
	}

	.heading-2 {
		font-size: 2rem;
	}
}

/* Buttons
   ========================================================================== */

.btn {
	display: inline-block;
	font-size: var(--size-3);
	font-weight: var(--weight-3);
	padding: 20px 30px !important;
	text-decoration: none;
	cursor: pointer;
}

.btn--0 {
	background: var(--color-2);
	color: var(--color-9);
	border-radius: 5px 20px 20px;
}

.btn--0:hover {
	background: #ff2e9b;
}

.btn--1 {
	background: var(--color-2);
	color: var(--color-9) !important;
	border-radius: 20px 80px 80px;
}

.btn--1:hover {
	background: #ff2e9b;
	color: var(--color-9) !important;
}

.btn--2 {
	background: var(--color-9);
	color: var(--color-3);
	border-radius: 5px 20px 20px;
}

.btn--2:hover {
	background: #e8e8e8;
}

.btn__arrow {
	position: relative;
	top: 2px;
	left: 8px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.btn:hover .btn__arrow {
	left: 12px;
}

@media (max-width: 767px) {

	.btn {
		font-size: var(--size-2);
		padding: 10px 10px;
	}

}

/* Section
   ========================================================================== */

.text h1 {
	font-size: var(--heading-3);
	line-height: var(--line-2);
	padding-bottom: 30px;
}

.text h2 {
	font-size: var(--heading-3);
	line-height: var(--line-2);
	padding-bottom: 30px;
}

.text h3 {
	font-size: var(--heading-1);
	line-height: var(--line-1);
	padding-bottom: 30px;
}

.text h4 {
	font-size: var(--heading-1);
	line-height: var(--line-1);
	padding-bottom: 30px;
}

.text p {
	padding-bottom: 30px;
}

.text ul,
.text ol {
	padding: 0 0 30px 30px;
}

.text :last-child {
	padding-bottom: 0;
}

.text a {
	color: var(--color-3);
	transition: all .3s ease-in-out;
}

.intro .text a {
	color: var(--color-9);
	transition: all .3s ease-in-out;
}

.text a:hover {
	color: var(--color-2);
}

/* Header
   ========================================================================== */

.header {
	position: sticky;
	z-index: 99;
	left: 0;
	top: 0;
	height: 100px;
	display: flex;
	justify-content: center;
	background: var(--color-9);
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.header .btn {
	padding: 10px 20px;
}

@media (max-width: 767px){
	
	.header {
		height: 75px;
	}
	
}

/* Logo
   ========================================================================== */

.header__logo {
	max-width: 150px;
}

.header__logo a {
	display: flex;
}

.header__logo a svg {
	height: 100px;
}

@media (max-width: 767px){
	
	.header__logo svg {
		width: 85px;
	}
	
}

/* Menu
   ========================================================================== */

.header__menu {
	font-size: var(--size-3);
	font-weight: var(--weight-2);
}

.header__menu ul {
	list-style: none;
	display: flex;
}

.header__menu ul li {
	position: relative;
	padding-left: 38px;
}

.header__menu ul li a {
	color: var(--color-8);
	text-decoration: none;
}

.header__menu ul li a:hover,
.header__menu > ul > li.current-menu-item > a {
	color: var(--color-2);
}

.header__menu ul ul {
	position: absolute;
   left: 0;
   top: 50px;
	display: none;
	width: 295px;
	padding: 25px 0;
	background: var(--color-9);
	border-radius: 20px 20px 50px;
	box-shadow: 0 4px 2px -2px rgba(197,186,227,.1);
}

.header__menu ul ul li {
	line-height: var(--line-0);
	padding: 0;
	margin: 0 38px;
	border-bottom: 1px solid rgba(197,186,227,.2);
}

.header__menu ul ul li:last-child {
	border: none;
	padding-bottom: 0;
}

.header__menu ul ul li a {
	font-size: var(--size-2);
}

.header__menu > ul > li.menu-item-has-children:after {
	content: '';
	position: absolute;
	right: -14px;
	top: 16px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid var(--color-6);
	border-radius: 1px;
	transform: rotate(180deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.header__menu > ul > li.menu-item-has-children:hover:after {
	transform: rotate(0);
}

.header .menu__toggle {
	display: none;
	width: 25px;
	height: 10px;
}

#breadcrumbs,
#breadcrumbs a {
	color: #fff;
	text-decoration: none;
}

.color-3 #breadcrumbs,
.color-3 #breadcrumbs a {
	color: var(--color-3);
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

@media (max-width: 1060px) {
	
	.header__menu ul li a {
		font-size: 1rem;
	}
	
	.header .btn {
		font-size: .9rem;
	}
	
}

@media (max-width: 992px) {

	.header .menu__toggle, .header .menu__toggle span {
		display: block;
		cursor: pointer;
	}

	.header .menu__toggle span {
		position: relative;
		width: 25px;
		height: 3px;
		border-radius: 50px;
		margin-bottom: 3px;
		background: var(--color-3);
		transition: all .3s ease-in-out;
	}

	.active .header .menu__toggle span:first-child {
		transform: rotate(45deg);
		top: 5px;
	}

	.active .header .menu__toggle span:last-child {
		transform: rotate(-45deg);
		bottom: 7px;
	}

	.active .header .menu__toggle span:nth-child(2) {
		opacity: 0;
	}

	.active {
		overflow: hidden;
	}

	.active .header .header__menu {
		display: block;
		position: fixed;
		left: 0;
		top: 85px;
		width: 100%;
		height: 100%;
		background: #fff;
		padding-top: 30px;
	}

	.header .header__menu ul {
		display: block;
	}

	.header__menu ul li {
		padding: 0 15px;
		border-bottom: 1px solid rgba(197,186,227,.2);
	}

	.header__menu ul li:last-child {
		border: none;
	}

	.header__menu ul li.menu-item-has-children {
		position: relative;
	}

	.header__menu ul li.menu-item-has-children:after {
		display: none;
	}

	.header__menu ul li.menu-item-has-children span:after {
		content: '';
		position: absolute;
		top: 16px;
		transform: rotate(180deg);
		-webkit-transition: all .3s;
		transition: all .3s;
		right: 15px;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid var(--color-6);
		cursor: pointer;
	}

	.header__menu ul li.menu-item-has-children.open span:after {
		transform: rotate(0deg);
	}

	.header__menu ul li.menu-item-has-children ul {
		display: none;
	}

	.header__menu ul li.menu-item-has-children.open ul {
		display: block;
		position: static;
		width: 100%;
	}

	.header__menu ul ul {
		padding: 0 0 10px;
		box-shadow: none;
		overflow: hidden;
	}

	.header__menu ul ul li {
		margin: 0 10px;
		width: 100%;
	}
	
	@media (max-width: 767px) {
		
		.active .header .header__menu {
			top: 75px;
		}
		
	}

}

/* Meta
   ========================================================================== */

.header__meta {
	display: flex;
	align-items: center;
}

.header__meta .header__meta-search {
	position: relative;
	top: 5px;
	color: var(--color-7);
	text-decoration: none;
	margin-right: 35px;
}

.header__meta .header__meta-search:hover {
	color: var(--color-2);
}

.header__meta .header__meta-resize {
	list-style: none;
	display: flex;
	align-items: flex-end;
	margin-right: 40px;
}

.header__meta .header__meta-resize li {
	padding: 0 .5px;
}

.header__meta .header__meta-resize a {
	color: var(--color-8);
	text-decoration: none;
}

.header__meta .header__meta-resize a:hover,
.header__meta .header__meta-resize .textresizer-active {
	color: var(--color-2);
}

@media (max-width: 992px) {

	.header__meta {
		display: none;
	}

}

/* Hero
   ========================================================================== */

.home .hero {
	position: relative;
	height: 675px;
	overflow: hidden;
}

.home .hero .hero__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 65%;
	height: 100%;
	overflow: hidden;
	border-bottom-right-radius: 200px;
}

.home .hero .hero__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home .hero .btn {
	padding: 10px 35px;
}

.hero__phone {
	font-weight: var(--weight-3);
	text-decoration: none;
}

.home .hero .hero__phone:hover {
	color: var(--color-2);
}

@media (max-width: 767px) {

	.heading-3 {
		font-size: 2.5rem;
		line-height: 2.7rem;
	}

	.size-4 {
		font-size: 1rem;
	}

	.home .hero .btn {
		padding: 5px 20px;
	}

	.home .hero .hero__image {
		width: 100%;
	}

	.hero__content {
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.home .hero .hero__image {
		position: static;
		border-radius: 0;
		height: 50%;
	}

}

/* Usp
   ========================================================================== */

.usp .usp__content {
	position: relative;
	top: -150px;
}

.usp .usp__number {
	font-size: 7rem;
	font-weight: var(--weight-3);
	color: var(--color-2);
}

.usp .usp__usps-check {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	background: var(--color-2);
	border-radius: 4px 4px 4px 16px;
}

.usp .usp__usps-check svg path {
	fill: #fff;
}

@media (max-width: 767px) {
	
	.usp__usps li {
		margin-bottom: 15px !important;
	}
	
}

/* Contact
   ========================================================================== */

.contact {
	position: relative;
	min-height: 600px;
	padding-bottom: 100px;
	background: var(--color-1);
}

.contact:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	min-height: 500px;
	height: 85%;
	background: var(--color-9);
	border-bottom-right-radius: 200px;
}

.contact ul li a {
	color: var(--color-2);
	font-weight: var(--weight-2);
	text-decoration: none;
}

.contact ul li a:hover {
	color: var(--color-3);
}

.contact img {
	mix-blend-mode: multiply;
}

@media (max-width: 767px) {

	.contact:before {
		width: 100%;
		max-height: 550px;
	}

	.contact {
		padding-bottom: 50px;
	}

}

/* Intro
   ========================================================================== */

.intro {
	position: relative;
	min-height: 500px;
}

.intro:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 96%;
	height: 100%;
	border-radius: 0 0 200px 20px;
	background: var(--color-3);
}

.single-vacatures .intro:before {
	background: var(--color-1);
}

.single-vacatures .intro__usps {
	list-style: none;
	margin-left: 18px;
}

.single-vacatures .intro__usps li {
	text-indent: -18px;
}

.single-vacatures .intro__usps li:before  {
	content: '';
	position: relative;
	top: -4px;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	border-radius: 100%;
	background: var(--color-6);
}

.single-vacatures .contact__btn {
	color: var(--color-2);
	text-decoration: none;
	margin-left: 20px;
}

.single-vacatures .contact__btn .contact__btn-arrow {
	position: relative;
	top: 2px;
	left: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.single-
 .contact__btn:hover .contact__btn-arrow {
	left: 10px;
}

@media (max-width: 767px) {

	.intro {
		min-height: 400px;
	}

	.intro:before {
		height: 100%;
		border-radius: 0 0 100px 20px;
	}

	.heading-4 {
		font-size: 4rem;
	}

	.contact__btn {
		display: block;
		margin: 15px 0 0 0 !important;
	}

}

/* Content
   ========================================================================== */

.content .content__block {
	position: relative;
	top: -175px;
}

.content .content--usp ul {
	list-style: none;
	padding: 0;
}

.content .content--usp ul li:before {
	content: '';
	position: relative;
	top: -3px;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 8px;
	border-radius: 100%;
	background: var(--color-9);
}

@media (max-width: 767px) {

	.content .content__block {
		top: -85px;
	}

}


/* Services
   ========================================================================== */

.stories {
	position: relative;
}

.stories .row {
	position: relative;
	margin-top: -330px;
}

.stories .stories__item {
	position: relative;
	width: 100%;
	height: 467px;
	overflow: hidden;
	border-radius: 10px 10px 100px;
}

.stories .stories__item .stories__item-image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.stories .stories__container .stories__carousel:focus-visible {
	outline: none;
}

.stories .stories__item .stories__item-image:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 238px;
	background: transparent linear-gradient(180deg, #CF006C00 0%, #CF006C 100%) 0% 0%;
}

.stories .stories__item .stories__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.stories .stories__item .stories__item-image:hover img {
	transform: scale(1.02);
}

.stories .stories__item .stories__item-name {
	position: absolute;
	left: 50px;
	bottom: 50px;
	width: 60%;
	font-size: var(--heading-1);
	font-weight: var(--weight-2);
	color: var(--color-9);
}

/* Services
   ========================================================================== */

.services {
	position: relative;
}

.services .row {
	position: relative;
	margin-top: -330px;
}

.services .services__item {
	position: relative;
	width: 100%;
	height: 467px;
	overflow: hidden;
	border-radius: 10px 10px 100px;
}

.services .services__item .services__item-image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.services .services__item .services__item-image:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 238px;
	background: transparent linear-gradient(180deg, #CF006C00 0%, #CF006C 100%) 0% 0%;
}

.services .services__item .services__item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.services .services__item .services__item-image:hover img {
	transform: scale(1.02);
}

.services .services__item .services__item-name {
	position: absolute;
	left: 50px;
	bottom: 50px;
	width: 60%;
	font-size: var(--heading-1);
	font-weight: var(--weight-2);
	color: var(--color-9);
}

.intro__services-detail:before {
	border-radius: 0 0 20px 200px;	
}

.intro__image {
	position: absolute;
	left: 50%;
	bottom: -430px;
	transform: translate(-50%, 0);
}

.intro__image {
	max-height: 380px;
}

.intro__image img {
	width: 100%;
	max-height: 380px;
	object-fit: cover;
	border-radius: 0 0 200px 20px;
}

.content__service-details {
	border-bottom: 3px solid #fff;
}

.content__service-details:last-child {
	border-bottom: none;
}

@media (max-width: 767px) {

	.intro__services-detail:before {
		border-radius: 0 0 20px 100px;
	}

	.intro__image img {
		border-radius: 0 0 100px 20px;	
		max-height: 300px;
	}

	.intro__image {
		bottom: -350px;
	}

	.intro__services-detail .heading-4 {
		font-size: 2.5rem;
		line-height: 2.4rem;
	}

}

@media (max-width: 499px) {

	.intro__image {
		bottom: -230px;
	}

}

/* Carousel
   ========================================================================== */

.stories .stories__container,
.services .services__container {
	overflow: hidden;
}

.stories .stories__container,
.home .services .services__container {
	position: relative;
	padding-bottom: 250px;
}

.stories .stories__container:before,
.home .services .services__container:before {
	content: '';
	position: absolute;
	right: 0;
	top: 300px;
	width: 98%;
	height: 475px;
	border-radius: 20px 0 0 200px;
	background: var(--color-9);
}

.stories .flickity-button,
.services .flickity-button {
	position: absolute;
	right: 0;
	margin-top: 30px;
	width: 40px;
	cursor: pointer;
	border: none;
	background: none;
	color: none;
}

.stories .flickity-button svg,
.services .flickity-button svg {
	fill: var(--color-3);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.stories .flickity-button.previous,
.services .flickity-button.previous {
	right: 75px;
}

.stories .flickity-button:hover svg,
.services .flickity-button:hover svg {
	fill: var(--color-0);
}

@media (max-width: 767px) {

	.stories .flickity-button,
	.services .flickity-button {
		margin-top: 0px;
	}

}

/* Vacancies
   ========================================================================== */

.vacancies {
	background: url('../images/site/SigmaZorg.png') var(--color-1) no-repeat;
	background-position: 50% -20%;
}

.vacancies .vacancies-items .vacancies-item h3 {
	border-bottom: 1px solid var(--color-1);
}

.vacancies .vacancies-items a {
	text-decoration: none;
}

.vacancies .vacancies-items .vacancies-item {
	transition: all .3s ease-in-out;
}

.vacancies .vacancies-items .vacancies-item:hover {
	transform: translateY(-5px);
}

/*.vacancies .vacancies-items:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	width: 90%;
	height: 40%;
	background: rgb(236,236,236);
	background: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(236,236,236,1) 50%, rgba(255,255,255,0) 100%); 
	z-index: -1;
}*/

.cta-vacancies figure img {
	border: 5px solid #fff;
	border-radius: 100px;
	background: #fff;
}

.cta-vacancies h2 {
	font-family: 'Karla', sans-serif;
}

.cta-vacancies .cta {
	position: relative;
	bottom: 110px;
}

.popup-overlay {
	background: var(--color-2);
	z-index: 9999;
	display: none;
}

.popup {
	max-width: 767px;
	width: 100%;
	text-align: center;
	top: 80px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 9999;
	padding: 50px;
	display: none;
}

.popupActive .popup-overlay, .popupActive .popup {
	display: block;
}

.popup form {
	text-align: left;
}

.popup__close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	top: 0;
	right: 0;
	background: var(--color-3);
	padding: 2px 0;
	z-index: 9999;
	text-align: center;
	display: none;
}

.popupActive .popup__close {
	display: block;
}

.popup .ginput_container_fileupload {
	position: relative;
	height: 70px;
	margin-bottom: 10px;
}

.popup .gfield label {
	color: var(--color-9);
	font-size: var(--size-2);
}

.popup .ginput_container_fileupload input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}

.popup .ginput_container_fileupload span {
	display: none;
}

.popup .ginput_container_fileupload:before {
	content: 'Selecteer bestand';
	position: absolute;
	left: 0;
	top: 0;
	background: var(--color-9);
	color: var(--color-3);
	border-radius: 5px 20px 20px;
	display: inline-block;
	font-size: var(--size-1);
	font-weight: var(--weight-3);
	padding: 10px 30px;
	text-decoration: none;
	cursor: pointer;
}

.popup .ginput_container_fileupload:after {
	content: 'Toegestane bestandstypen: pdf, docx, doc, Max. file size: 32 MB.';
	display: inline-block;
	padding-left: 240px;
	color: var(--color-9);
	font-size: var(--size-1);
	position: absolute;
	right: 0;
	bottom: 15px;
}

input[type="text"],
input[type="email"],
input[type="phone"],
textarea,
select {
	border: 1px solid #ececec;
	background: #fff;
	padding: 15px !important;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 15px;
	font-size: 1rem;
}

::placeholder,
select {
	color: #B3B3B3;
	opacity: 1;
	font-family: 'Karla', sans-serif;
}

.text ul.gform_fields {
	padding-left: 0;
}

.gfield .ginput_complex.has_first_name.no_middle_name.has_last_name.ginput_container_name {
	display: flex;
	justify-content: space-between;
}

.hidden_sub_label,
.gfield.hidden_label label {
	display: none;
}

.gform_footer {
	margin-top: 30px;
}

.gfield .ginput_container_consent input {
	display: none;
}

.gfield .ginput_container_consent label {
	padding-left: 10px;
}

.gfield .ginput_container_consent label:before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 3px solid #fff;
	position: relative;
	top: 3px;
	left: -5px;
	border-radius: 5px;
	outline: 2px solid #ececec;;
}

.gfield .ginput_container_consent input:checked + label:before {
	background: var(--color-3);
}

.gform_fields li {
	list-style-type: none;
}

input[type="submit"] {
	background: var(--color-3);
	color: var(--color-9);
	border-radius: 5px 20px 20px;
	display: inline-block;
	font-size: var(--size-3);
	font-weight: var(--weight-3);
	padding: 20px 30px;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all .3s ease-in-out;
}

input[type="submit"]:hover {
	background: var(--color-8);
}

span.name_last,
span.name_first {
	width: 49%;
}


@media (max-width: 992px) {

	.popup__close {
		right: 0;
	}

	.popup {
		padding: 20px;
	}

	.popup .ginput_container_fileupload:after {
		top: 80px;
		padding-left: 0;
		transform: none;
	}

	.popup .ginput_container.ginput_container_fileupload {
		margin-bottom: 90px;
	}
	
	.cta-vacancies .cta h2 {
		text-align: center;
	}

}

@media (max-width: 767px) {

	.vacancies {
		background: var(--color-1);
	}

	.vacancies .vacancies-items:after {
		display: none;
	}
	
	.popup h2 {
		font-size: 2.3rem;
	}

	span.name_last,
	span.name_first {
		width: 100%;
	}

	.gfield .ginput_complex.has_first_name.no_middle_name.has_last_name.ginput_container_name {
		display: block;
	}


}

/* Footer
   ========================================================================== */

.footer {
	font-size: var(--size-2);
	color: var(--color-9);
	background: var(--color-3);
}

.footer a {
	color: var(--color-9);
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

/* Logos
   ========================================================================== */

.footer__logos figure {
	margin-right: 50px;
}

.footer__logos figure img {
	max-height: 40px;
	width: auto;
}

@media (max-width: 767px) {

	.footer__logos figure {
		margin-right: 15px;
	}

}

/* Widgets
   ========================================================================== */

.footer__widget ul {
	list-style: none;
}

/* Address
   ========================================================================== */

.footer__address {
	margin-top: -115px;
}

@media (max-width: 992px) {

	.footer__address {
		margin-top: 0;
	}

}

/* Copyright
   ========================================================================== */

.footer__copyright {
	padding: 20px 0;
	font-size: var(--size-1);
	background: var(--color-7);
}

.footer__copyright ul {
	list-style: none;
	display: flex;
}

.footer__copyright ul li {
	padding-right: 50px;
}

@media (max-width: 767px) {

	.footer__copyright ul {
		flex-wrap: wrap;
	}	

	.footer__copyright ul li {
		padding-right: 20px;
	}

}