@font-face {
	font-family: 'Roboto Slab Bold';
	src: url('/css/one-pager/fonts/RobotoSlab-Bold.ttf');
}
@font-face {
	font-family: 'OpenSans SemiBold';
	src: url('/css/one-pager/fonts/OpenSans-Semibold.ttf');
}



/* SECTION SPECIFIC CSS */



/* TOP MENU */
#section-menu {
	z-index: 20;
	position: relative;
	background-color: transparent;
	height: 108px !important;
}

	#section-menu ul {
		margin-top: 35px;
		margin-left: 75px;
	}

		#section-menu ul li {
			margin-top: 9px;
			font-size: 14px;
			letter-spacing: 0.14px;
			line-height: 30px;
		}
		#section-menu ul li:not(:last-child) {
			margin-right: 25px;
		}

	#section-menu .socials {
		white-space: nowrap;
		pointer-events: none;
		margin-top: 43px;
	}

		#section-menu .socials a {
			width: 32px;
			margin-right: 33px;
			margin-left: auto;
			pointer-events: all;
		}
		#section-menu .socials a:not(:first-of-type) {
			/*margin-left: 20px;*/
		}

			#section-menu .socials a img {
				width: initial;
				height: initial;
			}



/* MAIN MESSAGE TO THE AUDIENCE | REGELGEVING HANDHAVEN MET CHECK YOUR SAFETY APP */
#section1 {
	background-image: url('/images/one-pager/section1/background.png');
	background-size: 100% 100%;
	margin-top: -108px;
	padding-top: 108px;
	padding-bottom: 108px;
	background-color: white;
}

	#section1 #section1Content {
		margin-top: 0px;
	}

		#section1 #section1Content .image {
			float: none;
			padding-top: 50px;
			/*padding-left: 200px;*/
		}

			#section1 #section1Content .image img {
				/*margin-top: 5%;*/
				/*max-width: none;*/
				/*width: 550px;*/
				/*width: 85%;*/
				/*width: 100%;*/
			}

		#section1 #section1Content .text {
			float: none;
			/*padding-top: 50px;*/
		}

			#section1 #section1Content .text h1 {
				font-size: 48px;
			}

			#section1 #section1Content .text p {
				/*max-width: 75%;*/
			}

			#section1 #section1Content .text #dl-buttons {
				white-space: nowrap;
				/*display: flex;*/
				width: 135%;
				margin: 75px 0px 25px;
			}

				#section1 #section1Content .text #dl-buttons .button {
					background-color: white;
					display: inline-flex;
					box-shadow: 0px 5px 20px 5px hsl(18, 75%, 45%);
					margin-right: 15px;
					padding: 18px;
				}

					#section1 #section1Content .text #dl-buttons .button img {
						display: inline-block;
						margin: 0px 5px;
						width: 30px;
						height: 34px;
					}

					#section1 #section1Content .text #dl-buttons .button div {
						display: inline-block;
						width: calc(100% - 35px);
						/*background-color: red;*/
					}

						#section1 #section1Content .text #dl-buttons .button div p {
							color: black;
							text-align: center;
							margin: 0px auto;
							line-height: 1em;
							max-width: initial;
						}
						#section1 #section1Content .text #dl-buttons .button div p.dl {
							font-size: 14px;
						}
						#section1 #section1Content .text #dl-buttons .button div p.store {
							font-size: 22px;
							font-family: 'OpenSans SemiBold';
						}

	#section1 #section1TriangleBottom {
		pointer-events: none;
	}



/* WHAT THE APP DOES? | VEILIGHEID VOOROP: AANSCHOUW DE APP */
#section2 {
	min-height: initial;
}

	#section2 .image {
		margin-top: calc(250px - 10%);
	}

		#section2 .image img {
			/*max-width: 117.5%;*/
			max-width: 95%;
		}



