/* ========================================================
    WEBSITE CSS
    PRAKTIJK ROZENHART © FORWARD - BRAVEBOYS STUDIO
======================================================== */



/* ============================
	BODY - BASE
============================ */

body,
html {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}



/* ============================
	CONTACT SIDEBAR
============================ */

.contact--wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	transform: translateY(-1rem);
	z-index: 9999;
}

.contact--wrapper--item {
	display: flex;
	justify-content: flex-end;
}

.contact--button {
	align-items: center;
	background-color: transparent;
	border-radius: 50rem;
	box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.05);
	color: #333;
	display: flex;
	height: 60px;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	transition: all ease 0.3s;
	width: 60px;
}

.contact--button:hover {
	background-color: #000;
	text-decoration: none;
}

.contact--button--light {
	background-color: #EDE9E4;
}

.contact--button--light:hover {
	color: #FFF;
}

.contact--button--orange {
	background-color: #FF946D;
}

.contact--button--orange:hover {
	color: #FFF;
}

.contact--button--green {
	background-color: #3ED9D0;
}

.contact--button--green:hover {
	color: #FFF;
}

.contact--button--whatsapp {
	background-color: #A8E242;
}

.contact--button--whatsapp:hover {
	color: #FFF;
}

.contact--icon {
	font-size: 2.15rem;
	pointer-events: none;
}


.tooltip-inner {
	font-family: "Eina 01", Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.01em;
}



/* ============================
   HERO
============================ */

.header--hero {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100vh;
	min-height: 600px;
	max-height: 1000px;
	z-index: 0;
}

.header--hero--image {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
	display: block;
}

.header--hero.next--page {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	height: 100vh;
	min-height: 600px;
	max-height: 700px;
	z-index: 0;
}

.header--hero--image.next--page {
	width: 100%;
	height: 100vh;
	object-fit: contain;
	object-position: center;
	display: block;
}


.header--hero--body {
	position: relative;
	z-index: 2;
	margin-top: 3rem;
	padding: 2rem;
	text-align: center;
	gap: 1.5rem;
	display: flex;
	flex-direction: column;
}

.hero--h2 {
	color: #FFF;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 5rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .075rem;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.hero--h3 {
	color: #FFF;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .05rem;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.hero--button--box {
	padding: 0 1rem;
}

.hero--button--box button {
	align-items: center;
	animation: pulse-animation-hero 2.5s infinite;
	background-color: #3ED9D0;
	border: 1.5px solid #3ED9D0;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	text-transform: lowercase;
	transition: all .2s ease-in-out;
	vertical-align: middle;
}

.hero--button--box button:hover {
	border-color: #111;
	background-color: #111;
	color: #FFF;
	transform: scale(1.025);
}

@keyframes pulse-animation-hero {
	0% {
		box-shadow: 0 0 0 0px rgba(184, 230, 79 0.8);
	}

	50% {
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
	}
}



/* ============================
	NAVBAR TOGGLER
============================ */

.navbar-toggler {
	border: none;
	padding: 0;
}

.navbar-toggler .nav__button {
	background-color: transparent;
	border: none;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 2.5rem;
	height: 3rem;
	padding: 0;
	transition: background-color 0.2s ease-in-out;
}

.navbar-toggler .nav__button:hover .nav__button--stroke--middle {
	width: 100%;
}

.nav__button--stroke {
	background-color: #000;
	height: 2px;
	margin: 0.35rem 0;
	width: 100%;
}

.nav__button--stroke--middle {
	background-color: #000;
	height: 2px;
	margin: 0.25rem 0;
	transition: width 0.2s ease-in-out;
	width: 80%;
}



/* ============================
   NAVIGATION
============================ */

.navigation--section {
	padding-left: 3rem;
	padding-right: 3rem;
}

/* STICKY BEHAVIOR */
.navbar.sticky--top {
	background-color: transparent;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	padding: 1rem 0;
	position: sticky;
	top: 0;
	transition: all ease 0.3s;
	z-index: 1000;
}

.navbar.sticky--top.scrolled {
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* LOGO */
.logo--box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo--box .logo--img {
	height: 90px;
	width: auto;
	object-fit: contain;
	transition: height 0.3s ease;
}

.navbar.sticky--top.scrolled .logo--img {
	height: 70px;
}

/* LOGO MOBILE */
.logo--box.logo--mobile img {
	height: 50px;
	width: auto;
	object-fit: contain;
}

/* NAVIGATION MENUS */
.navbar-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: .5rem;
}

.navbar-nav.left-nav {
	justify-content: flex-start;
}

.navbar-nav.middle-nav {
	justify-content: space-around;
}

.navbar-nav.right-nav {
	justify-content: flex-end;
}

/* NAV ITEMS */
.nav--item {
	list-style: none;
}

/* NAV LINKS */
.nav--link {
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: 0;
	color: #000000;
	display: inline-block;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	letter-spacing: .075rem;
	line-height: 1;
	margin: 0;
	padding: 1rem 1.5rem;
	position: relative;
	text-decoration: none;
	text-transform: lowercase;
	transition: all ease 0.3s;
	white-space: nowrap;
}

.nav--link:hover {
	color: #61408A;
	text-decoration: none;
}

.navbar.sticky--top .nav--link.active,
.navbar.sticky--top.scrolled .nav--link.active {
	color: #FF946D;
}

.navbar.sticky--top.scrolled .nav--link:hover,
.navbar.sticky--top.scrolled .nav--link.active:hover {
	color: #61408A;
}

/* DESKTOP CENTERED LAYOUT */
.brand--row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: .25rem 0 1rem;
}

.nav--row {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}


/* ============================
	NAVBAR BUTTON LINKS
============================ */
.nav--link--button.retailer--button {
	background-color: #BC9E77;
	border-radius: 10rem;
	color: #FFFFFF;
	font-size: 1.25rem;
	letter-spacing: .035rem;
	padding: 0.7rem 1.25rem 0.85rem 1.25rem;
	transition: all ease 0.3s;
}

.nav--link--button.shop--button {
	background-color: #95CB1C;
	border-radius: 10rem;
	color: #FFFFFF;
	font-size: 1.25rem;
	letter-spacing: .035rem;
	padding: 0.7rem 1.25rem 0.85rem 1.25rem;
	transition: all ease 0.3s;
}

.nav--link--button:hover {
	background-color: #10C5D3;
	color: #FFFFFF;
}




/* ============================
	OFFCANVAS MENU
============================ */
.offcanvas {
	background-color: #FFFFFF;
	width: 500px !important;
}

.navbar .offcanvas {
	background-color: #FFF;
}

.offcanvas-header {
	border-bottom: 1px solid #E5E5E5;
	padding: 1.5rem 2rem 1rem 2rem;
}

.offcanvas .offcanvas-title {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: .0125rem;
	line-height: 1;
}

.offcanvas-body {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	padding: 2rem;
}

.offcanvas ul {
	margin: 0;
	padding: 0;
}

.offcanvas-body .nav--link {
	display: block;
	font-size: 1.35rem;
	padding: 0.75rem 0;
}

.offcanvas-body .nav--link--button {
	background-color: #B7996E;
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-block;
	padding: 0.75rem 1.25rem;
	transition: all ease 0.3s;
}

.offcanvas-body .nav--link--button:hover {
	background-color: #A28258;
	color: #FFFFFF;
}

