r/*
==  THEME DETAILS  ============================================================
    Theme Name: Memoriam.tv
	Theme URI: https://www.memoriam.tv/
    Description: Stylesheet voor Memoriam.tv
    Version: 1.0
   	Author: Communicatiebureau Fenomediaal
	Author URI: https://www.fenomediaal.nl

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

/*----------------------------------------------
	1.1 Basics
------------------------------------------------*/
	html {
  		font-size: 20px;
	}

	body {
        font-family: 'Gilroy Medium';
		font-size: 1rem;
	  	line-height: 1.5rem;
		color: #33184C;
		background: #F9E8D0;
        letter-spacing: 1px;
		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}

	a, a:hover, .btn, .btn:hover , .transition {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		text-decoration:none;
	}

	p , figure , blockquote ,
	.list-inline-item:not(:last-child) {
		margin: 0;
	}

	a {
		color: #D40758;
	}

	a:hover {
		color: #33184C;
	}

	button:focus ,
	:focus {
		outline: 0 !important;
	}

	h1, h2, h3, h4 {
        font-family: 'Gilroy Black';
		color: #D40758;
		line-height: 1.2;
		margin: 0;
		padding: 0;
	}

	h1 {
		font-size: 5rem;
	}

    h1.small {
        font-size: 2.8rem;
    }

	h2 {
		font-size: 2.8rem;
	}

	h3 {
		font-size: 2.5rem;
	}

	h4 {
		font-size: 1.5rem;
	}

	ul {
		margin: 0;
		padding: 0;
	}

    p.medium {
        font-size: 1.28rem;
        line-height: 2rem;
    }

    p.big {
        font-family: 'Gilroy Black';
        font-size: 3.2rem;
        line-height: 4.5rem;
    }

    .italic {
        font-family: 'Gilroy Medium Italic';
    }

	.semi-bold {
        font-family: 'Gilroy Semi Bold';
	}

	.bold {
        font-family: 'Gilroy Bold';
	}

    .extra-bold {
        font-family: 'Gilroy Extra Bold';
	}

    .black {
        font-family: 'Gilroy Black';
    }

    .subtitle {
        font-family: 'Gilroy Semi Bold';
        font-size: 1.5rem;
        text-transform: uppercase;
        letter-spacing: 3px;
        display: block;
    }

	@media all and (min-width: 1230px) {
		.container {
			max-width: 1230px !important;
		}
	}

    @media all and (max-width: 1550px) {
		html {
			font-size: 18px;
		}
	}

    @media all and (max-width: 1440px) {
        p.big {
            font-size: 3rem;
            line-height: 4.5rem;
        }
    }

    @media all and (max-width: 1200px) {
        html {
            font-size: 16px;
        }
        h1 {
		    font-size: 4rem;
	    }
        h1.small , h2 {
            font-size: 2.5rem;
        }
        h3 {
		    font-size: 1.75rem;
	    }
        p.big {
            font-size: 2.25rem;
            line-height: 3.75rem;
        }
        .subtitle {
            font-size: 1.25rem;
        }
    }

     @media all and (max-width: 767px) {
        html {
            font-size: 14px;
        }
        h1 {
		    font-size: 3rem;
	    }
        .subtitle {
            font-size: 1.25rem;
         }
         p.big {
            font-size: 1.75rem;
            line-height: 2.5rem;
        }
        .subtitle {
            font-size: 1rem;
        }
    }

/* Fonts -------------------------------------- */
    @font-face {
        font-family: 'Gilroy Medium';
        src: url('fonts/GilroyMedium.eot');
        src: url('fonts/GilroyMedium.eot') format('embedded-opentype'),
             url('fonts/GilroyMedium.woff2') format('woff2'),
             url('fonts/GilroyMedium.woff') format('woff'),
             url('fonts/GilroyMedium.ttf') format('truetype'),
             url('fonts/GilroyMedium.svg#GilroyMedium') format('svg');
    }

    @font-face {
        font-family: 'Gilroy Medium Italic';
        src: url('fonts/GilroyMediumItalic.eot');
        src: url('fonts/GilroyMediumItalic.eot') format('embedded-opentype'),
             url('fonts/GilroyMediumItalic.woff2') format('woff2'),
             url('fonts/GilroyMediumItalic.woff') format('woff'),
             url('fonts/GilroyMediumItalic.ttf') format('truetype'),
             url('fonts/GilroyMediumItalic.svg#GilroyMediumItalic') format('svg');
    }


    @font-face {
        font-family: 'Gilroy Semi Bold';
        src: url('fonts/GilroySemibold.eot');
        src: url('fonts/GilroySemibold.eot') format('embedded-opentype'),
             url('fonts/GilroySemibold.woff2') format('woff2'),
             url('fonts/GilroySemibold.woff') format('woff'),
             url('fonts/GilroySemibold.ttf') format('truetype'),
             url('fonts/GilroySemibold.svg#GilroySemibold') format('svg');
    }

    @font-face {
        font-family: 'Gilroy Bold';
        src: url('fonts/GilroyBold.eot');
        src: url('fonts/GilroyBold.eot') format('embedded-opentype'),
             url('fonts/GilroyBold.woff2') format('woff2'),
             url('fonts/GilroyBold.woff') format('woff'),
             url('fonts/GilroyBold.ttf') format('truetype'),
             url('fonts/GilroyBold.svg#GilroyBold') format('svg');
    }

    @font-face {
        font-family: 'Gilroy Extra Bold';
        src: url('fonts/GilroyExtrabold.eot');
        src: url('fonts/GilroyExtrabold.eot') format('embedded-opentype'),
             url('fonts/GilroyExtrabold.woff2') format('woff2'),
             url('fonts/GilroyExtrabold.woff') format('woff'),
             url('fonts/GilroyExtrabold.ttf') format('truetype'),
             url('fonts/GilroyExtrabold.svg#GilroyExtrabold') format('svg');
    }

    @font-face {
        font-family: 'Gilroy Black';
        src: url('fonts/GilroyBlack.eot');
        src: url('fonts/GilroyBlack.eot') format('embedded-opentype'),
             url('fonts/GilroyBlack.woff2') format('woff2'),
             url('fonts/GilroyBlack.woff') format('woff'),
             url('fonts/GilroyBlack.ttf') format('truetype'),
             url('fonts/GilroyBlack.svg#GilroyBlack') format('svg');
    }

