@import url("https://fonts.cdnfonts.com/css/avenir-lt-std");
@import url("https://fonts.googleapis.com/css2?family=Saira+Condensed&display=swap");
@font-face {
	font-family: "Avenir LT Std";
	src: url("../fonts/Avenir LT Std 45 Book.otf");
}
@font-face {
	font-family: "Dense";
	src: url("../fonts/Dense-Regular.otf");
}
.page-home section.hero {
	flex: 1;
	display: flex;
	padding-top: 0;
	margin: 0;
	/* min-height: calc(100vh - 122px); */
	/* min-height: 768px; */
	padding-bottom: 0;
}
.page-home section.hero .hero-slider {
	width: 100%;
	margin-bottom: 0;
}
.page-home section.hero .hero-slider .slide {
	height: 100%;
	position: relative;
}
.page-home section.hero .hero-slider .slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.page-home section.hero .hero-slider .slide .slide-img-mobile {
}
@media only screen and (max-width: 512px) {
	.page-home section.hero .hero-slider .slide .slide-img-mobile {
		display: block;
	}
	.page-home section.hero .hero-slider .slide .slide-img-desktop {
		display: none;
	}
}
@media screen and (min-width: 513px) {
	.page-home section.hero .hero-slider .slide .slide-img-mobile {
		display: none;
	}
	.page-home section.hero .hero-slider .slide .slide-img-desktop {
		display: block;
	}
}
.page-home section.hero .hero-slider .slide .slide-overlay,
.page-home section.hero .hero-slider .slide .slider-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-home section.hero .hero-slider .slide .slide-overlay .container-l {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
	padding-bottom: 4rem;
	padding-top: 1rem;
}
@media only screen and (max-width: 1120px) {
	.page-home section.hero .hero-slider .slide .slide-overlay .container-l {
		flex-direction: column-reverse;
		align-items: center;
		/* justify-content: center; */
	}
	.page-home
		section.hero
		.hero-slider
		.slide
		.slide-overlay
		.container-l
		.right {
		margin-top: 122px;
	}
	.page-home
		section.hero
		.hero-slider
		.slide
		.slide-overlay
		.container-l
		.right
		img {
		/* height: 50% !important; */
		/* border: 1px solid red; */
	}
	.page-home
		section.hero
		.hero-slider
		.slide
		.slide-overlay
		.container-l
		.left {
		align-items: center;
		text-align: center;
	}
}
.page-home section.hero .hero-slider .slide .slide-overlay .container-l .right,
.page-home section.hero .hero-slider .slide .slide-overlay .container-l .left {
	flex: 1;
	color: #fff;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.right
	img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.page-home section.hero .hero-slider .slide .slide-overlay .container-l .left {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.left
	> * {
	margin: 0;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.left
	h1 {
	font-size: 7.5rem;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.left
	.price {
	font-size: 3.125rem;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.left
	.price
	.price-old {
	color: #97a4a4;
	text-decoration: line-through;
	font-size: 2.5rem;
}
.page-home
	section.hero
	.hero-slider
	.slide
	.slide-overlay
	.container-l
	.left
	.g-btn {
	width: fit-content;
}
.page-home section.hero .hero-slider .slick-list,
.page-home section.hero .hero-slider .slick-track {
	height: 100%;
}
.page-home section.hero .hero-slider .slick-dots {
	position: absolute;
	bottom: 1rem;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	gap: 1rem;
	list-style-type: none;
}
.page-home section.hero .hero-slider .slick-dots li button {
	display: flex;
	background-color: rgba(0, 0, 0, 0);
	font-size: 0;
	border: 0px solid rgba(0, 0, 0, 0);
}
.page-home section.hero .hero-slider .slick-dots li button:before {
	content: "";
	position: relative;
	background-color: white;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	margin: auto;
}
.page-home section.hero .hero-slider .slick-dots .slick-active button:before {
	background-color: white;
	/* position: absolute; */
	width: 20px;
	height: 20px;
}
section.featured {
	padding-top: 4rem;
}
.page-home section.featured .featured-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	justify-content: center;
	gap: 1rem;
	padding-top: 2rem;
}
section.featured h2 {
	margin-bottom: 2rem;
}
.page-home section.featured .featured-grid .feature-card {
	border-radius: 10px;
	position: relative;
	background: var(--background);
	background-size: cover;
	overflow: hidden;
	content: "";
	position: relative;
	width: 100%;
	padding-top: 150%;
}
.page-home section.featured .featured-grid .feature-card:before {
	content: "";
	background: linear-gradient(
			90deg,
			rgba(13, 166, 162, 0.5) 0%,
			rgba(13, 166, 162, 0.5) 100%
		),
		var(--background);
	background-size: cover;
	filter: blur(10px);
	transform: scale(1.2);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 0.3s;
	z-index: 0;
}
.page-home section.featured .featured-grid .feature-card .overlay {
	padding: 2rem 0;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #000;
	text-decoration: none;
}
.page-home section.featured .featured-grid .feature-card .overlay h3,
.page-home section.featured .featured-grid .feature-card .overlay .g-btn {
	position: relative;
	pointer-events: none;
	opacity: 0;
	transition: 0.3s;
}
.page-home section.featured .featured-grid .feature-card .overlay .g-btn {
	position: absolute;
	bottom: 2rem;
	box-shadow: 0px 10px 19px rgba(0, 0, 0, 0.25);
}
.page-home section.featured .featured-grid .feature-card:hover:before {
	opacity: 1;
}
.page-home section.featured .featured-grid .feature-card:hover h3,
.page-home section.featured .featured-grid .feature-card:hover .g-btn {
	pointer-events: all;
	opacity: 1;
}
@media only screen and (min-width: 1080px) {
	.page-home section.featured .stagggered > div:nth-child(2n) {
		transform: translateY(0) !important;
	}
}
@media only screen and (max-width: 1080px) {
	.page-home section.featured .stagggered > div:nth-child(2n) {
		transform: translateY(0);
	}
	.page-home section.featured .stagggered > div:nth-child(3n-1) {
		transform: translateY(3rem);
	}
}
@media only screen and (max-width: 814px) {
	.page-home section.featured .stagggered > div:nth-child(3n-1) {
		transform: translateY(0);
	}
	.page-home section.featured .stagggered > div:nth-child(2n) {
		transform: translateY(3rem);
	}
}
@media only screen and (max-width: 814px) {
	.page-home section.featured .stagggered > div:nth-child(3n-1) {
		transform: translateY(0);
	}
	.page-home section.featured .stagggered > div:nth-child(2n) {
		transform: translateY(0);
	}
}
.page-home section.connected-lamps {
	padding-top: 6rem;
	padding-bottom: 0;
}
.page-home section.connected-lamps h2 {
	margin-bottom: 2rem;
}
.page-home section.connected-lamps .download-links {
	text-align: center;
	display: flex;
	gap: 1rem;
	justify-content: center;
	margin: 0.5rem 0;
	margin-bottom: 3.5rem;
	margin-top: 3rem;
}
.page-home section.connected-lamps .download-links img {
	max-height: 57px;
}
.page-home section.connected-lamps .illustration {
	position: relative;
	padding-bottom: 1rem;
	/* max-height: calc(100vh - 122px); */
}
.page-home section.connected-lamps .illustration img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.page-home section.connected-lamps .illustration .pointer {
	background: #ffffff;
	box-shadow: 0px 24px 54px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	position: absolute;
	top: var(--y);
	left: var(--x);
	max-width: var(--width);
	padding: 2rem;
	transition: height 0.3s;
	cursor: pointer;
}
@media only screen and (max-width: 932px) {
	.page-home section.connected-lamps .illustration .pointer {
		margin-top: 2rem;
		position: relative;
		left: auto;
		right: auto;
		max-width: 100%;
		box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
	}
}
.page-home section.connected-lamps .illustration .pointer h3 {
	padding-left: 2rem;
	font-family: "Avenir LT Std", sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0;
	position: relative;
}
.page-home section.connected-lamps .illustration .pointer h3:before {
	content: "";
	display: block;
	position: absolute;
	width: 1.875rem;
	height: 1.875rem;
	background-color: #0da2a6;
	transform: translate(calc(-11px - 2rem), -3px);
	border-radius: 100%;
}
.page-home section.connected-lamps .illustration .pointer p {
	max-height: 0;
	overflow: hidden;
	margin: 0;
	margin-left: 2rem;
	transition: 0.3s;
}
.page-home section.connected-lamps .illustration .pointer:hover {
	z-index: 10;
}
.page-home section.connected-lamps .illustration .pointer:hover p {
	margin-top: 1rem;
	opacity: 1;
	max-height: 500px;
}
.page-home section.nomad-lighting {
	position: relative;
	overflow: hidden;
	padding: 8rem 0;
	margin-bottom: 0;
	display: flex;
	align-content: flex-start;
	justify-content: center;
	align-items: stretch;
}
.page-home section.nomad-lighting::after {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(0, 0, 0, 0.7) 100%
		),
		center/cover no-repeat url("../images/nomad_lighting_bg_edited.png");
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: blur(10px);
	transform: scale(1.2);
	z-index: -1;
}
.page-home section.nomad-lighting .container-l {
	display: flex;
	gap: 2rem;
	z-index: 1;
	align-items: center;
}
.page-home section.nomad-lighting .container-l .text-area {
	flex: 1;
	width: 100%;
	color: #fff;
	display: flex;
	gap: 2rem;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.page-home section.nomad-lighting .container-l .text-area h2,
.page-home section.nomad-lighting .container-l .text-area p {
	text-align: left;
	margin-bottom: 0;
}
.page-home section.nomad-lighting .container-l .text-area .action-row {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.page-home section.nomad-lighting .container-l .text-area .action-row .g-btn {
	padding: 20px 30px;
	text-align: center;
	flex: 1;
	min-width: fit-content;
}
.page-home section.nomad-lighting .container-l .filler {
	flex: 1;
	width: 100%;
}
.page-home section.nomad-lighting .nomad-lighting-slider {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	gap: 1rem;
	max-width: 50%;
}
.page-home section.nomad-lighting .nomad-lighting-slider .slide {
	background-image: var(--bg);
	background-position: center;
	background-size: cover;
	margin-right: 1rem;
	gap: 1rem;
}
.page-home section.nomad-lighting .nomad-lighting-slider .slide:after {
	content: "";
	position: relative;
	width: 100%;
	padding-top: 150%;
}
@media only screen and (max-width: 728px) {
	.page-home section.nomad-lighting {
		padding: 3rem 0;
		flex-direction: column;
	}
	.page-home section.nomad-lighting .nomad-lighting-slider {
		position: relative;
		max-width: 100%;
		transform: translateY(0);
	}
	.page-home section.nomad-lighting .container-l {
		padding-bottom: 2rem;
	}
	.page-home section.nomad-lighting .container-l .text-area h2,
	.page-home section.nomad-lighting .container-l .text-area p {
		text-align: center;
	}
	.page-home section.nomad-lighting .container-l .text-area .arrow-link {
		margin: 0 auto;
		text-align: center;
	}
	.page-home section.nomad-lighting .container-l .filler {
		display: none;
	}
}
.page-home section.professional_area .container-l {
	display: flex;
	gap: 2rem;
}
@media only screen and (max-width: 842px) {
	.page-home section.professional_area .container-l {
		flex-direction: column;
	}
	.page-home section.professional_area .container-l .text-area h2,
	.page-home section.professional_area .container-l .text-area p {
		margin-bottom: 2rem;
		text-align: center !important;
	}
}
.page-home section.professional_area .container-l .text-area {
	flex: 1;
}
.page-home section.professional_area .container-l .text-area h2,
.page-home section.professional_area .container-l .text-area p {
	text-align: left;
}
.page-home section.professional_area .container-l .card-area {
	flex: 2;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1rem;
}
.page-home
	section.professional_area
	.container-l
	.card-area
	.professional-card {
	background: center/cover no-repeat var(--bg);
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
	display: flex;
}
.page-home
	section.professional_area
	.container-l
	.card-area
	.professional-card
	.overlay {
	overflow: hidden;
	padding: 1rem 2rem 3rem 2rem;
	color: #fff;
	margin-top: 40%;
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page-home
	section.professional_area
	.container-l
	.card-area
	.professional-card
	.overlay
	h3 {
	font-size: 3.125rem;
}
.page-home
	section.professional_area
	.container-l
	.card-area
	.professional-card
	.overlay
	.arrow-link {
	margin-right: 0;
	justify-content: right;
	margin-top: auto;
}
.page-home
	section.professional_area
	.container-l
	.card-area
	.professional-card
	.overlay:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.2);
	filter: blur(10px);
	background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.9) 0%,
			rgba(0, 0, 0, 0) 130.63%
		),
		var(--bg);
	background-position: bottom;
	background-size: cover;
	z-index: -1;
}

/*# sourceMappingURL=home.css.map */
.featured-products-slider-wrapper {
	display: none;
}
.featured-products-slider .slick-track {
	display: flex;
	gap: 1rem;
}
.featured-products-slider .feature-card {
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.featured-products-slider .feature-card .overlay {
	position: absolute;
	display: block;
	bottom: -2px;
	width: 100%;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(5px);
	padding-top: 0.5rem;
	color: #000;
	text-decoration: none;
	border-radius: 10px 10px 0 0;
}
.featured-products-slider .feature-card .overlay a h3 {
	text-align: center;
	color: #000;
	border: 1px solid yellow;
}

@media only screen and (max-width: 768px) {
	.page-home section.connected-lamps .download-links a img {
		max-height: 2rem;
	}
	.page-home section.featured .featured-grid {
		display: none;
	}
	.featured-products-slider-wrapper {
		display: block;
	}
}

.sg-slider-arrow {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background-color: #d9d9d9;
	cursor: pointer;
	color: #fff;
}
.sg-slider-arrow:hover {
	background-color: #0da2a6;
}
.sg-slider-arrow i {
	line-height: 0;
}
.sg-arrow-left {
	left: 0;
}
.sg-arrow-right {
	right: 0;
}

.hero-slider,
.featured-products-slider,
.nomad-lighting-slider {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.hero-slider.slick-initialized,
.featured-products-slider.slick-initialized,
.nomad-lighting-slider.slick-initialized {
	visibility: visible;
	opacity: 1;
}

/* desktop */
@media (min-width: 768px) {
}

/* mobile */
@media (max-width: 767px) {
	.page-home section.connected-lamps .download-links {
		margin: 1.5rem 0;
	}
}