.offcanvas .nav--link {
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #111;
	display: block;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: -0.0125rem;
	line-height: 1.2;
	margin: 0;
	padding: 0.75rem 0;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	transition: all 0.3s ease;
	width: 100%;
}

.offcanvas .nav--link:hover {
	color: #61408A;
}

.offcanvas .nav--link.active {
	color: #FF946D;
}

.offcanvas button.btn__close {
	align-items: center;
	background-color: transparent;
	border: none;
	color: #CCC;
	display: flex;
	font-size: 2rem;
	height: 42px;
	justify-content: center;
	opacity: .5;
	padding: 0;
	transition: opacity .2s ease-in-out;
}

.offcanvas button.btn__close:hover {
	opacity: 1;
}

.offcanvas .nav--link i {
	color: #FF946D;
}

.offcanvas .nav--link.active i {
	color: #FF946D;
}

.offcanvas .product--brand--logo {
	height: 35px;
}


/* ============================
	OFFCANVAS MENU EXTENSIONS
============================ */
.offcanvas-nav {
	gap: 0 !important;
	width: 100%;
}

.offcanvas .nav--item {
	border-bottom: 1px solid #EFEFEF;
	padding: 0.15rem 0;
	width: 100%;
}

.offcanvas .nav--item:last-child {
	border-bottom: none;
}

.offcanvas .nav--link--toggle {
	align-items: center;
	background-color: transparent;
	border: none;
	display: flex;
	font-weight: 700;
	justify-content: space-between;
	padding: 0.75rem 0;
	text-align: left;
	width: 100%;
}

.offcanvas .nav--link--toggle.active {
	color: #FF946D;
}

.offcanvas .nav--caret {
	border-right: 2px solid #BBB;
	border-top: 2px solid #BBB;
	display: inline-block;
	height: 8px;
	margin-left: 0.75rem;
	transform: rotate(135deg);
	transition: transform 0.3s ease;
	width: 8px;
}

.offcanvas .nav--link--toggle[aria-expanded="true"] .nav--caret {
	transform: rotate(-45deg);
}

.offcanvas-submenu {
	padding: 0.25rem 0 0.4rem 0;
}

.offcanvas-subnav {
	padding: 0.15rem 0 0.5rem 0;
}

.offcanvas .nav--link--sub {
	color: #111;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.25;
	padding: 0.45rem 0 0.45rem 1rem;
}

.offcanvas .nav--link--sub:hover {
	color: #61408A;
}

.offcanvas .nav--link--sub.active {
	color: #FF946D;
}

.offcanvas .nav--item--has-submenu {
	padding-bottom: 0.15rem 0 !important;
}



/* ============================
	SUBNAV
============================ */

.subnav--block {
	padding: 5rem 0 0 0;
}

.subnav--block .button--box {
	display: flex;
	gap: .75rem;
	justify-content: center;
}

.subnav--block .button--box .subnav--button {
	align-items: center;
	background-color: #FFFFFF;
	border: 1.5px solid #D4D4D4;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.subnav--block .button--box .subnav--button.spotlight--button {
	border: 1.5px solid #3ED9D0;
}

.subnav--block .button--box .subnav--button.active {
	border: 1.5px solid #FF946D;
}

.subnav--block .button--box .subnav--button:hover {
	background-color: #FF946D;
	border-color: #FF946D;
	color: #000;
}

.subnav--block .button--box .subnav--button.spotlight--button:hover {
	background-color: #3ED9D0;
	border-color: #3ED9D0;
	color: #000;
}

.subnav--block .button--box .subnav--button:focus {
	outline: none;
}




/* ============================
	INTRO
============================ */

.intro--block {
	padding: 12rem 0 10rem 0;
}

.intro--block.next--page {
	padding: 8rem 0 3rem 0;
}

.intro--block.detail--page {
	padding: 8rem 0 4rem 0;
}

.intro--block.detail--page--subnav {
	padding: 5rem 0 4rem 0;
}

.intro--block h1 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: .05rem;
	line-height: 1;
	margin-bottom: 1rem;
}

.intro--block.nextpage h1 {
	color: #000;
}

.intro--block h2 {
	color: #8D5FA4;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: .0125rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}

.intro--block p {
	color: #010101;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.45rem;
	font-weight: 400;
	line-height: 1.6;
}


.intro--block .button--box {
	margin-top: 2rem
}

.intro--block .cta--button {
	align-items: center;
	background-color: #FFFFFF;
	border: 1.5px solid #D4D4D4;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.intro--block .cta--button i {
	backface-visibility: hidden;
	display: inline-block;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
	will-change: transform;
	width: 1.1em;
}

.intro--block .cta--button:hover {
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	color: #000;
}

.intro--block .cta--button:hover i {
	transform: translate3d(-6px, 0, 0);
}

.intro--block .cta--button:focus {
	outline: none;
}


.intro--block .cta--button.next--step {
	align-items: center;
	background-color: #FFFFFF;
	border: 1.5px solid #D4D4D4;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.intro--block .cta--button.next--step i {
	backface-visibility: hidden;
	display: inline-block;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
	will-change: transform;
	width: 1.1em;
}

.intro--block .cta--button.next--step:hover {
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	color: #000;
}

.intro--block .cta--button.next--step:hover i {
	transform: translate3d(6px, 0, 0);
}

.intro--block .cta--button.next--step:focus {
	outline: none;
}




/* ============================
	SHORTCUTS
============================ */

.shortcuts--block {
	background-color: #F7F5F2;
	padding: 6rem 0;
}

.shortcuts--block--title {
	color: #000000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.075rem;
	margin-bottom: 0;
	text-align: center;
	text-transform: lowercase;
}

.shortcuts--block .shortcuts--block--intro {
	font-size: 1.35rem;
	line-height: 1.55;
	margin-top: 1.25rem;
	margin-bottom: 0;
}

.shortcuts--icon--brands {
	color: #3ED9D0;
	font-size: 3rem;
}

.shortcuts__block .shortcut--wrapper {
	position: relative;
}

.shortcuts__block .shortcut--link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.shortcuts__block .shortcut--image-wrapper {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	height: 550px;
	overflow: hidden;
	position: relative;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.shortcuts__block.nextpage .shortcut--image-wrapper {
	height: 350px;
}

.shortcuts__block .shortcut--image-wrapper img.shortcut--img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: saturate(1.05);
}

.shortcuts__block .shortcut--title {
	color: #FFF;
	padding: 1.5rem 1rem;
	text-align: start;
}

.shortcut--title .rotating-icon {
	animation: spin 10s linear infinite;
	display: inline-block;
	margin-bottom: .45rem
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.shortcuts__block .shortcut--title h2 {
	color: #010101;
	font-family: PP Formula Compressed;
	font-size: 3rem;
	letter-spacing: .025rem;
	line-height: 1.15;
	display: flex;
	align-items: center;
	transition: color 0.3s ease;
}

.shortcuts__block.nextpage .shortcut--title h2 {
	font-size: 2.25rem;
}

.shortcuts__block .shortcut--title h2 i.fa-arrow-right {
	color: #FFBA00;
	font-size: 3rem;
	margin-left: 1rem;
	transition: transform 0.3s ease;
}

.shortcuts__block.nextpage .shortcut--title h2 i.fa-arrow-right {
	font-size: 2rem;
}

.shortcuts__block .shortcut--link:hover img.shortcut--img {
	transform: scale(1.035);
	filter: saturate(1.5);
}

.shortcuts__block .shortcut--link:hover .fa-arrow-right {
	transform: translateX(10px);
}

.shortcuts--circle--wrapper {
	border-radius: 8rem;
	overflow: hidden;
}


.shortcuts--block .cta--button {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #D4D4D4;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.shortcuts--block .cta--button i {
	transition: transform 0.3s ease;
}

.shortcuts--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
}

.shortcuts--block .cta--button:hover i {
	transform: translateX(6px);
}

.shortcuts--block .cta--button:focus {
	outline: none;
}




/* ============================
	GALLERY IMPRESSIONS
============================ */

.gallery--impressions--block {
	padding: 4rem 0 10rem 0;
}

.gallery--impressions--block .impression--item {
	border-radius: 5rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
	transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out;
}

.gallery--impressions--block .impression--item img {
	border-radius: 5rem;
	height: 520px;
	object-fit: cover;
	object-position: center center;
	transition: transform 0.4s ease-in-out, filter 0.4s ease-in-out;
	width: 100%;
}

/* Hover-effect voor zoom + verzadiging */
.gallery--impressions--block .impression--item:hover img {
	transform: scale(1.05);
	filter: saturate(150%);
}


/* CTA BUTTON */
.gallery--impressions--block .cta--button {
	align-items: center;
	animation: pulse-animation-property 2.5s infinite;
	background-color: #C1A37C;
	border: 1.5px solid #C1A37C;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: -.0125rem;
	line-height: 1;
	padding: 1.1rem 1.4rem 1.15rem 1.4rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
	vertical-align: middle;
}

.gallery--impressions--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
	transform: scale(1.025);
}