/* Icomoon -------------------------------------- */
   @font-face {
	  font-family: 'icomoon';
	  src:  url('fonts/icomoon.eot?sm4o83');
	  src:  url('fonts/icomoon.eot?sm4o83#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?sm4o83') format('truetype'),
		url('fonts/icomoon.woff?sm4o83') format('woff'),
		url('fonts/icomoon.svg?sm4o83#icomoon') format('svg');
	  font-weight: normal;
	  font-style: normal;
	  font-display: block;
	}

	[class^="icon-"], [class*=" icon-"] {
	  /* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'icomoon' !important;
	  speak: never;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	.icon-checkbox:before {
	  content: "\e900";
	}
	.icon-cross:before {
	  content: "\e901";
	}
	.icon-facebook:before {
	  content: "\e902";
	}
	.icon-linkedin:before {
	  content: "\e903";
	}
	.icon-menu:before {
	  content: "\e904";
	}
	.icon-phone:before {
	  content: "\e905";
	}
	.icon-plus:before {
	  content: "\e906";
	}

/* Section -------------------------------------- */
    .section-fh {
        position: relative;
        min-height: 100vh;
        height: calc(100vh);
        overflow: hidden;
    }

    .image-full {
        height: calc(100vh);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

    .image-bg {
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
    }

    .padding-section-sm {
		padding: 6rem 0;
	}

    .padding-section-md {
        padding: 9rem 0;
    }

    .padding-section-lg {
        padding: 20rem 0;
    }

    @media all and (max-width: 1440px) {
         .padding-section-md {
            padding: 7.5rem 0;
        }
        .padding-section-lg {
            padding: 12.5rem 0;
        }
    }

    @media all and (max-width: 1200px) {
        .image-full {
            background-attachment: inherit;
        }
        .padding-section-sm {
		    padding: 5.5rem 0;
	    }
        .padding-section-md {
            padding: 6rem 0;
        }
        .padding-section-lg {
            padding: 10rem 0;
        }
    }

    @media all and (max-width: 992px) {
       .section-fh {
            min-height: inherit;
            height: auto;
            padding: 12.5rem 0
        }
    }

    @media all and (max-width: 767px) {
        .section-fh {
            padding: 8rem 0
        }
        .padding-section-lg {
            padding: 9rem 0;
        }
    }

/* Buttons -------------------------------------- */
	.btn-primary,
	.btn-primary:active ,
    .btn-primary:focus {
		background: #D40758;
    	color: #FFF;
    	border: none;
	}

	.btn-primary:hover {
		background: #33184C;
		color: #FFF;
		text-decoration:none;
		border: none;
	}

	.btn-secondary {
		background: #FFF;
    	color: #D40758;
    	border: none;
	}

	.btn-secondary:hover {
		background: #D40758;
		color: #FFF;
		text-decoration:none;
		border: none;
	}

	.btn {
        font-family: 'Gilroy Bold';
		font-size: 1.25rem;
        text-transform: lowercase;
		line-height: 1.25rem;
		padding: 0.65rem 1.4rem;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	}

    button:focus ,
	.btn:focus {
		outline: 0 !important;
		box-shadow: none !important;
	}

    @media all and (max-width: 1440px) {
        .btn {
            font-size: 1.2rem;
        }
    }

/* Content Block -------------------------------------- */
	.content-block p + p ,
	.content-block p + h2 ,
	.content-block p + h3 ,
	.content-block p + h4 ,
	.content-block ul + p ,
	.content-block ul + h3 {
		margin-top: 1.5rem !important;
	}

	.content-block h3 {
        font-family: 'Gilroy Black';
        font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	.content-block h4 {
		text-transform: inherit;
	}

/* Social Media -------------------------------------- */
	.social-media li i {
		font-size: 1.1rem;
		line-height: 2.5rem;
		height: 2.5rem;
		width: 2.5rem;
		padding: 0;
        background: #FFF;
		color: #D40758;
		text-align: center;
		display: block;
		border: none;
    	-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.social-media li i:hover {
		background: #D40758 !important;
		color: #FFF;
	}

	.social-media li + li {
		margin-left: 0.5rem;
	}

/* Banner -------------------------------------- */
	.banner {
		bottom: 5rem;
	}

	.cookies_ok .banner ,
	.banner.bottom {
		bottom: 0 !important;
	}

	.banner {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 9;
	}

	.banner .wrapper {
		padding: 1.5rem 3.25rem;
	}

	.banner .wrapper span {
		font-size: 1.2rem;
		line-height: 2rem;
		font-weight: 700;
	}

	.banner .wrapper .btn:hover {
		background: #33184C;
	}

	@media (min-width: 1300px) {
		.banner .container-fluid {
			max-width: 1260px !important;
		}
		.banner .wrapper {
			-webkit-border-top-left-radius: 25px;
			-webkit-border-top-right-radius: 25px;
			-moz-border-radius-topleft: 25px;
			-moz-border-radius-topright: 25px;
			border-top-left-radius: 25px;
			border-top-right-radius: 25px;
		}
	}

	@media all and (max-width: 1200px) {
		.banner .wrapper span {
			font-size: 1rem;
		}
	}

	@media all and (max-width: 992px) {
		.banner .wrapper {
			padding: 1.25rem;
		}
		.banner {
			bottom: 120px;
		}
		.banner .wrapper span {
			font-size: 0.8rem;
		}
		.banner .wrapper .btn {
			font-size: 1rem;
		}
	}

	@media all and (max-width: 550px) {
		.banner {
			bottom: 140px;
		}
	}

/* Cookies -------------------------------------- */
	#cookie {
		display: none;
	}

	body.cookies_not_ok #cookie{
		display: inline-block;
		position: fixed;
	  	text-align: left;
		bottom: 0;
        left: 0;
        right: 0;
	  	z-index: 99;
		height: 5rem;
	}

	body.cookies_not_ok #cookie div.content {
  		display: block;
  		margin: 0 auto;
		padding: 1.25rem 0.75rem;
		background: rgba(255,255,255, 0.8);
	}

	body.cookies_not_ok #cookie div.content span {
		font-size: 0.8rem;
		line-height: 1.5rem;
		color: #33184C;
        display: block;
	}

	body.cookies_not_ok #cookie a {
		color: #33184C;
		font-weight: 700;
	}

	body.cookies_not_ok #cookie a:hover {
		color: #D40758;
	}

	body.cookies_not_ok #cookie .btn {
		color: #FFF;
		font-size: 1rem;
		line-height: 1.25rem;
		padding: 0.65rem 1.4rem;
	}

	@media all and (max-width: 992px) {
		body.cookies_not_ok #cookie {
			height: 120px;
		}
	}

	@media all and (max-width: 550px) {
		body.cookies_not_ok #cookie {
			height: 140px;
		}
	}

