@charset "utf-8";
	/*
	@import url("https://fonts.googleapis.com/css?family=Great+Vibes|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
	*/
	/**** BASIC ****/
	::selection {
		background: #2D5686; /* WebKit/Blink Browsers */
		color:#fff;
	}
	::-moz-selection {
		background: #2D5686; /* Gecko Browsers */
		color:#fff;
	}

	html, body {
		width: 100%;
		height: 100%;
		line-height:1.6;
		font-size: 1.0rem;
		color: #666;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
		background-color:#F6F6F6;
	}
	
	strong {
		font-weight:700;
	}

	h1 {
		color: #2D5686;
		margin: 60px 0 40px 0;
		font-size: 2.2rem;
		font-weight:800;
	}
	
	
	h2 {
		color: #666;
		margin: 24px 0 20px 0;
		font-size: 1.5rem;
	}

	h3 {
		color: #666;
		margin: 20px 0 20px 0;
		font-size: 1.2rem;
	}

	@media (max-width: 576px) {
		
		h1 {
			margin: 50px 0 30px 0;
			font-size: 2.0rem;
		}
		
		h2 {
			margin: 30px 0 20px 0;
			font-size: 1.6rem;
		}
	}

	a {
		color: #2D5686;
		text-decoration: none;
		background-color: transparent;
		-webkit-text-decoration-skip: objects;
	}

	a:hover {
		color: #007FB5;
		text-decoration: underline;
	}

	a.totopbtn {
		color: #fff;
		text-decoration: none;
		background-color: #2D5686;
		padding:5px 10px 10px 10px;
	}

	a.totopbtn:hover {
		color: #fff;
		text-decoration: none;
		padding:3px 8px 8px 8px;
		background-color:transparent;
		border: 2px solid #2D5686;
	}

	.btn {
		border-radius: 0;
	}

	/*****************************
	 **** NAVIGATION          ****
	******************************/

	.navbar {
		margin-top: 50px;
		padding-bottom: 40px;
	}

	.navbar-brand {
		position: absolute;
		top: -105px;
		text-align: center;	
	}

	a.nav-link {
		color: #fff;
		text-transform: uppercase;
		font-weight: 500;
	}

	a.nav-link:hover {
		color: #fff;
		text-transform: uppercase;
		font-weight: 500;
	}

	.btn-decoration .nav-link:after {
		-webkit-transform: scale(0, 1);
		-ms-transform: scale(0, 1);
		-o-transform: scale(0, 1);
		transform: scale(0, 1);
		-webkit-transform-origin: center center 0px;
		-moz-transform-origin: center center 0px;
		-ms-transform-origin: center center 0px;
		transform-origin: center center 0px;
		-webkit-transition: all 0.15s ease-out 0s;
		-o-transition: all 0.15s ease-out 0s;
		transition: all 0.15s ease-out 0s;
		border-bottom: 4px solid #fff;
		content: "";
		display: block;
		height: 1px;
		left: 7px;
		margin-top: 3px;
		position: relative;
		top: 3px;
		width: 90%;
	}

	.btn-decoration .nav-link.active:after,
	.btn-decoration .nav-link:hover:after,
	.btn-decoration .nav-link:focus:after {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	a.nav-link {
		color:#fff;
	}

	/*****************************
	 **** NAVIGATION MOBIL    ****
	******************************/
	nav.navbar.navbar-mobile {

		display: block;
		padding:0;
		margin:0;
	}

	.navbar-toggler {
		position: absolute;		
		right:0;
		top:-80px;
		border: none;
		padding:20px 0 0 0;
	}

	.navbar-mobile .navbar-toggler span {
		background: #ffffff;
		box-shadow: 0 9px #ffffff, 0 -9px #ffffff;
		color: rgba(0, 0, 0, 0);
		content: "";
		float: right;
		height: 4px;
		width: 30px;
		margin: 14px 0;
	}

	.navbar-mobile .navbar-nav {
		z-index:100;
		position:absolute;
		top:0;
		left:0;
		background: rgba(45, 86, 134, 0.95);
		margin-top: 24px;
		border: 1px solid #2d5686;
		text-align: center;
		width:100%;
	}

	.mobile-brand-position {
		text-align:center;
	}

	.banner-inner {
		padding:0;
	}

	.banner-inner::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(10, 10, 10, 0.6);
	}

	.navbar.navbar-mobile .navbar-collapse .navbar-nav li a {
		border-bottom: 1px solid #cccccc;
		font-size: 14px;
		text-decoration: none;
		color: #ddd;
		text-align: center;
	}

	.navbar.navbar-mobile .navbar-nav li a.active {
		font-weight: bold;
		color: #fff;
	}

	/*****************************
	 **** NIEUW ******************
	 *****************************/
	.banner-title {
		font-family: 'Great Vibes', cursive;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 78px;
	}
	
	.banner-subtitle {
		font-weight: 300;
		text-transform: uppercase;
		position: relative;
		margin-top: 0;
		margin-bottom: 30px;
		display: inline-block;
		font-size: 42px;
		padding-right: 130px;
		padding-left: 130px;
	}

	.banner-subtitle::before {
		content: "";
		height: 1px;
		width: 110px;
		background-color: #ffffff;
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
	}

	.banner-subtitle::after {
		content: "";
		height: 1px;
		width: 110px;
		background-color: #ffffff;
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		bottom: auto;
	}


	h2.banner-title  {
		font-family: 'Great Vibes', cursive;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 40px;
	} 


	.banner-subtitle-h3 {
		font-weight: 300;
		text-transform: uppercase;
		position: relative;
		font-size: 25px;
		margin-bottom: 27px;
		margin-top: 0;
		padding-left: 0;
	}


	a.square-bracket {
		background-color: transparent;
		color: #2d5686;
		display: inline-block;
		font-weight: 400;
		padding: 8px 20px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 1;
		margin-top: 15px;
	}

	a.square-bracket:hover {
		background-color: #cccccc;
		text-decoration: none;
		color: #000;
	}


	a.square-bracket::before {
		background: transparent;
		border-color: #2d5686;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 45%;
		z-index: -1;
	}

	a.square-bracket::after {
		background: transparent;
		border-color: #2d5686;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		left: auto;
		right: 0;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 45%;
		z-index: -1;
	}


	a.square-bracket-white {
		background-color: transparent;
		color: #fff;
		display: inline-block;
		font-weight: 400;
		padding: 8px 20px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 1;
		margin-top: 15px;
	}

	a.square-bracket-white:hover {
		background-color: #fff;
		color:#2d5686;
		text-decoration: none;
	}

	a.square-bracket-white::before {
		background: transparent;
		border-color: #fff;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 45%;
		z-index: -1;
	}

	a.square-bracket-white::after {
		background: transparent;
		border-color: #fff;
		border-style: solid;
		border-width: 1px 1px 1px 0;
		left: auto;
		right: 0;
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 45%;
		z-index: -1;
	}

	.evenmenten-h1 {
		background-image: url(../decor/title-left-img.png), url(../decor/title-right-img.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
		display: inline-block;
		font-weight: 400;
		padding-left: 4rem;
		padding-right: 4rem;
		color: #2d5686;
		text-transform: uppercase;
		margin-top: 0;
		font-size: 36px;
	}


	.evenmenten-h2 {
		background-image: url(../decor/title-left-img.png), url(../decor/title-right-img.png);
		background-position: left center, right center;
		background-repeat: no-repeat, no-repeat;
		display: inline-block;
		font-weight: 400;
		padding-left: 4rem;
		padding-right: 4rem;
		color: #2d5686;
		text-transform: uppercase;
		margin-top: 0;
		font-size: 26px;
	}
	
	.meer-info {
		background-image:url(../decor/mee-info.jpg);
		background-position: center top -210px;
		background-repeat:no-repeat;
		background-size: cover;
	}

	.meer-info-mobile {
		background-image: url(../decor/mee-info.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}


	a.evenmentenlink:hover {
		color: #ffffff;
		background-color: #2d5686;
		text-decoration: none;
	}

	@media screen and (min-width: 992px) {
		a.evenmentenlink {
			font-size: 26px;
			max-width: 235px;
			padding: 10px 50px;
		}
	}

	a.evenmentenlink {
		font-weight: 600;
		text-transform: uppercase;
		color: #2d5686;
		background-color: #ffffff;
		text-decoration: none;
		font-size: 14px;
		max-width: 160px;
		padding: 16px 25px;
	}


	.banner-title-container {
		color: #ffffff;
		position: absolute;
		left: 0;
		right: 0;
		text-align: center;
		z-index: 1;
		bottom: 20px;
	}

	.banner-title-mobile {
		font-family: 'Great Vibes', cursive;
		font-weight: 400;
		margin-top: 0;
		margin-bottom: 5px;
		font-size: 36px;
	}

	.banner-subtitle-mobile {
		font-weight: 300;
		margin-top: 0;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-size: 18px;
	}

	/********************************
	******* CONTACT           *******
	*********************************/

	.address-icon {
		background-color: #2d5686;
		background-image: url(../decor/contact-detail.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 80px;
		width: 80px;
		margin: 3rem auto 2rem;
		border-radius: 50%;
	}

	.phone-icon {
		background-color: #2d5686;
		background-image: url(../decor/contact-number.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 80px;
		width: 80px;
		margin: 3rem auto 2rem;
		border-radius: 50%;
	}

	.email-icon {
		background-color: #2d5686;
		background-image: url(../decor/contact-email.png);
		background-repeat: no-repeat;
		background-position: center center;
		height: 80px;
		width: 80px;
		border-radius: 50%;
		margin: 3rem auto 2rem;
	}

	#map {
		height: 500px;
		width: 100%;
	}
		
	/********************************
	******* Home section     *******
	********************************/
	#home {
		background-image:linear-gradient(rgba(10, 10 ,10 , .6), rgba(10, 10, 10, .6)), url('../slider/image1.jpg');
		background-position: 50% 0;
		background-repeat:no-repeat;
		background-attachment:scroll;

		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;

		color: #ffffff;

	}

	.parallax-section {
		background-attachment: fixed !important;
		background-size: cover !important;
	}

	.full_height_section {
		height: 100vh;
	}

	.parallax-background {
		background-attachment: fixed !important;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover !important;
	}

	#home h1 {
		font-size: 24px;
		letter-spacing: 3px;
		line-height: 32px;
		font-style: normal;
		padding-top: 10px;
	  }
	  
	#home .btn {
		background: transparent;
		border-radius: 0;
		border: 3px solid #ffffff;
		color: #ffffff;
		font-weight: bold;
		letter-spacing: 2px;
		padding: 16px 42px;
		margin-top: 40px;
		transition: all 0.4s ease-in-out;
	}

	#home .btn:hover {
		background: #ffffff;
		color: #202020;
	}
	

	/************************/
	/****    FOOTER     *****/
	/************************/
	
	footer {
		background-color: #2D5686;
		color:#FFF;
	}

	.footer-menu {
		padding-top:40px;
	}

	.footer-menu li {
		display: inline-block;
	}

	.footer-menu li a.active {
		font-weight: 600;
	}

	.footer-menu li a {
		text-transform: uppercase;
		font-weight: 300;
		color: #ffffff;
		position: relative;
		padding: 0 20px;
	}

	.footer-menu li:first-child a::after {
		background: transparent;
	}

	.footer-menu li a::after {
		content: "";
		display: block;
		height: 13px;
		width: 1px;
		background: #ffffff;
		position: absolute;
		top: 5px;
		left: 0;
	}

	a.totopbtn {
		color: #fff;
		text-decoration: none;
		background-color: #2D5686;
		padding:5px 10px 10px 10px;
	}
	a.totopbtn:hover {
		color: #2D5686;
		text-decoration: none;
		padding:3px 8px 8px 8px;
		background-color:#fff;
		border: 2px solid #2D5686;
	}