.gallery--impressions--block .cta--button i {
	transition: transform 0.3s ease;
}

.gallery--impressions--block .cta--button:hover i {
	transform: translateX(6px);
}

.gallery--impressions--block .cta--button:focus {
	outline: none;
}



/* ============================
	GALLLERY
============================ */

.gallery--slider--block {
	overflow: hidden;
	padding: 0 0 10rem 0;
	position: relative;
	width: 100%;
}

.gallery--slider--marquee {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	min-width: 100%;
	/* will-change: transform; */
	/* animation: gallery--sliderMarquee 40s linear infinite; */
}

.gallery--slider--item {
	flex: 0 0 auto;
	width: 25%;
}

.gallery--slider--image {
	border-radius: .25rem;
	display: flex;
	height: 500px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gallery--slider--image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

@keyframes gallery--sliderMarquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}


.lg-outer .lg-thumb-item {
	border: 2px solid #fff !important;
	transition: .2s ease-in-out all;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #DEA06F !important;
}

.lg-outer .lg-thumb-outer {
	display: flex;
	justify-content: center;
}



/* ============================
	APPOINTMENT
============================ */
.appointment__block img {
	object-fit: cover;
	height: 400px;
	width: 100%;
}



/* ============================
	SPACER
============================ */

section.layout--spacer {
	padding: 4rem 0;
}



/* ============================
	PARAGRAPH
============================ */

.paragraph--block {
	padding: 5rem 0;
}

.paragraph--block .img--box {
	border-radius: 6rem;
	/* height: 100%; */
	overflow: hidden;
	position: relative;
	width: 100%;
}

.paragraph--block .img--box img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all ease 0.3s;
	width: 100%;
}

.paragraph--block .img--signbox img {
	height: 70px;
	object-fit: contain;
	transition: all ease 0.3s;
	width: fit-content;
}

.paragraph--block .img--box--enlarge {
	border-radius: 0;
	height: 450px;
	overflow: hidden;
	position: relative;
	width: fit-content;
}

.paragraph--block .img--box--enlarge img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all ease 0.3s;
	width: 100%;
}


.paragraph--block .text--wrapper {
	align-items: center;
	background-color: #FFF;
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.paragraph--block .text--inner {
	color: #000;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--block .text--inner.left--column {
	color: #000;
	padding: 6rem;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--block .text--inner.right--column {
	color: #000;
	padding: 6rem;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--block .text--inner h3 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.35rem;
	font-weight: 500;
	letter-spacing: .05rem;
	line-height: 1.1;
	margin-bottom: 1rem;
}

.paragraph--block .text--inner h4 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: .05rem;
	line-height: 1.1;
	margin-bottom: 1rem;
}

.paragraph--block .text--inner p {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.paragraph--block .text--inner ul.services--list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.paragraph--block .text--inner ul.services--list li {
	align-content: center;
	border-bottom: 1px solid #EEE;
	display: flex;
	padding: .5rem 0;
}

.paragraph--block .text--inner ul.services--list li:last-child {
	border-bottom: none;
}

.paragraph--block .text--inner ul.services--list li i {
	color: #3ED9D0;
	font-size: 1.25rem;
	line-height: 1.5;
}

.paragraph--block .text--inner ul.services--list li span.service--details {
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.15rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.paragraph--block .button--box {
	margin-top: 2rem
}

.paragraph--block .cta--button {
	align-items: center;
	background-color: #FF946D;
	border: 1.5px solid #FF946D;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.paragraph--block .cta--button i {
	backface-visibility: hidden;
	display: inline-block;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
	will-change: transform;
	width: 1.1em;
}

.paragraph--block .cta--button:hover {
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	color: #000;
}

.paragraph--block .cta--button:hover i {
	transform: translate3d(6px, 0, 0);
}

.paragraph--block .cta--button:focus {
	outline: none;
}

.paragraph--block .cta--button2 {
	align-items: center;
	background-color: #3ED9D0;
	border: 1.5px solid #3ED9D0;
	border-radius: 10rem;
	color: #1B043E;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.paragraph--block .cta--button2 i {
	backface-visibility: hidden;
	display: inline-block;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
	will-change: transform;
	width: 1.1em;
}

.paragraph--block .cta--button2:hover {
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	color: #000;
}

.paragraph--block .cta--button2:hover i {
	transform: translate3d(6px, 0, 0);
}

.paragraph--block .cta--button2:focus {
	outline: none;
}

/* appointment */
.paragraph--block .appointment--button {
	align-items: center;
	background-color: #3ED9D0;
	border: 1.5px solid #3ED9D0;
	border-radius: 10rem;
	color: #1B043E;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	vertical-align: middle;
}

.paragraph--block .appointment--button i {
	backface-visibility: hidden;
	display: inline-block;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.3s ease;
	will-change: transform;
	width: 1.1em;
}

.paragraph--block .appointment--button:hover {
	background-color: #D4D4D4;
	border-color: #D4D4D4;
	color: #000;
}

.paragraph--block .appointment--button:hover i {
	transform: translate3d(6px, 0, 0);
}

.paragraph--block .appointment--button:focus {
	outline: none;
}



/* ============================
	PARAGRAPH FULL-COVER
============================ */

.paragraph--fullcover--block {
	padding: 4rem 0;
}

.paragraph--fullcover--block.home--page {
	padding: 12rem 0 12rem 0;
}

.paragraph--fullcover--block .container {
	max-width: 1800px;
}

.paragraph--fullcover--block .container,
.paragraph--fullcover--block .row,
.paragraph--fullcover--block .col-xl-6 {
	height: auto;
}

.paragraph--fullcover--block .img--box {
	border-radius: 6rem;
	/*height: 100%;*/
	overflow: hidden;
	position: relative;
	width: 100%;
}

.paragraph--fullcover--block .img--box.full--height {
	height: 100%;
}

.paragraph--fullcover--block .img--box img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all ease 0.3s;
	width: 100%;
}

.paragraph--fullcover--block .text--wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	background-color: #F7F5F2;
	height: 100%;
	width: 100%;
}

.paragraph--fullcover--block.home--page .text--wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	height: 100%;
	width: 100%;
}