/* Icon Scroll -------------------------------------- */
    .icon-scroll {
        position: absolute;
        bottom: 2.5rem;
        left: 0;
        right: 0;
    }

    .icon-scroll .icon {
        width: 30px;
        height: 50px;
        display: inline-block;
        border: 2px solid #F3D1A0;
        -webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
    }

    .icon-scroll .icon:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 10px;
        background: #F3D1A0;
        top: 10px;
        left: 50%;
        margin: 0 0 0 -2px;
        -webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
        animation: mouse-scroll 1s infinite alternate;
    }

    @keyframes mouse-scroll {
        to {
            transform: translate(0, 8px);
          }
    }

    @media all and (max-width: 1440px) {
        .icon-scroll .icon {
            width: 25px;
            height: 42px;
        }
    }

    @media all and (max-width: 1200px) {
        .icon-scroll .icon {
            width: 18px;
            height: 30px;
        }
        .icon-scroll .icon:before {
            top: 5px;
            width: 4px;
            height: 8px;
        }
    }

    @media all and (max-width: 992px) {
        .icon-scroll {
            display: none;
         }
    }

/* Owl Carrousel -------------------------------------- */
    .owl-single .owl-dots {
        bottom: -60px;
    }

    .owl-single .owl-dots .owl-dot span {
        width: 30px;
        height: 30px;
        background: none;
        border: 3px solid #33184C;
    }

    .owl-single .owl-dots .owl-dot.active span {
        background: #33184C !important;
    }

    .owl-single .owl-dots .owl-dot + .owl-dot {
        margin-left: 1rem;
    }

    @media all and (max-width: 992px) {
         .owl-single .owl-dots .owl-dot span {
            width: 20px;
            height: 20px;
        }
    }

/* Voordelen -------------------------------------- */
	.voordelen .item {
        margin: 1.25rem 0;
    }

	.voordelen li i {
        font-size: 2.25rem;
        color: #FFF;
    }

    .voordelen li span {
		font-size: 2rem;
        line-height: 2.25rem;
        display: inline-block;
	}

    @media all and (max-width: 992px) {
      	.voordelen .item {
            margin: 1rem 0;
        }
    }

    @media all and (max-width: 767px) {
        .voordelen ul li i {
            font-size: 1.5rem;
        }
        .voordelen ul li span {
            font-size: 1.5rem;
            line-height: 1.75rem;
        }
    }

