* {
	box-sizing: border-box;
}

*,
*:focus,
*:hover {
	outline: none;
}

body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
}

body,
p {
	color: #626262;
	font: 400 0.875rem/1.375rem "Raleway", sans-serif;
	font-size: 1rem;
	line-height: 1.6rem;
	letter-spacing: 0.009rem;

}

input,
select,
textarea {
	width: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid #c4d8dc;
	border-radius: 0.25rem;
	background-color: #fff;
	color: #626262;
	font: 400 0.875rem/1.875rem "Raleway", sans-serif;
	transition: all 0.2s;
	-webkit-appearance: none;
	margin-bottom: 1rem;
}

textarea {
	height: 8rem;
}

input[type=checkbox] {
	position: relative;
	top: 2px;
	-webkit-appearance: checkbox;
	width: auto;
}

ul {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

ul li {
	list-style: none;
	display: flex;
	margin-bottom: 5px;
	text-align: left;
}

ul li i {
	color: #00bfd8;
	line-height: 1.375rem;
	margin-right: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.width_5,
.width_10,
.width_12,
.width_15,
.width_20,
.width_25,
.width_30,
.width_33,
.width_35,
.width_40,
.width_45,
.width_50,
.width_55,
.width_60,
.width_65,
.width_70,
.width_75,
.width_80,
.width_85,
.width_90,
.width_95,
.width_100 {
	height: auto;
	float: left;
}

.width_5 {
	width: 5%;
}

.width_10 {
	width: 10%;
}

.width_12 {
	width: 12%;
}

.width_15 {
	width: 15%;
}

.width_20 {
	width: 20%;
}

.width_25 {
	width: 25%;
}

.width_30 {
	width: 30%;
}

.width_33 {
	width: 33.3%;
}

.width_35 {
	width: 35%;
}

.width_40 {
	width: 40%;
}

.width_45 {
	width: 45%;
}

.width_50 {
	width: 50%;
}

.width_55 {
	width: 55%;
}

.width_60 {
	width: 60%;
}

.width_65 {
	width: 65%;
}

.width_70 {
	width: 70%;
}

.width_75 {
	width: 75%;
}

.width_80 {
	width: 80%;
}

.width_85 {
	width: 85%;
}

.width_90 {
	width: 90%;
}

.width_95 {
	width: 95%;
}

.width_100 {
	width: 100%;
}

.screen_width {
	width: 1300px;
	margin: 0 auto;
}

.margin_0 {
	margin: 0 !important;
}

.float_right {
	float: right;
}

.vertical_center {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.horizontal_spread {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.horizontal_evenly {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

.horizontal_center {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.ipad_only {
	display: none;
}

.important {
	display: none;
}

@media (min-width:320px) and (max-width:1400px) {
	.ipad_only {
		display: block;
	}

	.ipad_width_100 {
		width: 100%;
		height: auto;
		float: left;
	}

	.screen_width {
		width: 80%;
	}
}

.mobile_only {
	display: none;
}

@media (min-width:320px) and (max-width:767px) {

	.mobile_only {
		display: block;
	}

	.mobile_width_100 {
		width: 100%;
		height: auto;
		float: left;
	}

	.mobile_width_50 {
		width: 50%;
		height: auto;
		float: left;
	}

	.mobile_float_right {
		float: right;
	}

	.mobile_float_left {
		float: left;
	}

	.mobile_disable {
		display: none !important;
	}

	.mobile_reverse {
		display: flex;
		flex-direction: column-reverse;
	}

	.mobile_flexbox * {
		flex-basis: 100%;
	}

}

@media (min-width:500px) and (max-width:999999999px) {

	/* Only show custom scrollbar on screens wide enough */
	::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.07);
	}

	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background: #4079bd;
	}

	::-webkit-scrollbar-thumb:hover {
		background: #4079bd;
	}
}


.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.small_break {
	height: 1vh;
	width: 100%;
	height: auto;
	overflow: hidden;
	border: none;
}

.break {
	height: 2vh;
	width: 100%;
	height: auto;
	overflow: hidden;
	border: none;
}

.large_break {
	height: 3vh;
	width: 100%;
	overflow: hidden;
	border: none;
}

.extra_large_break {
	height: 7vh;
	width: 100%;
	overflow: hidden;
	border: none;
}

.mirror_element_y {
	transform: scaleY(-1);
}

.mirror_element_x {
	transform: scaleX(-1);
}

.top_menu {
	width: 100vw;
	position: fixed;
	display: flex;
	align-content: center;
	justify-content: space-between;
	padding: 2rem;
	font: 600 0.875rem/0.875rem "Raleway", sans-serif;
	transition: background 0.3s, padding 0.3s;
	box-sizing: border-box;
	z-index: 1;
}

.top_menu a,
.top_menu span {
	margin-right: 1.05rem;
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.top_menu_scroll {
	background: white;
	box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
	padding: 1rem 2rem;
}

.top_menu_scroll a,
.top_menu_scroll span {
	color: #393939;
}

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

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown_content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 220px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	padding: 12px 16px;
	z-index: 1;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.dropdown_content a,
.dropdown_content span {
	color: #393939;
}

.dropdown:hover .dropdown_content {
	display: block;
}

.mobile_menu {
	display: none;
	background: none;
	border: none;
	font-size: 1.7rem;
	color: #393939;
}

.menu_left_container {
	display: flex;
}

@media (min-width:320px) and (max-width:770px) {
	.top_menu {
		padding: 1rem 2rem;
		background: white;
		box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
	}

	.mobile_menu {
		display: block;
	}

	.menu_left_container {
		justify-content: end;
	}

	.menu_items {
		display: none;
		background: white;
		color: #393939;
		position: absolute;
		left: 0;
		width: 100vw;
		max-height: 75vh;
		top: 5rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgb(0 0 0 / 10%);
		overflow: scroll;
	}

	.menu_items a,
	.menu_items span {
		color: #393939;
	}

	.menu_items div {
		padding: 20px;
		box-sizing: border-box;
	}

	.dropdown {
		width: 100%;
	}

	.dropdown_content {
		position: relative;
		width: 100%;
		box-shadow: none;
		padding: 0 !important;
	}
}

.search_container {
	display: flex;
}

.search_bar {
	margin-bottom: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	background: none;
	border: 1px solid white;
	border-right: none;
	color: white;

}

.search_bar::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: white;
}

.search_bar::-moz-placeholder {
	/* Firefox 19+ */
	color: white;
}

.search_bar:-ms-input-placeholder {
	/* IE 10+ */
	color: white;
}

.search_bar:-moz-placeholder {
	/* Firefox 18- */
	color: white;
}

.top_menu_scroll .search_bar {
	border: 1px solid #393939;
	color: #393939;
}


.top_menu_scroll .search_bar::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #393939;
}

.top_menu_scroll .search_bar::-moz-placeholder {
	/* Firefox 19+ */
	color: #393939;
}

.top_menu_scroll .search_bar:-ms-input-placeholder {
	/* IE 10+ */
	color: #393939;
}

.top_menu_scroll .search_bar:-moz-placeholder {
	/* Firefox 18- */
	color: #393939;
}


.search_button {
	padding: 0.8rem 1rem;
	border: 1px solid white;
	border-top-right-radius: 0.25rem;
	background: none;
	color: white;
	border-bottom-right-radius: 0.25rem;
	transition: border 0.2s, color 0.2s;
}

.top_menu_scroll .search_button {
	color: #393939;
	border: 1px solid #393939;
	border-left: none;
}

.accordion {
	background-color: #e3e3e3;
	cursor: pointer;
	width: 100%;
	height: 45px;
	padding-left: 15px;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: background-color 0.4s, color 0.4s;
	margin-bottom: 8px;
}

.accordion p {
	height: 100%;
	line-height: 45px;
}

.active,
.accordion:hover {
	filter: brightness(90%)
}

.accordion:after {
	/* Unicode character for "plus" sign (+) */
	content: '\002B';
	font-size: 30px;
	float: right;
	margin-right: 10px;
}

.active:after {
	content: "\2212";
	/* Unicode character for "minus" sign (-) */
}

.panel {
	padding: 10px 20px;
	display: none;
	background-color: var(--accordion-panel-background);
	overflow: hidden;
	margin-bottom: 8px;
	transition: background 0.8s;
}

.light_background {
	background: #ecfdff;
}

.button {
	font: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: 600;
	background: #00bfd8;
	padding: 8px 20px;
	border: 2px solid #00bfd8;
	color: white;
	text-decoration: none;
	font-weight: 600;
	border-radius: 30px;
	margin: 5px 10px;
	display: inline-block;
	transition: background 0.4s, color 0.4s;
	cursor: pointer;
}

.button:hover {
	background: white;
	color: #00bfd8;
	text-decoration: none;
}

.medium_button {
	background: #00bfd8;
	padding: 15px 20px;
	border: 2px solid #00bfd8;
	color: white;
	text-decoration: none;
	font-weight: 600;
	border-radius: 30px;
	margin: 5px 10px;
	display: inline-block;
	transition: background 0.4s, color 0.4s;
	cursor: pointer;
}

.medium_button:hover {
	background: white;
	color: #00bfd8;
	text-decoration: none;
}

.large_button {
	background: #00bfd8;
	padding: 20px 75px;
	border: 2px solid #00bfd8;
	color: white;
	font-size: 1.4rem;
	text-decoration: none;
	font-weight: 600;
	border-radius: 40px;
	margin: 5px 10px;
	display: inline-block;
	transition: background 0.4s, color 0.4s;
	cursor: pointer;
}


.large_button:hover {
	background: white;
	color: #00bfd8;
	text-decoration: none;
}

h1 {
	color: #393939;
	font: 700 3rem/3.5rem "Raleway", sans-serif;
}

h2 {
	color: #393939;
	font: 700 2.25rem/2.75rem "Raleway", sans-serif;
}

h3 {
	color: #393939;
	font: 700 1.75rem/2rem "Raleway", sans-serif;
}

h4 {
	color: #393939;
	font: 700 1.375rem/1.875rem "Raleway", sans-serif;
}

h5 {
	color: #393939;
	font: 700 1.125rem/1.625rem "Raleway", sans-serif;
}

h6 {
	color: #393939;
	font: 700 1rem/1.5rem "Raleway", sans-serif;
}

.heading_style_h1 {
	color: #393939;
	font: 700 3rem/3.5rem "Raleway", sans-serif;
}

.heading_style_h4 {
	color: #393939;
	font: 700 1.375rem/1.875rem "Raleway", sans-serif;
}

a {
	color: #626262;
	text-decoration: none;
}

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

.header_2 {
	padding-top: 12.5rem;
	background: url(../img/header-background.svg) center center no-repeat;
	background-position-x: right;
	background-position-y: top;
	background-size: 95vw;
	min-height: 80vh;
	margin-bottom: -20vh;
}

.small_header_2 {
	padding-top: 12.5rem;
	background: url(../img/header-background-small.svg) center center no-repeat;
	background-position-x: right;
	background-position-y: top;
	background-size: 95vw;
}


@media (min-width:320px) and (max-width:767px) {
	.header_2 {
		margin-bottom: 0;
		min-height: 0;
	}
}

@media (min-width:767px) and (max-width:1400px)and (orientation : landscape) {
	.header_2 {
		margin-bottom: 3vh;
	}
}

.website_preview {
	padding-top: 1.4vw;
	background-image: url(https://lekkerqr.nl/img/adminpanel.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: calc(20vw * 1.966);
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	justify-content: center;
}

.website_preview iframe {
	border: none;
	display: block;
	margin: 0 auto;
	margin-left: 3.1%;
	margin-top: 3.4%;
	width: 170.9%;
	height: 108.8%;
	background: white;
	-webkit-transform: scale(0.55);
	-webkit-transform-origin: 0 0;
}

.mobile_qr_preview {
	padding-top: 1.7vw;
	background-image: url(https://lekkerqr.nl/my-lekkerqr/dynamic/img/mobile.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	margin: 0 auto;
	padding-bottom: calc(90% * 1.966);
	position: relative;
}

.mobile_qr_preview iframe {
	position: absolute;
	left: 6%;
	top: 2.4%;
	border: none;
	border-radius: 25px;
	display: block;
	margin: 0 auto;
	width: 87%;
	height: 95%;
}


.price_block_container {
	display: grid;
	padding: 40px 0;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
}

.price_block_1,
.price_block_2,
.price_block_3 {
	border-radius: 0.5rem;
	padding: 40px;
	position: relative;
	background: white;
	width: 50%;
	margin-bottom: 50px;
	float: left;
	min-width: 20rem;
	height: fit-content;
}

@media (min-width:320px) and (max-width:1400px) {

	.price_block_container {
		justify-content: center;
	}
}

.price_block_1 li i {
	color: #4079bd;
}

.price_block_2 li i {
	color: #1da2dc;
}

.price_block_3 li i {
	color: #16bfd8;
}

.price_block_1 .price_block_header {
	background: url(https://lekkerqr.nl/img/banner-premium.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.price_block_2 .price_block_header {
	background: url(https://lekkerqr.nl/img/banner-basis.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.price_block_3 .price_block_header {
	background: url(https://lekkerqr.nl/img/banner-gratis.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

.price_block_header {
	width: calc(100% + 80px);
	margin-left: -40px;
	height: 150px;
	margin-top: -40px;
	overflow: hidden;
	border-top-left-radius: 0.3rem;
	text-align: center;
	border-top-right-radius: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.price_block_header h3,
.price_block_header p {
	color: white;
}

.price_block_shadow {
	height: 100%;
	width: 100%;
	background: #e8e8e7;
	border-radius: 0.5rem;
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: -1;
}

.price_block_border {
	border-radius: 0.5rem;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	position: absolute;
	top: -2px;
	left: -2px;
	box-sizing: border-box;
}

.price_block_1 .price_block_border {
	border: 2px solid #4079bd;
}

.price_block_2 .price_block_border {
	border: 2px solid #1da2dc;
}

.price_block_3 .price_block_border {
	border: 2px solid #16bfd8;
}

.price_block_button_container {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -10px;

}

.price_block_button {
	color: white;
	text-decoration: none;
	font-weight: 700;
	border-radius: 9999999999px;
	padding: 12px 40px;
	transition: background 0.3s, color 0.3s;
}

.price_block_1 .price_block_button {
	background: #4079bd;
	border: 2px solid #4079bd;
}

.price_block_2 .price_block_button {
	background: #1da2dc;
	border: 2px solid #1da2dc;
}

.price_block_3 .price_block_button {
	background: #16bfd8;
	border: 2px solid #16bfd8;
}

.price_block_1 .price_block_button:hover {
	color: #4079bd;
}

.price_block_2 .price_block_button:hover {
	color: #1da2dc;
}

.price_block_3 .price_block_button:hover {
	color: #16bfd8;
}

.price_block_button:hover {
	text-decoration: none;
	color: white;
	background: white;
}

.price_block_price {
	width: 100%;
	display: flex;
	justify-content: center;
	font-family: 'Catamaran', sans-serif;
	font-weight: 700;
	margin: 40px 0;
}

.price_block_1 .price_block_price {
	color: #4079bd;
}

.price_block_2 .price_block_price {
	color: #1da2dc;
}

.price_block_3 .price_block_price {
	color: #16bfd8;
}

.price_block_currency {
	margin-right: 0.375rem;
	margin-top: 0.7rem;
	font-size: 1.5rem;
}

.price_block_value {
	font-weight: 700;
	line-height: 4rem;
	font-size: 4rem;
}

.price_block_decimals {
	font-size: 2.2rem;
	margin-top: 0.7rem;
}

.price_block_frequency {
	margin-top: 1rem;
	font-size: 1.4rem;
	font-weight: 400;
	margin-left: 0.5rem;
}


a.turquoise {
	color: #00bfd8;
}

.turquoise {
	color: #00bfd8;
	text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #00bfd8;
	border-radius: 2rem;
	background-color: #00bfd8;
	color: #fff;
	font: 700 0.75rem/0 "Raleway", sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #00bfd8;
	text-decoration: none;
}

select {
	/* you should keep these first rules in place to maintain cross-browser behavior */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-position: 96% 50%;
	background-repeat: no-repeat;
	outline: none;
}

select::-ms-expand {
	display: none;
	/* removes the ugly default down arrow on select form field in IE11 */
}

.checkbox {
	font: 400 0.75rem/1.25rem "Raleway", sans-serif;
}

.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem;
	text-align: center;
}

.spinner>div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #00bfd8;
	-webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out both;
	animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/**************************/
/*     03. Navigation     */
/**************************/
.navbar-custom {
	background-color: #fff;
	box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
	font: 600 0.875rem/0.875rem "Raleway", sans-serif;
	transition: all 0.2s;
}

.navbar-custom .navbar-brand.logo-image img {
	width: 15rem;
	height: auto;
}

.navbar-custom .navbar-brand.logo-text {
	font: 600 2rem/1.5rem "Raleway", sans-serif;
	color: #393939;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.navbar-custom .nav-item .nav-link {
	padding: 0.625rem 0.75rem 0.625rem 0.75rem;
	color: #393939;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #00bfd8;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover>.dropdown-menu {
	display: block;
	/* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s;
	/* required for the fade animation */
}

@keyframes fadeDropdown {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.navbar-custom .dropdown-toggle:focus {
	/* removes dropdown outline on focus */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	border-radius: 0.25rem;
	background-color: #fff;
}

.navbar-custom .dropdown-item {
	font: 600 0.875rem/0.875rem "Raleway", sans-serif;
	color: #393939;
	text-decoration: none;
}

.navbar-custom .dropdown-item:hover {
	background-color: #fff;
}

.navbar-custom .dropdown-item .item-text {
	font: 600 0.875rem/0.875rem "Raleway", sans-serif;
}

.navbar-custom .dropdown-item:hover .item-text {
	color: #00bfd8;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.75rem auto 0.725rem auto;
	border: none;
	background-color: #c4d8dc;
	opacity: 0.2;
}

/* end of dropdown menu */

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	border: none;
	color: #393939;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-times {
	display: none;
}

.navbar-custom button[aria-expanded='false'] .navbar-toggler-awesome.fas.fa-bars {
	display: inline-block;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-bars {
	display: none;
}

.navbar-custom button[aria-expanded='true'] .navbar-toggler-awesome.fas.fa-times {
	display: inline-block;
	margin-right: 0.125rem;
}


/*********************/
/*    04. Header     */
/*********************/
.header {
	background-color: #fff;
}

.header .header-content {
	padding-top: 8rem;
	padding-bottom: 4rem;
	text-align: center;
}

.header .text-container {
	margin-bottom: 4rem;
}

.header h1 {
	margin-bottom: 1.125rem;
	font-size: 2.5rem;
	line-height: 3.125rem;
}

.footer {
	padding-top: 4.625rem;
	padding-bottom: 0.5rem;
}

.footer .footer-col {
	margin-bottom: 2.25rem;
}

.footer h4,
.footer .heading_style_h4 {
	margin-bottom: 1rem;
}

.footer .list-unstyled .fas {
	color: #00bfd8;
	font-size: 0.5rem;
	line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
	margin-left: 0.625rem;
}

.footer .fa-stack {
	margin-bottom: 0.75rem;
	margin-right: 0.5rem;
	font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
	color: #fff;
	transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
	color: #00bfd8;
	transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
	color: #fff;
}

.footer .fa-stack:hover .fa-stack-2x {
	color: #00a7bd;
}


/*************************/
/*     17. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.375rem;
	text-align: center;
}

.copyright .p-small {
	padding-top: 1.375rem;
	border-top: 1px solid #c4d8dc;
	opacity: 0.7;
}


@media (min-width: 992px) {

	.navbar-custom {
		padding: 2.125rem 1.5rem 2.125rem 2rem;
		box-shadow: none;
		background: transparent;
	}

	.navbar-custom .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: 0.25rem 0.75rem 0.25rem 0.75rem;
		color: #fff;
		opacity: 0.8;
	}

	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #fff;
		opacity: 1;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #393939;
		opacity: 1;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #00bfd8;
	}

	.navbar-custom .dropdown-menu {
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-top: 0.75rem solid rgba(0, 0, 0, 0);
		border-radius: 0.25rem;
	}

	.navbar-custom.top-nav-collapse .dropdown-menu {
		border-top: 0.5rem solid rgba(0, 0, 0, 0);
		box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02);
	}

	.navbar-custom .dropdown-item {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}

	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}

	.navbar-custom .social-icons {
		display: block;
		margin-left: 0.5rem;
	}

	.navbar-custom .fa-stack {
		margin-bottom: 0.1875rem;
		margin-left: 0.25rem;
		font-size: 0.75rem;
	}

	.navbar-custom .fa-stack-2x {
		color: #00bfd8;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack-1x {
		color: #fff;
		transition: all 0.2s ease;
	}

	.navbar-custom .fa-stack:hover .fa-stack-2x {
		color: #fff;
	}

	.navbar-custom .fa-stack:hover .fa-stack-1x {
		color: #00bfd8;
	}

	.navbar-custom.top-nav-collapse .fa-stack-2x {
		color: #00bfd8;
	}

	.navbar-custom.top-nav-collapse .fa-stack-1x {
		color: #fff;
	}

	.navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-2x {
		color: #00a7bd;
	}

	.navbar-custom.top-nav-collapse .fa-stack:hover .fa-stack-1x {
		color: #fff;
	}

	.header {
		background: url('../img/header-background.svg') center center no-repeat;
		background-size: cover;
	}

}

@media (min-width: 1200px) {

	.navbar-custom {
		padding: 2.125rem 5rem 2.125rem 5rem;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0.5rem 5rem 0.5rem 5rem;
	}

	.contact_banner {
		padding-top: 7rem;
		padding-bottom: 6.25rem;
		background-color: #f7fdfd;
	}

}

.confetti-button {
	border-radius: 160px;
	position: absolute;
	transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
	width: 100%;
	height: 100%;
}

.confetti-button:focus {
	outline: 0;
}

.confetti-button:before,
.confetti-button:after {
	position: absolute;
	content: '';
	display: block;
	width: 140%;
	height: 100%;
	left: -20%;
	z-index: -1000;
	transition: all ease-in-out 0.5s;
	background-repeat: no-repeat;
}


.confetti-button:before {
	display: none;
	top: -75%;
	background-image: radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, transparent 20%, #07E074 20%, transparent 30%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, transparent 10%, #07E074 15%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%);
	background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

.confetti-button:after {
	display: none;
	bottom: -75%;
	background-image: radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, transparent 10%, #07E074 15%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%), radial-gradient(circle, #07E074 20%, transparent 20%);
	background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

.confetti-button.animate:before {
	display: block;
	animation: topBubbles ease-in-out 0.75s forwards;
}

.confetti-button.animate:after {
	display: block;
	animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
	0% {
		background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
	}

	50% {
		background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
	}

	100% {
		background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

@keyframes bottomBubbles {
	0% {
		background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
	}

	50% {
		background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
	}

	100% {
		background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
		background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
	}
}

.free_trial_button {
	background: #07E074;
	color: white;
	border-radius: 160px;
	max-width: 400px;
	width: 100%;
	aspect-ratio: 3/1;
	border: 2px solid white;
	position: relative;
	display: flex;
	align-items: center;
	background-image: url(https://lekkerqr.nl/img/free-trial-button-overlay.svg);
	background-repeat: no-repeat;
	justify-content: center;
	background-size: 100%;
	background-position-x: 0;
	background-position-y: 0;
	animation-name: trial_button_in;
	animation-fill-mode: forwards;
	animation-duration: 0.2s;
}

.free_trial_button::after {
	content: '';
	border-radius: 160px;
	max-width: 400px;
	width: 100%;
	aspect-ratio: 3/1;
	position: absolute;
	z-index: -1;
	top: 2px;
	background: #00AA55;
	right: -4px;
	animation-name: trial_button_after_in;
	animation-fill-mode: forwards;
	animation-duration: 0.2s;
}

.free_trial_button:hover {
	color: white;
	text-decoration: none;
	animation-name: trial_button_out;
	animation-fill-mode: forwards;
	animation-duration: 0.2s;
}

.free_trial_button:hover::after {
	animation-name: trial_button_after_out;
	animation-fill-mode: forwards;
	animation-duration: 0.2s;
}

.free_trial_button div:nth-child(1) {
	font-family: 'Catamaran';
	font-size: 43px;
	font-variant: all-small-caps;
	font-weight: 700;
	line-height: 40px;
	margin-right: 50px;
}

.free_trial_button div:nth-child(2) {
	font-size: 52px;
	font-weight: 700;
}


@keyframes trial_button_in {
	from {
		top: 6px;
		right: -2px;
		background-position-x: 0;
		background-position-y: 0;
		background-color: #00b85c;
	}

	to {
		top: 0px;
		right: 0px;
		background-color: #07E074;
	}
}

@keyframes trial_button_out {
	from {
		top: 0px;
		right: 0px;
	}

	to {
		top: 6px;
		right: -2px;
		background-position-x: 0;
		background-position-y: 0;
		background-color: #00b85c;
	}
}

@keyframes trial_button_after_in {
	from {
		top: -2px;
		right: -2px;
	}

	to {
		top: 2px;
		right: -4px;
	}
}

@keyframes trial_button_after_out {
	from {
		top: 2px;
		right: -4px;
	}

	to {
		top: -2px;
		right: -2px;
	}
}