.paragraph--fullcover--block .text--inner {
	color: #000;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--fullcover--block .text--inner.left--column {
	color: #000;
	padding: 6rem;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--fullcover--block .text--inner.right--column {
	color: #000;
	padding: 6rem;
	width: 100%;
	transition: all ease 0.3s;
}

.paragraph--fullcover--block .text--inner h3 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.65rem;
	font-weight: 500;
	letter-spacing: .05rem;
	line-height: 1.1;
	margin-bottom: 1rem;
}

.paragraph--fullcover--block .text--inner p {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.paragraph--fullcover--block .button--box {
	margin-top: 2rem
}

.paragraph--fullcover--block .cta--button {
	align-items: center;
	background-color: #FF946D;
	border: 1.5px solid #FF946D;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.paragraph--fullcover--block .cta--button i {
	transition: transform 0.3s ease;
}

.paragraph--fullcover--block .cta--button:hover {
	border: 1.5px solid #D4D4D4;
	background-color: #D4D4D4;
	color: #000;
}

.paragraph--fullcover--block .cta--button:hover i {
	transform: translateX(6px);
}

.paragraph--fullcover--block .cta--button:focus {
	outline: none;
}



/* ============================
   PARAGRAPH TEXT-IMAGE BLOCK
============================ */

.paragraph--textimage--block {
	padding: 4rem 0;
}

.paragraph--textimage--block .text--wrapper {
	display: flex;
	align-items: center;
	background-color: #F7F5F2;
	height: 100%;
	width: 100%;
}

.paragraph--textimage--block .text--inner {
	width: 100%;
	padding: 6rem;
}

.paragraph--textimage--block .text--inner h3 {
	font-size: 2.75rem;
	font-weight: 700;
	margin-bottom: 1rem;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
}

.paragraph--textimage--block .text--inner p {
	font-size: 1.25rem;
	line-height: 1.5;
	color: #000;
}


.paragraph--textimage--block .text--wrapper.left--rounded {
	border-bottom-left-radius: 3rem;
	border-top-left-radius: 3rem;
}

.paragraph--textimage--block .text--wrapper.right--rounded {
	border-bottom-right-radius: 3rem;
	border-top-right-radius: 3rem;
}

.paragraph--textimage--block .img--box {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.paragraph--textimage--block .img--box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.paragraph--textimage--block .img--box.left--image {
	border-top-left-radius: 10rem;
	border-bottom-left-radius: 10rem;
}

.paragraph--textimage--block .img--box.right--image {
	border-top-right-radius: 10rem;
	border-bottom-right-radius: 10rem;
}



/* ============================
   RATES LIST (TARIEVEN)
============================ */

.paragraph--block .rates--list {
	list-style: none;
	margin: 2rem 0 0 0;
	padding: 0;
}

.paragraph--block .rates--list>li {
	background-color: #FFFFFF;
	border: 1.5px solid #E6E6E6;
	border-radius: 2rem;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
	margin-bottom: 2rem;
	padding: 1.75rem 2rem;
}

/* bovenste regel: logo links, tekst rechts, mooi gecentreerd */

.paragraph--block .rate--header {
	align-items: start;
	display: flex;
	gap: 1.5rem;
}

.paragraph--block .rate--logo {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	margin-top: .2rem;
}

.paragraph--block .rate--logo img {
	border-radius: 999px;
	display: block;
	height: 30px;
	width: 30px;
	object-fit: contain;
}

/* inhoud: titel, duur + prijs, korte omschrijving */

.paragraph--block .rate--content {
	flex: 1;
}

.paragraph--block .rate--title {
	color: #000000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: .02rem;
	margin-bottom: .25rem;
}

.paragraph--block .rate--meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-bottom: .25rem;
}

.paragraph--block .rate--duration,
.paragraph--block .rate--price,
.paragraph--block .rate--sep {
	color: #111111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	line-height: 1.4;
}

.paragraph--block .rate--sep {
	opacity: .7;
}

.paragraph--block .rate--description {
	color: #111111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	line-height: 1.5;
	margin-top: .25rem;
}

/* tweede regel: link per behandeling, full-width onder de content */

.paragraph--block .rate--cta {
	margin-top: 1rem;
	text-align: right;
}

.paragraph--block .rate--link {
	color: #FF946D;
	display: inline-flex;
	align-items: center;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.25s ease;
}

.paragraph--block .rate--link i {
	font-size: 1rem;
	margin-left: .4rem;
	transition: transform 0.25s ease;
}

.paragraph--block .rate--link:hover {
	color: #3ED9D0;
	text-decoration: underline;
}

.paragraph--block .rate--link:hover i {
	transform: translateX(4px);
}


/* Kleine extra ademruimte tussen de kaartjes (optioneel, mag je weglaten als je 'm al mooi vindt) */
.paragraph--block .rates--list>li:last-child {
	margin-bottom: 0;
}

/* NOTE / SUB-LABEL PER TARIEF (bijv. "eerste afspraak", "pakketprijs", etc.) */

.paragraph--block .rate--note {
	color: #8D5FA4;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .95rem;
	line-height: 1.5;
	margin-top: .75rem;
}

.paragraph--block .rate--note span {
	display: block;
}




/* ============================
	pricing OVERZICHT
============================ */

.pricing--overview--block {
	padding: 6rem 0;
}

.pricing--overview--block h2 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 0.75rem;
	text-align: center;
}