/* Phone -------------------------------------- */
	.phone {
		background: #FFF;
		position: fixed;
		right: 0;
		top: 8.2rem;
		z-index: 1040;
		padding: 0.74rem 2rem;
		-webkit-border-bottom-left-radius: 25px;
		-moz-border-radius-bottomleft: 25px;
		border-bottom-left-radius: 25px;
	}

	.phone i {
		font-size: 1.26rem;
		line-height: 1.5rem;
		top: -2px;
		position: relative;
		padding-right: 0.5rem;
	}

	.phone a {
		font-size: 1.24rem;
		color: #33184C;
		font-weight: 700;
		display: inline-block;
	}

	.phone a:hover {
		color: #D40758;
	}

	@media all and (max-width: 1720px) {
      .phone {
		  top: 7.15rem;
        }
    }

	@media all and (max-width: 1440px) {
      .phone {
		  top: 6.5rem;
        }
    }

	@media all and (max-width: 1200px) {
      .phone {
		  top: 6.3rem;
        }
    }

/*----------------------------------------------
	1.2 Colors
------------------------------------------------*/
	.text-beige {
		color: #F3D1A0 !important;
	}

	.text-pink {
		color: #D40758 !important;
	}

	.text-purple {
		color: #33184C !important;
	}

/* Backgrounds -------------------------------------- */
	.bg-beige {
		background-color: #F3D1A0;
	}

	.bg-pink {
		background-color: #D40758;
	}

	.bg-purple {
		background-color: #33184C;
	}


/*----------------------------------------------
	2.1 Header
------------------------------------------------*/
	#header {
        background: #FFF;
		padding: 2.5rem 3.25rem;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	}

    @media all and (max-width: 1720px) {
       #header {
		    padding: 2rem 1.25rem;
        }
    }

    @media all and (max-width: 1440px) {
       #header {
		    padding: 1.75rem 1.25rem;
        }
    }

/*----------------------------------------------
	2.2 Navigation
------------------------------------------------*/
    #navigation #hoofdmenu li a {
        font-family: 'Gilroy Bold';
        font-size: 1.2rem;
        text-transform: lowercase;
		line-height: 1;
		padding: 1rem 0;
		background: none;
	}

    #navigation #hoofdmenu li + li {
        margin-left: 1.25rem;
    }

    #navigation #hoofdmenu li a:hover ,
	#navigation #hoofdmenu li.active a {
		color: #33184C;
	}

    @media all and (max-width: 1440px) {
        #navigation #hoofdmenu li a ,
        #navigation .btn {
            font-size: 1rem;
        }
    }

    @media all and (max-width: 1200px) {
         #navigation #hoofdmenu li a ,
            #navigation .btn {
            font-size: 0.9rem;
        }
        #navigation #hoofdmenu li + li {
            margin-left: 1rem;
        }
    }

     @media all and (max-width: 1075px) {
        #navigation #hoofdmenu li a ,
        #navigation .btn {
            font-size: 0.9rem;
        }
        #navigation #hoofdmenu li + li {
            margin-left: 0.8rem;
        }
    }

/* Dropdown Menu -------------------------------------- */
	#navigation #hoofdmenu .dropdown-menu {
		background: #FFF;
		padding: 0 1rem;
		min-width: 240px;
		border: none;
		margin: 0;
		z-index: 99;
		border-radius: 0;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
	}

	#navigation #hoofdmenu .dropdown-menu li {
		padding: 0 !important;
	}

	#navigation #hoofdmenu .dropdown-menu a {
        color: #D40758;
        text-transform: lowercase;
   	 	line-height: 1;
    	padding: 0.75rem 0 !important;
		text-align: left;
		border: none;
	}

    #navigation #hoofdmenu .dropdown-menu a + a {
        border-top: 1px solid #FFF;
    }

	#navigation #hoofdmenu .dropdown-menu a:hover ,
	#navigation #hoofdmenu .dropdown-menu a.active {
		color: #000;
	}

	#navigation #hoofdmenu .dropdown-menu a + a {
		margin: 0;
	}

	#navigation #hoofdmenu .dropdown-toggle::after {
		display: none !important;
	}

	#navigation .dropdown:hover>.dropdown-menu {
		display: block;
	}

	#navigation .dropdown>.dropdown-toggle:active {
		pointer-events: none;
	}

/*----------------------------------------------
	2.3 Navigation Mobile
------------------------------------------------*/
	#navigation-mobile .cd-dropdown-trigger {
		display: block;
    	position: relative;
    	padding: 0;
		font-size: 1.75rem;
        line-height: 1.75rem;
    	background: none;
		color: #D40758;
		border: none;
		border-radius: 0;
		text-align: center;
		margin: 0;
		z-index: 99;
	}

	#navigation-mobile .cd-dropdown-trigger i {
		margin: 0;
	}

	#navigation-mobile .cd-dropdown-content a,
	#navigation-mobile .cd-dropdown-content ul a {
        font-family: 'Gilroy Bold';
		font-size: 1.5rem;
		color: #33184C;
		font-weight: 700;
		text-transform: lowercase;
		text-align: left !important;
	}

	#navigation-mobile .current_page_item a {
		color: #7A698B !important;
	}

	#navigation-mobile .cd-dropdown {
		background: #F9E8D0;
		z-index: 999;
	}

	#navigation-mobile .cd-dropdown-wrapper {
		height: auto;
		margin: 0 !important;
	}

	#navigation-mobile ul {
		padding-left: 0;
	}

	#navigation-mobile .cd-dropdown-content a,
	#navigation-mobile .cd-dropdown-content ul a {
		border-top-width: 1px;
    	border-bottom-width: 0;
    	border-left-width: 0;
    	border-right-width: 0;
    	border-color: #7A698B;
    	border-style: solid;
	}

	#navigation-mobile .cd-dropdown-content .go-back a {
		background: #FFF;
		color: #7A698B;
	}

	#navigation-mobile .cd-secondary-dropdown > a,
	#navigation-mobile .cd-secondary-dropdown > .go-back a {
  		display: none !important;
		background: #FFF;
	}

	#navigation-mobile .has-children > a::before,
	#navigation-mobile .has-children > a::after,
	#navigation-mobile .go-back a::before, .go-back a::after ,
	.cd-dropdown .cd-close::after,
	.cd-dropdown .cd-close::before {
		background: #7A698B !important;
	}

	#navigation-mobile .go-back a::before,
	#navigation-mobile .go-back a::after {
		background: #D40758 !important;
	}

	#navigation-mobile .cd-secondary-dropdown > .go-back a + a {
		display: block !important;
	}

    #navigation-mobile li.account a {
        color: #D40758;
    }