/* FUNCTIONALITIES | FRAAIE FUNCTIONALITEITEN */
#section3 {
	padding-top: 7.5%;
	text-align: center;
	padding-bottom: 0px;
}

	#section3 .slider-header {
		margin-bottom: 0px;
	}

	#section3 #owl-demo {
		margin-left: 100px;
	}

		#section3 #owl-demo .item img {
			margin-top: 75px;
		}

		#section3 #owl-demo .owl-pagination {
			margin-left: calc(50% - 100px);
		}

			#section3 #owl-demo .owl-pagination .owl-page {
				/*display: none;*/
				margin-top: 10px;
			}

				#section3 #owl-demo .owl-pagination .owl-page span {
					border-color: #2F3860; /* dark blue */
				}
				#section3 #owl-demo .owl-pagination .owl-page.active span {
					background-color: #2F3860 !important; /* dark blue */
				}

		#section3 #owl-demo .owl-prev:before,
		#section3 #owl-demo .owl-next:before {
			width: 30px !important;
			height: 30px !important;
			left: 0px;
			top: 0px;
			/*filter: grayscale(50%) brightness(50%);*/
		}

		#section3 #owl-demo .owl-prev:before {
			background-image: url('/images/one-pager/section3/arrow_left.png');
		}

		#section3 #owl-demo .owl-next:before {
			background-image: url('/images/one-pager/section3/arrow_right.png');
		}

	#section3>img {
		margin: 75px -99999px 0px;
	}



/* RATES | PAKKETPRIJZEN */
#section4 {
	background-color: #F5F5F5; /* gray */
	padding-bottom: 75px;
}

	#section4 #section4Content {
		padding-top: 0px;
	}

		#section4 #section4Content h1 {
			margin: 20px -99999px 15px;
		}

		#section4 #section4Content #packages {
			margin: 75px -125px;
			display: flex;
		}

			#section4 #section4Content #packages .package {
				background-color: white;
				padding: 50px;
				margin: 0px 10px;
				/*height: 500px;*/
				display: inline-block;
				box-shadow: 0px 0px 50px 5px hsl(0, 0%, 85%);
				border-radius: 5px;
			}
			#section4 #section4Content #packages .package:first-of-type {
				margin-left: auto;
			}
			#section4 #section4Content #packages .package:last-of-type {
				margin-right: auto;
			}

				#section4 #section4Content #packages .package p {
					margin-bottom: 0px;
					font-size: 16px;
				}

				#section4 #section4Content #packages .package h2 {
					margin-top: 0px;
					margin-bottom: 30px;
					font-family: 'Roboto Slab Bold', 'Open Sans', sans-serif;
					min-height: 66px;
				}

				#section4 #section4Content #packages .package .price {
					color: #FB6A2A; /* orange */
					font-size: 50px;
					font-family: 'Roboto Slab Bold', 'Open Sans', sans-serif;
				}

				#section4 #section4Content #packages .package .price+p {
					font-size: 14px;
					color: #231D18; /* almost black */
				}

				#section4 #section4Content #packages .package .desc {
					max-width: 375px;
					margin: 40px auto 20px;
					font-size: 13px;
				}

		#section4 #section4Content #btn-contact {
			box-shadow: 0px 5px 20px 5px hsl(0, 0%, 75%);
		}