.pricing--overview--block h3 {
	color: #B7996E;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}

.pricing--overview--block .table {
	border-collapse: collapse;
	font-family: "Eina 01", Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	margin-top: 2rem;
	width: 100%;
}

.pricing--overview--block .table th,
.pricing--overview--block .table td {
	border: 1px solid #ddd;
	padding: 1.25rem;
	vertical-align: middle;
}

.pricing--overview--block p {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.5;
}



/* ============================
	SHORTCUTS BLOCK
============================ */

.shortcuts--block {
	background-color: #F7F5F2;
	padding: 6rem 0;
}

.shortcuts--circle--wrapper {
	border-radius: 50%;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.shortcuts--circle--img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition: all ease 0.3s;
	width: 100%;
}

.shortcuts--circle--overlay {
	align-items: center;
	background-color: rgba(0, 0, 0, 0.95);
	border-radius: 50%;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 0;
	opacity: 0;
	padding: 2rem;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all ease 0.3s;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.shortcuts--circle--wrapper:hover .shortcuts--circle--overlay {
	opacity: 0.95;
}

.shortcuts--circle--overlay h2 {
	color: #FFF;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 1rem;
	margin-top: 2rem;
	text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.shortcuts--circle--overlay p {
	color: #FFF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	line-height: 1.4;
	margin-bottom: 1rem;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.shortcuts--circle--overlay i {
	color: #10C5D3;
	font-size: 2rem;
}



/* ============================
	SERVICES
============================ */

.service--block {
	background-color: #FFF;
	padding: 0 0 10rem 0;
}

.service--wrapper {
	max-width: 1800px;
}

.service--wrapper ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.service--wrapper ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.service--wrapper ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.service--wrapper ul li div.servicebox {
	align-content: start;
	background-color: #fff;
	border: 1.5px solid #EEE;
	border-radius: 2rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	height: 100%;
	padding: 25px;
	transition: all 0.2s ease-out;
	width: 100%;
}

.service--wrapper ul li div.servicebox .content--wrapper {
	align-content: start;
	display: flex;
	flex-direction: column;
	padding: 0 .5rem 0;
}

.service--wrapper ul li .servicebox {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.service--wrapper ul li .content--wrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.service--wrapper ul li .button--area {
	margin-top: auto;
}

.service--wrapper ul li div.servicebox:hover {
	background-color: #fff;
	border: 1.5px solid #EEE;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}

.service--wrapper h2 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: .025rem;
	margin-block: 1rem;
	transition: all 0.2s ease-out;
}

.service--wrapper h4 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.025rem;
	transition: all 0.2s ease-out;
}

.service--wrapper span.detail--description {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	display: block;
	margin-bottom: .5rem;
}

.service--wrapper ul li div.servicebox:hover h3 {
	background-color: #EEE;
	color: #000000;
}

.service--wrapper .productbox p {
	color: #999;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.service--wrapper .service--item--wrapper .img--box {
	border-radius: 1rem;
	cursor: pointer;
	display: block;
	height: fit-content;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.service--wrapper .service--item--wrapper .img--box img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: center;
	width: 100%;

}

.service--wrapper ul li div.servicebox:hover p {
	color: #888;
}

.service--wrapper .service--button,
a.service--button {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	padding: .5rem 0 .6rem 0;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 100%;
}

.service--wrapper .service--button:hover,
a.service--button:hover {
	background-color: #e6e9ee;
	border-color: #e6e9ee;
	color: #000000;
}


.service--block .cta--button {
	align-items: center;
	background-color: #8D5FA4;
	border: 1.5px solid #8D5FA4;
	border-radius: 10rem;
	color: #FFF;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.service--block .cta--button i {
	transition: transform 0.3s ease;
}

.service--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
}

.service--block .cta--button:hover i {
	transform: translateX(6px);
}

.service--block .cta--button:focus {
	outline: none;
}



/* ============================
	PRODUCTS
============================ */

.products--block {
	background-color: #FFF;
	padding: 0 0 12rem 0;
}

.shopcatalog ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.shopcatalog ul li {
	display: flex;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
}

.shopcatalog ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

.shopcatalog ul li div.productbox {
	align-content: start;
	background-color: #fff;
	border: 1.5px solid #EEE;
	border-radius: 2rem;
	box-shadow: 0 0 8px 0 rgba(185, 185, 185, 0.1);
	height: 100%;
	padding: 25px;
	transition: all 0.2s ease-out;
	width: 100%;
}

.shopcatalog ul li div.productbox .content--wrapper {
	align-content: start;
	display: flex;
	flex-direction: column;
}

.shopcatalog ul li .productbox {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.shopcatalog ul li .content--wrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.shopcatalog ul li .function--area {
	margin-top: auto;
}

.shopcatalog ul li div.productbox:hover {
	background-color: #fff;
	border: 1.5px solid #EEE;
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}

.shopcatalog h2 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: .025rem;
	transition: all 0.2s ease-out;
}

.shopcatalog h3 {
	/* background-color: #B9E326; */
	border-radius: .25rem;
	color: #10C5D3;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.45rem;
	font-weight: 900;
	letter-spacing: .025rem;
	margin-bottom: .75rem;
	margin-top: 1rem;
	/* padding: .5rem .75rem; */
	/* text-rendering: optimizeLegibility; */
	/* transition: all 0.2s ease-out; */
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
}

.shopcatalog h3.category--label {
	background-color: #FF7E00;
	font-size: 1.15rem;
}

.shopcatalog h4 {
	color: #010101;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: 900;
	letter-spacing: -.025rem;
	transition: all 0.2s ease-out;
}

span.catalog--item--counter {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #DDDFE2;
	border-radius: .55rem;
	color: #010101;
	display: flex;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	letter-spacing: -.0125rem;
	min-width: 42px;
	padding: 4px 9px 4px 9px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
}

.shopcatalog span.detail--description {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	display: block;
	margin-bottom: .5rem;
}

.shopcatalog span.detail--label {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: .9rem;
	font-weight: 400;
}

.shopcatalog ul li div.folderbox:hover h3 {
	background-color: #EEE;
	color: #000000;
}

.shopcatalog .productbox p {
	color: #999;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.shopcatalog .productbox .img--box {
	border-radius: 1rem;
	cursor: pointer;
	display: block;
	height: 320px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.shopcatalog .productbox .img--box img {
	display: block;
	height: 100%;
	object-fit: contain;
	object-position: center;
	width: 100%;

}

.shopcatalog ul li div.productbox:hover p {
	color: #888;
}

.shopcatalog .iconbutton,
a.iconbutton {
	align-items: center;
	background-color: transparent;
	border: 1.5px solid #E6E7E8;
	border-radius: .55rem !important;
	color: #010101;
	display: flex;
	font-size: 1.15rem;
	height: 42px;
	justify-content: center;
	letter-spacing: -.02rem;
	padding: 3px;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	width: 42px;
}

.shopcatalog .iconbutton:hover,
a.iconbutton:hover {
	background-color: #e6e9ee;
	border-color: #e6e9ee;
	color: #000000;
}


.products--block .cta--button {
	align-items: center;
	background-color: #D4D4D4;
	border: 1.5px solid #D4D4D4;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.products--block .cta--button i {
	transition: transform 0.3s ease;
}

.products--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
}

.products--block .cta--button:hover i {
	transform: translateX(6px);
}

.products--block .cta--button:focus {
	outline: none;
}




/* ============================
	USP
============================ */

.usp--block {
	padding: 15rem 0 4rem 0;
}

.usp--block.next--page {
	padding: 8rem 0 1rem 0;
}

.usp--block h3 {
	color: #1B043E;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: .75rem;
}

.usp--block i {
	color: #8D5FA4;
	font-size: 4rem;
	margin-bottom: .25rem;
}

.usp--block li {
	border-right: 1.5px solid #EEE;
	flex: 1;
	padding: 1rem 3rem;
	text-align: center;
}

.usp--block li:last-child {
	border-right: none;
}

.usp--block p {
	color: #000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15rem;
	font-weight: 400;
}

.usp--block ul {
	background-color: #FFF;
	border-radius: 2rem;
	box-shadow: 0 0 .65rem rgba(215, 208, 197, 0.25);
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 2rem;
	width: 100%;
}

.usp--block .usp--wrapper {
	background-color: #F7F5F2;
	border-radius: 2.75rem;
	padding: .85rem;
}

.icon--wrapper {
	display: block;
	text-align: center;
	margin-bottom: 1rem;
}

.icon--wrapper img {
	height: 70px;
	width: auto;
	display: inline-block;
}



/* ============================
	PROPERTIES BLOCK
============================ */

.properties--block {
	padding: 10rem 0;
}

.properties--block.full--page {
	padding: 0rem 0 10rem 0;
}

.properties--block .container-fluid {
	max-width: 2200px;
}

.properties--block.full--page .container-fluid {
	max-width: 1800px;
}

.property--wrapper {
	background-color: #FFF;
	border-radius: .25rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	padding: 0;
}

.property--inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
}

width .property--inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	width: 100%;
}

.property--inner .property--img--wrapper {
	border-radius: 0;
	height: 385px;
	overflow: hidden;
	width: 100%;
}

.property--inner .property--img--wrapper img.property--img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.property--inner .property--content--wrapper {
	padding: 2.5rem;
}

.property--inner h2 {
	color: #888888;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .5rem;
}

.property--inner h3 {
	color: #111;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .125rem;
}

.property--inner p {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	line-height: 1.5;
}

.property--inner ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 1rem 0;
	width: 100%;
}