/*----------------------------------------------
	3. Presentation
------------------------------------------------*/
    #presentation.full {
        position: relative;
        min-height: 100vh;
        height: calc(100vh);
        overflow: hidden;
    }

    #presentation .margin {
        margin-top: 8.2rem;
    }

    #presentation .content h2 {
        font-size: 5rem;
    }

    #presentation .buttons li + li {
        margin-top: 1.5rem;
    }

    #presentation .buttons li .btn {
        min-width: 10.75rem;
    }

    #presentation .video-container {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: -9;
    }

    #presentation .video-container video {
        min-width: 100%;
          min-height: 100%;
          width: auto;
          height: auto;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
    }

    @media all and (max-width: 1440px) {
        #presentation .margin {
            margin-top: 6.5rem;
        }
    }

    @media all and (max-width: 1200px) {
         #presentation .content h2 {
            font-size: 4.5rem;
        }
    }

    @media all and (max-width: 992px) {
        #presentation .buttons li {
            display: inline-block;
        }
        #presentation .buttons li + li {
            margin: 0 0 0 1rem;
        }
    }

    @media all and (max-width: 767px) {
        #presentation .content h2 {
            font-size: 2.75rem;
        }
        #presentation .buttons li {
            display: block;
        }
        #presentation .buttons li + li {
            margin: 1rem 0 0 0;
        }
    }

/* Small -------------------------------------- */
    #presentation.small ,
    #presentation.small .video-container {
        height: 700px;
    }

     @media all and (max-width: 1440px) {
        #presentation.small ,
        #presentation.small .video-container {
            height: 600px;
        }
    }

    @media all and (max-width: 1200px) {
        #presentation.small ,
        #presentation.small .video-container {
            height: 500px;
        }
    }

    @media all and (max-width: 992px) {
        #presentation.small ,
        #presentation.small .video-container {
            height: 550px;
        }
    }

    @media all and (max-width: 767px) {
        #presentation.small ,
        #presentation.small .video-container {
            height: 475px;
        }
    }

/* Small - Text -------------------------------------- */
	#presentation.small.text .content h2 {
        font-size: 3.5rem;
    }

	@media all and (max-width: 992px) {
		#presentation.small.text .content h2 {
            font-size: 2rem;
        }
		#presentation.small.text .content p {
			font-size: 1rem;
		}
	}

/*----------------------------------------------
	4.1 Page Single
------------------------------------------------*/
    #page-content.single {
        position: relative;
    }

    #page-content.single:before ,
    #page-content.single:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        width: 12.5px;
        height: 278px;
        margin: 0 auto;
    }

    #page-content.single:before {
        top: 0;
        background-image:url("../images/line-top.svg");
        background-position: bottom;
    }

    #page-content.single:after {
        bottom: 0;
        background-image:url("../images/line-bottom.svg");
        background-position: top;
    }

    @media all and (max-width: 1440px) {
        #page-content.single:before ,
        #page-content.single:after {
            height: 150px;
        }
    }

    @media all and (max-width: 1200px) {
        #page-content.single:before ,
        #page-content.single:after {
            height: 125px;
        }
    }

/*----------------------------------------------
	4.2 Page Referenties
------------------------------------------------*/
    #overzicht-referenties .item p {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    #overzicht-referenties .item span.name {
        font-size: 2.25rem;
        display: block;
    }

    #overzicht-referenties .item.donker .icon-scroll .icon {
        border-color: #33184C;
    }

    #overzicht-referenties .item.donker .icon-scroll .icon:before {
        background: #33184C;
    }

    @media all and (max-width: 1440px) {
        #overzicht-referenties .item p ,
        #overzicht-referenties .item span.name {
            font-size: 1.75rem;
            line-height: 2rem;
        }
    }

    @media all and (max-width: 767px) {
        #overzicht-referenties .item p ,
        #overzicht-referenties .item span.name {
            font-size: 1.25rem;
            line-height: 1.5rem;
        }
    }