/* REFERENCES | ZIJ GINGEN JE VOOR */
#section5 {
	min-height: 700px;
	/*padding-bottom: 200px;*/
	padding: 75px 0px;
}

	#section5 #section5Content {
		min-height: 465px;
		/*padding-top: 20px;*/
	}

		#section5 #section5Content .text {
			margin-top: 0px;
			margin-bottom: 55px;
		}

			#section5 #section5Content .text h1 {
				margin-top: 0px;
			}

		#section5 #section5Content .reference {
			width: 75%;
			margin: auto;
		}

			#section5 #section5Content .reference .row {
				/*background-color: red;*/
				display: flex;
				flex-flow: row wrap;
				align-items: flex-end;
				text-align: left;
				position: relative;
				margin: 0px 0px 25px;
			}

				#section5 #section5Content .reference .row .person {
					/*background-color: green;*/
					flex-grow: 11;
					display: flex;
					flex-flow: row nowrap;
					align-items: flex-end;
				}

					#section5 #section5Content .reference .row .person .pic {
						border-radius: 100%;
						width: 100px;
						height: 100px;
						margin: 25px 25px 0px;
					}

					#section5 #section5Content .reference .row .person .text {
						/*background-color: yellow;*/
						display: flex;
						flex-flow: column nowrap;
						justify-content: flex-end;
						align-content: flex-end;
						margin: 0px;
					}

						#section5 #section5Content .reference .row .person .text * {
							text-align: left;
						}

						/*#section5 #section5Content .reference .row .person .text h2 {
							font-size: 20px;
						}*/

						#section5 #section5Content .reference .row .person .text p {
							margin: 0px;
							color: #231D18; /* almost black */
							line-height: 1em;
						}

				#section5 #section5Content .reference .row .logo {
					flex-grow: 1;
					display: flex;
					justify-content: center;
					align-items: flex-end;
				}

					#section5 #section5Content .reference .row .logo img {
						width: 200px;
						height: auto;
					}

			#section5 #section5Content .reference blockquote {
				border: none;
				font-style: italic;
				background-color: #F5F5F5; /* gray */
				border-radius: 10px;
				padding: 40px 60px;
				margin-bottom: 30px;
				font-size: 14px;
			}

		#section5 #section5Content #btn-show-more {
			margin-top: 60px;
			width: 189px;
			height: 46px;
			border-radius: 23px;
			font-size: 14px;
			padding: 12px;
			box-shadow: 0px 5px 15px 1px hsl(0, 0%, 75%);
		}



/* CONTACT */
#section6 {
	background-image: url('/images/one-pager/section6/background.png');
	background-size: cover;
	min-height: initial;
	padding: 75px 0px;
}

	#section6 .form {
		margin: 0px;
	}

		#section6 .form h1 {
			text-align: right;
			margin: 15px 0px 50px;
		}

		#section6 .form form label {
			font-size: 14px;
		}

			#section6 .form form label span {
				color: white !important;
			}

		#section6 .form form input,
		#section6 .form form textarea {
			color: black;
		}

		#section6 .form form #form-submit-btn {
			border: none;
			background-color: #FB6A2A; /* orange */
			width: 162px;
			height: 46px;
			border-radius: 23px;
			font-size: 16px;
			padding: 12px;
			letter-spacing: 0.32px;
		}



/* FOOTER */
#section-footer {
	background-color: #2F3860; /* dark blue */
	padding-bottom: 25px;
	margin-top: -25px;
	min-height: initial;
}

	#section-footer h4 {
		margin-top: 30px;
	}

	#section-footer .social-row {
		text-align: left;
	}

		#section-footer .social-row p {
			width: auto;
		}

		#section-footer .social-row a  {
			float: none;
		}

			#section-footer .social-row a * {
				display: inline-block;
				font-size: 15px;
				letter-spacing: 0.15px;
			}

	#section-footer .copyright {
		display: inline-block;
		width: 50%;
		float: left;
		margin-left: -15px;
		margin-top: 0px;
	}

		#section-footer .copyright p {
			width: 100%;
			margin-bottom: 40px;
		}

	#section-footer .developed-by-dtt {
		display: inline-block;
		width: 50%;
		float: right;
		/*margin-top: 20px;*/
		margin-right: -15px;
		margin-top: 0px;
	}

		#section-footer .developed-by-dtt p,
		#section-footer .developed-by-dtt a {
			margin-top: 0px;
			text-align: right;
			/*color: #77abf1;*/ /* sky blue */
			color: #696F8B; /* blueish gray */
		}