.property--inner ul li {
	border-left: 3px solid #E2E2E2;
	display: flex;
	flex-wrap: wrap;
	margin: .25rem 0;
	padding-left: 1rem;
	padding-bottom: .125rem;
	padding-top: .125rem;
}

.property--inner ul li .title,
.property--inner ul li .value {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.05rem;
	line-height: 1.25;
}

.property--price--label {
	background-color: #000;
	border-radius: 0.25rem;
	color: #FFF;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	left: 1rem;
	padding: 0.35rem 0.75rem;
	position: absolute;
	top: 1rem;
	transition: all ease 0.3s;
	z-index: 2;
}

.properties--block .cta--button {
	align-items: center;
	animation: pulse-animation-property 2.5s infinite;
	background-color: #D3A371;
	border: 1.5px solid #D3A371;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 600;
	height: auto;
	justify-content: center;
	letter-spacing: -.0125rem;
	line-height: 1;
	padding: 1rem 1.2rem 1rem 1.2rem;
	position: relative;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	vertical-align: middle;
}

.properties--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
	transform: scale(1.025);
}

.properties--block .cta--button i {
	transition: transform 0.3s ease;
}

.properties--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
	transform: scale(1.025);
}

.properties--block .cta--button:hover i {
	transform: translateX(6px);
}

.property--block .cta--button:focus {
	outline: none;
}



/* ============================
	COLUMN BLOCK
============================ */

.columns--block {
	padding: 8rem 0;
}

.columns--block.wide--block {
	/*background-image: url('../../../assets/images/backgrounds/tfs-bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;*/
	background-color: #F5F5F7;
	padding: 6.5rem 0 5.5rem 0;
}

.columns--block.wide--block .container {
	max-width: 1700px;
}

.columns--wrapper--intro {
	background-color: #fff;
	border-radius: 1.5rem;
	padding: 2rem;
	height: 100%;
}

.columns--block .intro--block {
	padding: 0
}

.columns--block .intro--block .img--box img.project--logo {
	height: 60px;
	width: fit-content;
}

.columns--block .intro--block h2 {
	color: #111;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 1.5rem;
}

.columns--block .intro--block p {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.35rem;
	color: #111;
	line-height: 1.5;
}

.columns--wrapper--intro .columns--inner h2 {
	color: #111;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 1rem;
}

.columns--wrapper--intro .columns--inner p {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15rem;
	color: #111;
	line-height: 1.5;
}

.columns--wrapper {
	background-color: #fff;
	border-radius: .25rem;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
	padding: 2.5rem;
	height: 100%;
}

.columns--inner {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	width: 100%;
}

.columns--inner .columns--img--wrapper {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	height: 350px;
	margin-bottom: 1.5rem;
	overflow: hidden;
	width: 100%;
}

.columns--inner .columns--img--wrapper img.column--img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.columns--inner .columns--content--wrapper {
	margin-bottom: .5rem;
	padding: 0 .5rem;
}

.columns--inner h3 {
	color: #111;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.125rem;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 1.25rem;
}

.columns--inner h3.color--headline1 {
	border-left: 3px solid #E2E2E2;
	padding-left: 1.25rem;
}

.columns--inner h3.color--headline2 {
	border-left: 3px solid #DAC3AE;
	padding-left: 1.25rem;
}

.columns--inner h3.color--headline3 {
	border-left: 3px solid #B88E65;
	padding-left: 1.25rem;
}

.columns--inner h3.color--headline4 {
	border-left: 3px solid #2C2C2C;
	padding-left: 1.25rem;
}

.columns--inner p {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.105rem;
	line-height: 1.5;
}

.columns--inner ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.columns--inner ul li {
	border-left: 3px solid #E2E2E2;
	display: flex;
	margin: .25rem 0;
	padding-left: 1.25rem;
	padding-bottom: .125rem;
	padding-top: .125rem;
}

.columns--inner ul li p {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.105rem;
	line-height: 1.5;
}


.columns--block.wide--block .cta--button {
	align-items: center;
	animation: pulse-animation-download 2.5s infinite;
	background-color: #D4D4D4;
	border: 1.5px solid #D4D4D4;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 600;
	height: auto;
	justify-content: center;
	letter-spacing: -.0125rem;
	line-height: 1;
	padding: 1rem 1.2rem 1rem 1.2rem;
	position: relative;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	vertical-align: middle;
}

.columns--block.wide--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
	transform: scale(1.025);
}

@keyframes pulse-animation-download {
	0% {
		box-shadow: 0 0 0 0px rgba(212, 212, 212, 0.8);
	}

	50% {
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
	}

	100% {}
}

.columns--block.wide--block .cta--button:focus {
	outline: none;
}



/* ============================
	LOCATION
============================ */

.location--block {
	padding: 10rem 0;
}

.location--block .container {
	max-width: 1700px;
}

.location--title {
	color: #000000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.25rem;
}

.location--description {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
}

.location--block .cta--button {
	align-items: center;
	background-color: #FFF;
	border: 1.5px solid #D4D4D4;
	border-radius: .25rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 600;
	height: auto;
	justify-content: center;
	letter-spacing: -.0125rem;
	line-height: 1;
	padding: 1rem 1.2rem 1rem 1.2rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.location--block .cta--button:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
}

.location--block .cta--button i {
	transition: transform 0.3s ease;
}

.location--block .cta--button:hover i {
	transform: translateX(6px);
}


/* LOCATION MAP WRAPPERS */
.location--map--outer {
	background-color: #F7F5F2;
	padding: 0.5rem;
}

.location--map--inner {
	background-color: #FFFFFF;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
	padding: 0.5rem;
}

/* GOOGLE MAP */
#map {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.location--address p {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 0;
}



/* ============================
	FAQ
============================ */

.faq--block {
	padding: 2rem 0 8rem 0;
}

.faq--block.next--page {
	padding: 10rem 0 8rem 0;
}

.faq--block.detail--page {
	padding: 6rem 0 8rem 0;
}

.faq--block--title {
	color: #000000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: .025rem;
	line-height: 1.15;
	margin-bottom: 0;
}

.faq--item {
	border-bottom: 1.5px solid #EEEEEE;
	cursor: pointer;
	padding: 1.5rem 0;
}

.faq--icon--heart {
	color: #C09454;
	font-size: 3rem;
}

.faq--question h3 {
	color: #000000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: .025rem;
	margin: 0;
	padding-right: 2rem;
}