/*----------------------------------------------
	4.3 Page Contact
------------------------------------------------*/
    #page-content.contact .contactgegevens li ,
    #page-content.contact .contactgegevens li a {
        font-size: 1.5rem;
        line-height: 2rem;
        color: #F3D1A0;
    }

    #page-content.contact .contactgegevens li a:hover {
        color: #FFF;
    }

    #page-content.contact .contactgegevens li span {
        display: inline-block;
        width: 3.5rem;
    }

    @media all and (max-width: 1440px) {
        #page-content.contact h1 {
            margin-bottom: 1.5rem !important;
        }
        #page-content.contact .contactgegevens li ,
        #page-content.contact .contactgegevens li a {
            font-size: 1rem;
            line-height: 1.5rem;
        }
        #page-content.contact .social-media {
            margin-top: 1.5rem !important;
        }
    }

/* Formulier -------------------------------------- */
	form .form-group {
		width: 100%;
		margin-bottom: 0;
	}

	form .form-group + .form-group {
		margin-top: 0.5em;
	}

	form .form-control {
        font-family: 'Gilroy Bold';
    	background: #F9E8D0;
		color: #7A698B !important;
		height: 55px;
    	font-size: 20px;
    	line-height: 1.5;
    	background-image: none;
    	border: 0;
		margin: 0;
		box-shadow: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	::placeholder {
		color: #7A698B !important;
	  	opacity: 1;
	}

	:-ms-input-placeholder {
		color: #7A698B !important;
	}

	::-ms-input-placeholder {
		color: #7A698B !important;
	}

	form textarea.form-control {
		height: auto;
	}

    form .btn {
        min-width: 15rem;
    }

	form .btn input {
		background: none !important;
		box-sizing: border-box;
		padding-top: 0;
		padding-bottom: 0;
		border: none;
		text-align: center !important;
		cursor: pointer;
	}

	form .btn input {
		color: #FFF;
	}

    form .btn:hover {
        background: #FFF !important;
	}

	form .btn:hover input {
		color: #D40758 !important;
	}

	.wpcf7-spinner {
		display: none;
		width: 0 !important;
	}

	div.wpcf7-mail-sent-ok {
		border: none !important;
	}

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output {
        display: none !important;
    }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.unaccepted .wpcf7-response-output ,
	div.wpcf7-validation-errors ,
    .wpcf7 form.sent .wpcf7-response-output {
		border: none !important;
	}

	span.wpcf7-not-valid-tip {
		font-size: 0.8rem;
	}

	div.wpcf7-response-output {
		margin: 1rem 0 0 0;
		padding: 0;
		color: #FFF;
		font-size: 0.8rem;
	}

    .wpcf7 form .wpcf7-response-output {
        margin-top: 0.75rem !important;
        margin-bottom: 0 !important;
    }

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

     @media all and (max-width: 1440px) {
        form .form-control {
            height: 45px;
            font-size: 18px;
        }
        form .btn {
            margin-top: 1.5rem !important;
        }
    }

/*----------------------------------------------
	4.4 Page FAQ
------------------------------------------------*/
    #faq-overzicht {
        margin: 6rem 0;
    }

    #faq-overzicht .item + .item {
        margin-top: 5rem;
    }

    #faq-overzicht .item h4 {
        margin-bottom: 2rem;
        padding-left: 1.5rem;
    }

    #accordion .card {
		border: none;
		border-radius: 0;
		background-clip: inherit;
		background: none;
	}

	#accordion .card-header {
		padding: 0;
		background: none;
		border: none;
	}

	#accordion .card .btn-tab {
		text-align: left;
		border-bottom: 3px solid #F3D1A0;
		background: none;
		padding: 2rem 1.5rem;
		width: 100%;
        text-transform: inherit !important;
		border-radius: 0;
	}

    #accordion .card .btn-tab span {
        font-family: 'Gilroy Bold';
		font-size: 1.2rem;
		line-height: 1.5rem;
        color: #33184C;
		letter-spacing: 2px;
        display: block;
    }

    #accordion .card:first-child .btn-tab {
        border-top: 3px solid #F3D1A0;
    }

	#accordion .card .btn-tab i {
        color: #D40758;
        font-size: 1rem;
		line-height: 1.75rem;
        padding-left: 1.5rem;
	}

    #accordion .card .btn-tab.collapsed i {
        font-size: 1.25rem !important;
    }

    #accordion .card .btn-tab.collapsed i:before {
        content: "\e906";
    }

	#accordion .card .card-body {
        font-size: 1rem;
        background: #FCF3E7;
		padding: 2rem 1.5rem;
		border-radius: 0;
	}

    @media all and (max-width: 992px) {
        #accordion .card .btn-tab ,
        #accordion .card .card-body {
            font-size: 1rem;
        }
    }

    @media all and (max-width: 767px) {
        #accordion .card .btn-tab i {
            display: none;
        }
    }

/*----------------------------------------------
	5.2 Module Contenblok
------------------------------------------------*/
	#page-modules .contentblok .content-block {
		width: 50%;
	}

	@media all and (max-width: 1500px) {
		#page-modules .contentblok .content-block {
			width: 70%;
		}
	}

	@media all and (max-width: 992px) {
		#page-modules .contentblok {
			padding: 5.5rem 0;
		}
	}