.faq--textbadge {
	background-color: #B88E65;
	border-radius: .25rem;
	color: #FFF !important;
	padding: .2rem 1.15rem .4rem 1.15rem;
}

.faq--icon {
	font-size: 1.5rem;
	color: #FF946D;
	transition: all 0.3s ease;
}

.faq--item.open .faq--icon {
	transform: rotate(180deg);
	color: #000000;
}

.faq--answer {
	display: none;
	margin-top: 1rem;
}

.faq--answer p {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.6;
	color: #000000;
	margin-bottom: 0;
	padding-right: 3.5rem;
}

.faq--item.open .faq--answer {
	display: block;
}

.faq--item:last-child {
	border-bottom: none;
}


.faq--block .cta--button {
	align-items: center;
	background-color: #8D5FA4;
	border: 1.5px solid #8D5FA4;
	border-radius: 10rem;
	color: #FFF;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.faq--block .cta--button i {
	transition: transform 0.3s ease;
}

.faq--block .cta--button:hover {
	border: 1.5px solid #D4D4D4;
	background-color: #D4D4D4;
	color: #000;
}

.faq--block .cta--button:hover i {
	transform: translateX(6px);
}

.faq--block .cta--button:focus {
	outline: none;
}

.faq--block .img--box {
	border-radius: 6rem;
	/* height: 100%; */
	overflow: hidden;
	position: relative;
	width: 100%;
}

.faq--block .img--box img {
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: all ease 0.3s;
	width: 100%;
}



/* ============================
	REVIEWS
============================ */

.review--block {
	background-color: #260C4F;
	padding: 3rem 0rem;
}

.review--block .container {
	max-width: 1700px !important;
}

.review--block .col-12.col-xl-4 {
	display: flex;
}

.review__widget--item {
	background-color: #1B043E;
	border-radius: 5rem;
	/* box-shadow: 0 0 .85rem rgba(0, 0, 0, 0.125); */
	padding: 2.75rem;
	/* border: 3px solid #BC9E77; */
}

.widget--item--body {
	padding-top: .25rem;
	text-align: center;
	width: 100%;
}

.review--header {
	margin-bottom: .75rem;
}

.review--header i {
	color: #3ED9D0;
	font-size: 1.55rem;
}

.review--header i:nth-child(2) {
	font-size: 2.25rem;
}

.review--body {
	min-height: 85px;
	margin-bottom: 1rem;
}

.review--body p {
	color: #F5F0FA;
	font-size: 1.05rem;
	line-height: 1.4;
}

.review--details p {
	color: #3ED9D0;
	font-size: 1rem;
	margin-bottom: 0;
}

.review__footer--wrapper {
	display: flex;
	justify-content: center;
}

.review__footer--wrapper img.review--logo--gosalon {
	height: 1.85rem;
}



/* ============================
	PLAYFIELD
============================ */

.playfield--block {
	display: flex;
	justify-content: center;
	align-items: center;
}



/* ============================
   LOGOS
============================ */

.logo--block {
	background-color: #FFF;
	padding: 4rem 0 7rem 0;
}

.logo--list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: -1rem;
	padding: 0;
}

.logo--list--item {
	flex: 0 0 16.6667%;
	max-width: 16.6667%;
	padding: 2rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo--list--item img {
	display: block;
	margin: 0 auto;
	max-height: 50px;
	object-fit: contain;
	width: 100%;
}

@media (max-width: 991px) {
	.logo--list--item {
		flex: 0 0 25%;
		max-width: 25%;
		padding: 1.5rem;
	}
}

@media (max-width: 767px) {
	.logo--list--item {
		flex: 0 0 33.333%;
		max-width: 33.333%;
		padding: 1rem;
	}
}

@media (max-width: 575px) {
	.logo--list--item {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.logo--list--item img.scale115 {
	scale: 1.15;
}



/* ============================
	CALL TO ACTION ALINEA
============================ */

.cta--block {
	align-items: center;
	background-color: #F7F5F2;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 1rem 0 5rem 0;
	position: relative;
}

.cta--block h2 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: .075rem;
	line-height: 1.1;
	margin-bottom: 0;
}

.cta--block h3 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: .05rem;
	line-height: 1.3;
	margin-bottom: .75rem;
}

.cta--block p {
	color: #000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
}

.cta--textbadge {
	background-color: #FFF;
	border: 2px solid #A4A4A4;
	border-radius: 0;
	color: #111 !important;
	padding: .35rem 1.05rem .35rem 1.05rem;
}



/* ============================
	CTA BUTTON BLOCK
============================ */

.ctabutton--block {
	align-items: center;
	background-color: #8D5FA4;
	display: flex;
	justify-content: center;
	overflow: hidden;
	padding: 3rem 0;
	position: relative;
}

.ctabutton--block .cta--button {
	align-items: center;
	background-color: #1B043E;
	border: 1.5px solid #1B043E;
	border-radius: 10rem;
	color: #FFF;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all ease 0.3s;
	vertical-align: middle;
	background-image: linear-gradient(to top, #DEDEDE 0%, #FFFFFF 100%);
	background-size: 100% 0%;
	background-repeat: no-repeat;
	background-position: bottom;
}

.ctabutton--block .cta--button:hover {
	background-size: 100% 200%;
	color: #000000;
}

.ctabutton--block .cta--button:focus {
	outline: none;
}

.ctabutton--block .contact--details {
	color: #000;
	display: block;
	font-size: 1.15rem;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	margin-top: 1.75rem;
}



/* ============================
	CTA TEXTBLOCK
============================ */

.cta--textblock {
	background-color: #34EEC9;
	padding: 4rem 0;
}

.cta--textblock h3 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	letter-spacing: .05rem;
	line-height: 1.3;
	margin-bottom: .5rem;
}

.cta--textblock p {
	color: #000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.45rem;
	line-height: 1.5;
}

.cta--link {
	color: #000;
	font-weight: 600;
}

.cta--link:hover {
	color: #FFF;
}



/* ============================
	FOOTER
============================ */

footer {
	background-color: #321460;
	color: #FFF;
	padding-top: 5rem;
}

footer .footer--wrapper {}


.scroll--top--btn {
	animation: pulse-animation-top 2.5s infinite;
	display: inline-block;
	background-color: #FFF;
	color: #000;
	border-radius: 1rem;
	padding: 0.55rem 1.25rem 0.65rem 1.25rem;
	font-size: 1.75rem;
	transition: all 0.3s ease;
	transform: translateY(0);
}


@keyframes pulse-animation-top {
	0% {
		box-shadow: 0 0 0 0px rgba(187, 187, 187, 0.8);
	}

	50% {
		box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
	}

	100% {}
}


.scroll--top--btn:hover {
	background-color: #DEDEDE;
	color: #000;
	text-decoration: none;
	transform: translateY(-0.35rem);
}

.footer--logo--image {
	height: 230px;
	width: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* top */

.footer--top {
	padding-bottom: 1rem;
}

footer .footer--top .footer--column--wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-left: 8%;
	justify-content: center;
}

footer .footer--top ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer .footer--top li.footer--heading {
	margin-bottom: 1rem;
}

footer .footer--top li.footer--heading h2 {
	color: #000;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 2.25rem;
	font-weight: 800;
	letter-spacing: .025rem;
}

footer .footer--top li.footer--heading h3 {
	color: #FF946D;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: .025rem;
}

footer .footer--top li {
	margin-bottom: .25rem;
}

footer .footer--top p {
	color: #EADEEF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	line-height: 1.6;
}

footer .footer--top a.footer--link {
	color: #EADEEF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	margin-right: 0.25rem;
	text-decoration: none;
	transition: color 0.3s ease;
	white-space: nowrap;
}

footer .footer--top a.footer--link:hover {
	color: #3ED9D0;
}

/* middle */
footer .footer--middle .brand--logo--box {
	display: flex;
	justify-content: center;
	padding: 1rem 0 5rem 0;
}

footer .footer--middle .brand--logo--box img.brand--logo {
	height: auto;
	width: 100%;
}


footer .footer--bottom ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

footer .footer--bottom .footer--logo--box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1rem 0 3rem 0;
}