/*----------------------------------------------
	5.2 Module Voordelen
------------------------------------------------*/
    #page-modules .voordelen .item.big {
        margin: 1.25rem 0;
    }

     #page-modules .voordelen .item.big i {
        font-size: 2.25rem;
        color: #FFF;
    }

    #page-modules .voordelen .item.big span {
		font-size: 2.5rem;
        line-height: 3rem;
        display: inline-block;
	}

    @media all and (max-width: 1440px) {
        #page-modules .voordelen .item.big i {
            font-size: 2rem;
        }
        #page-modules .voordelen .item.big span {
            font-size: 2rem;
            line-height: 2.5rem;
        }
    }

    @media all and (max-width: 992px) {
       #page-modules .voordelen .item.big {
            margin: 1rem 0;
        }
    }

    @media all and (max-width: 767px) {
         #page-modules .voordelen .item.big i {
            font-size: 1.5rem;
        }
        #page-modules .voordelen .item.big span {
            font-size: 1.5rem;
            line-height: 1.75rem;
        }
    }

/*----------------------------------------------
	5.3 Module USP
------------------------------------------------*/
	#page-modules .usp .item img  {
        display: inline-block;
        width: auto !important;
    }

    @media all and (max-width: 1440px) {
        #page-modules .usp .item img  {
            width: 50% !important;
        }
    }

    @media all and (max-width: 992px) {
        #page-modules .usp .item img  {
            width: 75% !important;
        }
    }

    @media all and (max-width: 767px) {
        #page-modules .usp .item img  {
            width: 50% !important;
        }
    }

/*----------------------------------------------
	5.4 Module Opdrachtgevers
------------------------------------------------*/
	#page-modules .opdrachtgevers .item img  {
        display: inline-block;
        width: auto !important;
    }

/*----------------------------------------------
	5.5 Module Call To Action
------------------------------------------------*/
	#page-modules .call-to-action .buttons li {
        margin: 0 1rem;
    }

    #page-modules .call-to-action .buttons li .btn {
        width: 18rem;
    }

    #page-modules .call-to-action.bg-pink .buttons li .btn:hover {
        background: #33184C;
    }

    @media all and (max-width: 767px) {
        #page-modules .call-to-action .buttons li {
            display: block;
            margin: 1rem 0 0 0 !important;
        }
    }

/*----------------------------------------------
	5.6 Module Timeline
------------------------------------------------*/
    #page-modules .timeline .item {
        position: relative;
        overflow: inherit !important;
    }

    #page-modules .timeline .item:before ,
    #page-modules .timeline .item:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 9;
        width: 706px;
    }

    #page-modules .timeline .item.image-full {
        background-attachment: inherit;
    }

    #page-modules .timeline .item:first-child:before ,
    #page-modules .timeline .item:last-of-type:after {
        height: 278px;
        background-repeat: no-repeat !important;
    }

    #page-modules .timeline .item:first-child:before {
        top: 0;
        background-position: bottom;
    }

    #page-modules .timeline .item:nth-child(odd):after ,
    #page-modules .timeline .item:nth-child(even):after {
        bottom: -278px;
        height: 556px;
    }

    #page-modules .timeline .item:last-of-type:after {
        bottom: 0;
        background-position: bottom;
    }

    #page-modules .timeline .item.left:first-child:before {
        background-image:url("../images/line-top-left.svg");
    }

    #page-modules .timeline .item.right:first-child:before {
        background-image:url("../images/line-top-right.svg");
    }

    #page-modules .timeline .item.right:last-of-type:after {
        background-image:url("../images/line-bottom-right.svg") !important;
    }

    #page-modules .timeline .item.left:last-of-type:after {
         background-image:url("../images/line-bottom-left.svg") !important;
    }

/* Odd / Even -------------------------------------- */
    #page-modules .timeline.start-left .item:nth-child(odd):after ,
    #page-modules .timeline.start-right .item:nth-child(even):after {
        background-image:url("../images/line-top-bottom-odd.svg");
    }

    #page-modules .timeline.start-left .item:nth-child(even):after ,
    #page-modules .timeline.start-right .item:nth-child(odd):after {
         background-image:url("../images/line-top-bottom-even.svg");
    }

    @media all and (max-width: 1440px) {
        #page-modules .timeline .item:first-child:before ,
        #page-modules .timeline .item:last-of-type:after {
            height: 150px !important;
        }
        #page-modules .timeline .item:last-of-type:after {
            background-position: top;
            bottom: 0 !important;
        }
        #page-modules .timeline .item:nth-child(odd):after ,
        #page-modules .timeline .item:nth-child(even):after {
            bottom: -150px;
            height: 300px;
        }
        #page-modules .timeline.start-left .item:nth-child(odd):after ,
        #page-modules .timeline.start-right .item:nth-child(even):after {
            background-image:url("../images/line-top-bottom-odd-sm.svg");
        }
        #page-modules .timeline.start-left .item:nth-child(even):after ,
        #page-modules .timeline.start-right .item:nth-child(odd):after {
             background-image:url("../images/line-top-bottom-even-sm.svg");
        }
    }

    @media all and (max-width: 992px) {
        #page-modules .timeline .item {
            padding: 10rem 0!important;
        }
        #page-modules .timeline .item:first-child:before {
            height: 125px !important;
            width: 12.5px !important;
        }
        #page-modules .timeline .item:first-child:before {
            background-image:url("../images/line-top.svg") !important;
        }
        #page-modules .timeline .item.left:last-of-type:after ,
        #page-modules .timeline .item.right:last-of-type:after {
            height: 125px !important;
            bottom: 0 !important;
            background-image:url("../images/line-bottom.svg") !important;
        }
        #page-modules .timeline .item:nth-child(odd):after ,
        #page-modules .timeline .item:nth-child(even):after {
            height: 200px !important;
            width: 12.5px !important;
            bottom: -100px !important;
            background-image:url("../images/line-mobile.svg") !important;
        }
    }

     @media all and (max-width: 767px) {
        #page-modules .timeline .item {
            padding: 8rem 0!important;
        }
        #page-modules .timeline .item:first-child:before ,
        #page-modules .timeline .item:last-of-type:after {
            height: 75px !important;
        }
        #page-modules .timeline .item.left:last-of-type:after ,
        #page-modules .timeline .item.right:last-of-type:after {
            height: 75px !important;
        }
        #page-modules .timeline .item:nth-child(odd):after ,
        #page-modules .timeline .item:nth-child(even):after {
            height: 150px !important;
            width: 12.5px !important;
            bottom: -75px !important;
            background-image:url("../images/line-mobile-xs.svg") !important;
        }
    }