footer .footer--bottom .footer--logo--box img.footer--logo {
	max-height: 350px;
}

footer .footer--bottom a {
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: -.0125rem;
	line-height: 1;
	transition: color .2s ease-in-out;
	text-decoration: none;
}

footer .footer--bottom a:hover {
	color: #FFF;
}



/* ============================
	FORMS
============================ */

.form--block {
	background-color: #ffffff;
	padding-top: 5rem;
	padding-bottom: 2rem;
}

.form--outer {
	background-color: #F6F6F6;
	border-radius: 2rem;
	padding: 0.75rem;
}

.form--inner {
	background-color: #FFFFFF;
	border-radius: 1.5rem;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

.form--content {
	display: flex;
	justify-content: center;
	padding: 2.25rem;
}

.form--block .paragraph--h2 {
	color: #000000;
	font-family: 'FinalSixBlack', Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 1rem;
	margin-top: 0;
}

.form--block .paragraph--text {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: var(--line-height);
	margin-bottom: 1.5rem;
}

.form--block .form-control {
	border: 1.5px solid #E2E2E2;
	border-radius: 0.5rem;
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	padding: 0.75rem 1rem;
	background-color: #ffffff;
}

.form--block .form-control::placeholder {
	color: #888888;
}

.form--block .form-control:focus {
	border-color: #FF946D;
	box-shadow: 0 0 0 0.15rem rgba(255, 148, 109, 0.25);
	outline: none;
}

.form--block label {
	color: #000000;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	display: inline-block;
}

.form--block .btn--form {
	align-items: center;
	background-color: #3ED9D0;
	border: 1.5px solid #3ED9D0;
	border-radius: 10rem;
	color: #000;
	display: inline-flex;
	font-family: 'Plus Jakarta Sans', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	height: auto;
	justify-content: center;
	letter-spacing: .025rem;
	line-height: 1;
	padding: .95rem 1.5rem 1.1rem 1.5rem;
	position: relative;
	text-decoration: none !important;
	transition: all 0.3s ease;
	vertical-align: middle;
}

.form--block .btn--form i {
	transition: transform 0.3s ease;
}

.form--block .btn--form:hover {
	border: 1.5px solid #000;
	background-color: #000;
	color: #FFF;
}

.form--block .btn--form:hover i {
	transform: translateX(6px);
}

.form--block .btn--form:focus {
	outline: none;
}

.form--block .terms--text p {
	color: #777777;
	font-size: 0.95rem;
	line-height: 1.4;
	margin: 0;
}

.form--block .form-check {
	display: flex;
	align-items: center;
	margin-bottom: 0.75rem;
}

.form--block .form-check-input {
	margin-top: 0 !important;
}

.form--block .form-check-label {
	color: #000000;
	font-size: 1rem;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	margin-bottom: 0;
	margin-left: 1rem;
}

.form--block label small {
	font-family: "Eina 01", Arial, sans-serif;
	font-size: .9rem;
	font-weight: 400;
}

.form--block hr {
	color: #E2E2E2;
	opacity: 1;
}

.form--select--wrapper {
	position: relative;
	width: 100%;
}

.form--select--wrapper select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1.5px solid #E2E2E2;
	border-radius: 0.5rem;
	color: var(--color-black);
	font-family: "Eina 01", Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 400;
	padding: 0.75rem 1rem;
	padding-right: 2.5rem;
	background-color: #FFF;
	background-image: none;
	cursor: pointer;
}

.form--select--wrapper select.form-control:focus {
	background-color: #FFF;
	border-color: #FF946D;
	box-shadow: 0 0 0 0.15rem rgba(255, 148, 109, 0.25);
	outline: none;
}

.form--select--wrapper::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #333;
	pointer-events: none;
}



/* ============================
	RADIO + CHECKBOX
============================ */

form .radio+.radio,
.checkbox+.checkbox {
	margin-top: -5px;
}

.modal .radio {
	background-color: #fff;
	border-radius: .25rem;
	height: 22px;
	margin-bottom: 1px;
	position: relative;
	width: auto;
}

.modal .radio label {
	height: 24px;
}

.checkbox label,
.radio label {
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 0;
	min-height: 20px;
	padding-left: 0;
}

.checkbox label::after,
.radio label::after {
	clear: both;
	content: "";
	display: table;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox .cr,
.radio .cr {
	border: 1.5px solid #cbcfd3;
	border-radius: .25rem;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 24px;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
	opacity: 1;
	transform: scale(1) rotateZ(0deg);
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
	opacity: 0;
	transform: scale(3) rotateZ(-20deg);
	transition: all 0.3s ease-in 0s;
}

.checkbox .cr .cr-icon {
	color: #000743;
	font-size: 16px;
	left: 16%;
	line-height: 0;
	position: absolute;
	top: 50%;
}

.checkbox .cr.master .cr-icon {
	left: 14%;
}

.checkbox .cr.master {
	border: 2px solid #000743;
}



/* ============================
	BUTTONS
============================ */

button.btn__appointment,
a.btn__appointment {
	background-color: #111;
	border: 2px solid #111;
	border-radius: 0;
	color: #FFF;
	display: inline-block;
	font-family: PP Formula Compressed;
	font-size: 1.35rem;
	font-weight: 600;
	letter-spacing: -.0125rem;
	text-decoration: none !important;
	transition: all .2s ease-in-out;
	padding: .75rem 1.25rem .55rem 1.25rem;
}

button.btn__appointment:hover,
a.btn__appointment:hover {
	border: 2px solid #FFF;
	background-color: #FFF;
	color: #111;
}



/* ============================
	TYPO
============================ */

h1,
h2,
h3 {
	font-family: PP Formula Compressed;
	letter-spacing: -.025rem;
	line-height: 1;
	margin-bottom: 0;
}

p {
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.45;
	margin-bottom: 0;
}

h1 {
	font-size: 3rem;
	font-weight: bold;
}

h2 {
	font-size: 2rem;
	font-weight: bold;
}

h3 {
	font-size: 1.5rem;
	font-weight: bold;
}

p {
	font-size: 1.125rem;
}

a {
	color: #10C5D3;
	text-decoration: underline;
	transition: all 0.3s ease;
}

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

.small,
small {
	font-size: .8em;
}

.text--nowrap {
	white-space: nowrap;
}



/* Colors */

.text-feathergrey {
	color: #EEE;
}

.text-grey {
	color: #AAA;
}

.text-white {
	color: #FFF;
}

.text-dark {
	color: #000;
}

.bg-darkgrey {
	background-color: #222;
}

.text-muted {
	color: #757575;
}








/* END CSS FILE */