/*----------------------------------------------
	5.6 Module Referenties
------------------------------------------------*/
   #page-modules .referenties .item p {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    #page-modules .referenties .item span.name {
        font-size: 2.25rem;
        display: block;
    }

	#page-modules .referenties .owl-single .owl-dots {
		margin-top: 1.5rem;
	}

	#page-modules .referenties .owl-single .owl-dots .owl-dot span {
        border: 1px solid #FFF;
    }

    #page-modules .referenties .owl-single .owl-dots .owl-dot.active span {
        background: #F3D1A0 !important;
    }

	 @media all and (max-width: 1440px) {
        #page-modules .referenties .item p ,
        #page-modules .referenties .item span.name {
            font-size: 1.75rem;
            line-height: 2rem;
        }
    }

    @media all and (max-width: 767px) {
    	#page-modules .referenties .item p ,
       	#page-modules .referenties .item span.name {
            font-size: 1.25rem;
            line-height: 1.5rem;
        }
    }

/*----------------------------------------------
	6. Footer
------------------------------------------------*/
	#footer {
		padding: 6.5rem 6rem 2rem 6rem;
	}

    #footer .container-fluid {
        max-width: 1620px;
    }

    #footer h4 {
        line-height: 2rem;
    }

    #footer .footer-menu li a ,
	#footer .contactgegevens li a {
        font-size: 1.4rem;
        line-height: 2rem;
		color: #33184C;
        padding: 0;
	}

	#footer .footer-menu li a:hover ,
    #footer .contactgegevens li a:hover {
		color: #D40758 !important;
	}

	#footer .contactgegevens li span {
        font-size: 1.5rem;
		color: #D40758;
		display: inline-block;
		width: 1.75rem;
	}

    #footer .buttons li .btn {
        width: 16.5rem;
    }

    #footer .buttons li + li {
        margin-top: 0.75rem;
    }

	#footer span.author {
		font-size: 0.7rem;
		line-height: 1;
		color: #C2B5A3;
	}

    #footer span.author a {
        color: #C2B5A3;
    }

   	#footer span.author a:hover {
        color: #D40758;
    }

	#footer hr {
		margin-top: 3.25rem;
		margin-bottom: 3.75rem;
		border-color: #33184C;
	}

	#footer .footer-links {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		webkit-column-gap: 1.5rem;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
	}

    @media all and (max-width: 1440px) {
        #footer {
		    padding: 6.5rem 1.25rem 2rem 1.25rem;
	    }
        #footer h4 ,
        #footer .footer-menu li a ,
	    #footer .contactgegevens li a ,
        #footer .contactgegevens li span {
            font-size: 1rem;
            line-height: 1.5rem;
        }
    }

    @media all and (max-width: 1200px) {
        #footer {
		    padding: 5rem 1.25rem 2rem 1.25rem;
	    }
        #footer h4 ,
        #footer .footer-menu li a ,
	    #footer .contactgegevens li a ,
        #footer .contactgegevens li span {
            font-size: 1rem;
            line-height: 1.5rem;
        }
		#footer .buttons li .btn {
			font-size: 1rem;
        	width: 100%;
   	 	}
        #footer span.author {
		    font-size: 0.6rem;
        }
    }

     @media all and (max-width: 992px) {
        #footer .buttons li .btn {
            font-size: 1rem;
            width: 100%;
        }
        #footer span.author {
		    font-size: 0.55rem;
        }
		#footer .footer-links {
			column-count: 1;
			column-gap: 0;
		}
    }

     @media all and (max-width: 767px) {
        #footer .buttons li .btn {
            font-size: 1.2rem;
            width: 16.5rem;
        }
        #footer span.author {
		    font-size: 0.7rem;
        }
    }
	/*----------------------------------------------
		OVERRIDES BY LEON
	------------------------------------------------*/

	.modules-only-page {
		padding: 13rem 0 3rem 0;
	}

	@media all and (max-width: 1440px) {
		.modules-only-page {
			padding: 12.5rem 0 3rem 0;
		}
	}

	@media all and (max-width: 1200px) {
		.modules-only-page {
			padding: 10rem 0 3rem 0;
		}
	}

	@media (max-width: 767px) {
		.modules-only-page {
			padding: 8rem 0 2rem 0;
		}

		.padding-section-md {
			padding: 3rem 0;
		}
	}