/* Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;

	height: auto;

	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

:root {
	--f-spinner-width: 36px;
	--f-spinner-height: 36px;
	--f-spinner-color-1: rgba(0, 0, 0, 0.1);
	--f-spinner-color-2: rgba(17, 24, 28, 0.8);
	--f-spinner-stroke: 2.75
}

.f-spinner {
	margin: auto;
	padding: 0;
	width: var(--f-spinner-width);
	height: var(--f-spinner-height)
}

.f-spinner svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
	stroke-width: var(--f-spinner-stroke);
	fill: none
}

.f-spinner svg *:first-child {
	stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
	stroke: var(--f-spinner-color-2);
	animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes f-spinner-dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35
	}

	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124
	}
}

.f-throwOutUp {
	animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
	animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
	to {
		transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
		opacity: 0
	}
}

@keyframes f-throwOutDown {
	to {
		transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
		opacity: 0
	}
}

.f-zoomInUp {
	animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
	animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
	from {
		transform: scale(0.975) translate3d(0, 16px, 0);
		opacity: 0
	}

	to {
		transform: scale(1) translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes f-zoomOutDown {
	to {
		transform: scale(0.975) translate3d(0, 16px, 0);
		opacity: 0
	}
}

.f-fadeIn {
	animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
	z-index: 2
}

.f-fadeOut {
	animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
	z-index: 1
}

@keyframes f-fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes f-fadeOut {
	100% {
		opacity: 0
	}
}

.f-fadeFastIn {
	animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
	z-index: 2
}

.f-fadeFastOut {
	animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
	z-index: 2
}

@keyframes f-fadeFastIn {
	0% {
		opacity: .75
	}

	100% {
		opacity: 1
	}
}

@keyframes f-fadeFastOut {
	100% {
		opacity: 0
	}
}

.f-fadeSlowIn {
	animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
	z-index: 2
}

.f-fadeSlowOut {
	animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
	z-index: 1
}

@keyframes f-fadeSlowIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes f-fadeSlowOut {
	100% {
		opacity: 0
	}
}

.f-crossfadeIn {
	animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
	z-index: 2
}

.f-crossfadeOut {
	animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
	z-index: 1
}

@keyframes f-crossfadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes f-crossfadeOut {
	100% {
		opacity: 0
	}
}

.f-slideIn.from-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
	0% {
		transform: translateX(100%)
	}

	100% {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes f-slideInNext {
	0% {
		transform: translateX(-100%)
	}

	100% {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes f-slideOutNext {
	100% {
		transform: translateX(-100%)
	}
}

@keyframes f-slideOutPrev {
	100% {
		transform: translateX(100%)
	}
}

.f-classicIn.from-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
	z-index: 2
}

.f-classicIn.from-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
	z-index: 2
}

.f-classicOut.to-next {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
	z-index: 1
}

.f-classicOut.to-prev {
	animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
	z-index: 1
}

@keyframes f-classicInNext {
	0% {
		transform: translateX(-75px);
		opacity: 0
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes f-classicInPrev {
	0% {
		transform: translateX(75px);
		opacity: 0
	}

	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes f-classicOutNext {
	100% {
		transform: translateX(-75px);
		opacity: 0
	}
}

@keyframes f-classicOutPrev {
	100% {
		transform: translateX(75px);
		opacity: 0
	}
}

:root {
	--f-button-width: 40px;
	--f-button-height: 40px;
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-color: #374151;
	--f-button-bg: #f8f8f8;
	--f-button-hover-bg: #e0e0e0;
	--f-button-active-bg: #d0d0d0;
	--f-button-shadow: none;
	--f-button-transition: all 0.15s ease;
	--f-button-transform: none;
	--f-button-svg-width: 20px;
	--f-button-svg-height: 20px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: none;
	--f-button-svg-disabled-opacity: 0.65
}

.f-button {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	position: relative;
	margin: 0;
	padding: 0;
	width: var(--f-button-width);
	height: var(--f-button-height);
	border: var(--f-button-border);
	border-radius: var(--f-button-border-radius);
	color: var(--f-button-color);
	background: var(--f-button-bg);
	box-shadow: var(--f-button-shadow);
	pointer-events: all;
	cursor: pointer;
	transition: var(--f-button-transition)
}

@media(hover: hover) {
	.f-button:hover:not([disabled]) {
		color: var(--f-button-hover-color);
		background-color: var(--f-button-hover-bg)
	}
}

.f-button:active:not([disabled]) {
	background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
	outline: none
}

.f-button:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
	width: var(--f-button-svg-width);
	height: var(--f-button-svg-height);
	fill: var(--f-button-svg-fill);
	stroke: currentColor;
	stroke-width: var(--f-button-svg-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: opacity .15s ease;
	transform: var(--f-button-transform);
	filter: var(--f-button-svg-filter);
	pointer-events: none
}

.f-button[disabled] {
	cursor: default
}

.f-button[disabled] svg {
	opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
	position: absolute;
	z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
	top: 50%;
	transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
	left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
	right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
	left: auto;
	right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
	right: auto;
	left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
	top: auto;
	left: 50%;
	transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
	top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
	bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
	transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
	pointer-events: none
}

html.with-fancybox {
	width: auto;
	overflow: visible;
	scroll-behavior: auto
}

html.with-fancybox body {
	touch-action: none
}

html.with-fancybox body.hide-scrollbar {
	width: auto;
	margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
	overflow: hidden !important;
	overscroll-behavior-y: none
}

.fancybox__container {
	--fancybox-color: #dbdbdb;
	--fancybox-hover-color: #fff;
	--fancybox-bg: rgba(24, 24, 27, 0.98);
	--fancybox-slide-gap: 10px;
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-color-1: rgba(255, 255, 255, 0.1);
	--f-spinner-color-2: #bbb;
	--f-spinner-stroke: 3.65;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	direction: ltr;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #f8f8f8;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: visible;
	z-index: var(--fancybox-zIndex, 1050);
	outline: none;
	transform-origin: top left;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
	box-sizing: inherit
}

.fancybox__container::backdrop {
	background-color: rgba(0, 0, 0, 0)
}

.fancybox__backdrop {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background: var(--fancybox-bg);
	opacity: var(--fancybox-opacity, 1);
	will-change: opacity
}

.fancybox__carousel {
	position: relative;
	box-sizing: border-box;
	flex: 1;
	min-height: 0;
	z-index: 10;
	overflow-y: visible;
	overflow-x: clip
}

.fancybox__viewport {
	width: 100%;
	height: 100%
}

.fancybox__viewport.is-draggable {
	cursor: move;
	cursor: grab
}

.fancybox__viewport.is-dragging {
	cursor: move;
	cursor: grabbing
}

.fancybox__track {
	display: flex;
	margin: 0 auto;
	height: 100%
}

.fancybox__slide {
	flex: 0 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0 var(--fancybox-slide-gap) 0 0;
	padding: 4px;
	overflow: auto;
	overscroll-behavior: contain;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
	padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
	overflow: hidden
}

.fancybox__slide.has-image {
	overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
	overflow: visible
}

.fancybox__slide::before,
.fancybox__slide::after {
	content: "";
	flex: 0 0 0;
	margin: auto
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
	display: block
}

.fancybox__content {
	align-self: center;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0;
	padding: 2rem;
	max-width: 100%;
	color: var(--fancybox-content-color, #374151);
	background: var(--fancybox-content-bg, #fff);
	cursor: default;
	border-radius: 0;
	z-index: 20
}

.is-loading .fancybox__content {
	opacity: 0
}

.is-draggable .fancybox__content {
	cursor: move;
	cursor: grab
}

.can-zoom_in .fancybox__content {
	cursor: zoom-in
}

.can-zoom_out .fancybox__content {
	cursor: zoom-out
}

.is-dragging .fancybox__content {
	cursor: move;
	cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
	cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
	padding: 0;
	background: rgba(0, 0, 0, 0);
	min-height: 1px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition: none;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
	width: 100%;
	height: auto;
	max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
	will-change: transform, width, height
}

.fancybox-image {
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	user-select: none;
	filter: blur(0px)
}

.fancybox__caption {
	align-self: center;
	max-width: 100%;
	flex-shrink: 0;
	margin: 0;
	padding: 14px 0 4px 0;
	overflow-wrap: anywhere;
	line-height: 1.375;
	color: var(--fancybox-color, currentColor);
	opacity: var(--fancybox-opacity, 1);
	cursor: auto;
	visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
	opacity: 0;
	visibility: hidden
}

.is-compact .fancybox__caption {
	padding-bottom: 0
}

.f-button.is-close-btn {
	--f-button-svg-stroke-width: 2;
	position: absolute;
	top: 0;
	right: 8px;
	z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
	--f-button-width: 34px;
	--f-button-height: 34px;
	--f-button-border-radius: 4px;
	--f-button-color: var(--fancybox-color, #fff);
	--f-button-hover-color: var(--fancybox-color, #fff);
	--f-button-bg: transparent;
	--f-button-hover-bg: transparent;
	--f-button-active-bg: transparent;
	--f-button-svg-width: 22px;
	--f-button-svg-height: 22px;
	position: absolute;
	top: -38px;
	right: 0;
	opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
	visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
	visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
	opacity: 1
}

.fancybox__footer {
	padding: 0;
	margin: 0;
	position: relative
}

.fancybox__footer .fancybox__caption {
	width: 100%;
	padding: 24px;
	opacity: var(--fancybox-opacity, 1);
	transition: all .25s ease
}

.is-compact .fancybox__footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
	padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
	--f-button-border-radius: 50%;
	--f-button-color: #fff;
	--f-button-hover-color: #fff;
	--f-button-outline-color: #000;
	--f-button-bg: rgba(0, 0, 0, 0.6);
	--f-button-active-bg: rgba(0, 0, 0, 0.6);
	--f-button-hover-bg: rgba(0, 0, 0, 0.6);
	--f-button-svg-width: 18px;
	--f-button-svg-height: 18px;
	--f-button-svg-filter: none;
	top: 5px;
	right: 5px
}

.fancybox__nav {
	--f-button-width: 50px;
	--f-button-height: 50px;
	--f-button-border: 0;
	--f-button-border-radius: 50%;
	--f-button-color: var(--fancybox-color);
	--f-button-hover-color: var(--fancybox-hover-color);
	--f-button-bg: transparent;
	--f-button-hover-bg: rgba(24, 24, 27, 0.3);
	--f-button-active-bg: rgba(24, 24, 27, 0.5);
	--f-button-shadow: none;
	--f-button-transition: all 0.15s ease;
	--f-button-transform: none;
	--f-button-svg-width: 26px;
	--f-button-svg-height: 26px;
	--f-button-svg-stroke-width: 2.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
	--f-button-svg-disabled-opacity: 0.65;
	--f-button-next-pos: 1rem;
	--f-button-prev-pos: 1rem;
	opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
	position: absolute;
	content: "";
	top: -30px;
	right: -20px;
	left: -20px;
	bottom: -30px;
	z-index: 1
}

.is-idle .fancybox__nav {
	animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
	pointer-events: none;
	animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
	z-index: 30;
	cursor: pointer
}

.fancybox-protected {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
	user-select: none
}

.fancybox-ghost {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	z-index: 40;
	user-select: none;
	pointer-events: none
}

.fancybox-focus-guard {
	outline: none;
	opacity: 0;
	position: fixed;
	pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
	opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
	animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
	animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
	animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
	animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
	max-width: 100%;
	flex-shrink: 1;
	min-height: 1px;
	overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
	width: calc(100% - 120px);
	height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
	width: 100%;
	height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
	width: 960px;
	height: 540px;
	max-width: 100%;
	max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
	padding: 0;
	background: rgba(24, 24, 27, .9);
	color: #fff
}

.has-map .fancybox__content {
	background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0)
}

.fancybox-placeholder {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important
}

.f-carousel__thumbs {
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-outline: 0;
	--f-thumb-outline-color: #5eb0ef;
	--f-thumb-opacity: 1;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1;
	--f-thumb-border-radius: 2px;
	--f-thumb-offset: 0px;
	--f-button-next-pos: 0;
	--f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
	--f-thumb-gap: 8px;
	--f-thumb-opacity: 0.5;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
	--f-thumb-gap: 4px;
	--f-thumb-extra-gap: 16px;
	--f-thumb-clip-width: 46px
}

.f-thumbs {
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
	perspective: 1000px;
	transform: translateZ(0)
}

.f-thumbs .f-spinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background-image: linear-gradient(#ebeff2, #e2e8f0);
	z-index: -1
}

.f-thumbs .f-spinner svg {
	display: none
}

.f-thumbs.is-vertical {
	height: 100%
}

.f-thumbs__viewport {
	width: 100%;
	height: auto;
	overflow: hidden;
	transform: translate3d(0, 0, 0)
}

.f-thumbs__track {
	display: flex
}

.f-thumbs__slide {
	position: relative;
	flex: 0 0 auto;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	width: var(--f-thumb-width);
	height: var(--f-thumb-height);
	overflow: visible;
	cursor: pointer
}

.f-thumbs__slide.is-loading img {
	opacity: 0
}

.is-classic .f-thumbs__viewport {
	height: 100%
}

.is-modern .f-thumbs__track {
	width: max-content
}

.is-modern .f-thumbs__track::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc((var(--f-thumb-clip-width, 0))*-0.5);
	width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
	cursor: pointer
}

.is-modern .f-thumbs__slide {
	width: var(--f-thumb-clip-width);
	transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
	transition: none;
	pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
	transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
	transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
	filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
	appearance: none;
	width: var(--f-thumb-width);
	height: 100%;
	margin: 0 -100% 0 -100%;
	padding: 0;
	border: 0;
	position: relative;
	border-radius: var(--f-thumb-border-radius);
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	outline: none;
	cursor: pointer;
	pointer-events: auto;
	touch-action: manipulation;
	opacity: var(--f-thumb-opacity);
	transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
	opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
	outline: none
}

.f-thumbs__slide__button:focus-visible {
	outline: none;
	opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
	--clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
	clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
	opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	bottom: 0;
	border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
	border-radius: var(--f-thumb-border-radius);
	animation: f-fadeIn .2s ease-out;
	z-index: 10
}

.f-thumbs__slide__img {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: var(--f-thumb-offset);
	box-sizing: border-box;
	pointer-events: none;
	object-fit: cover;
	border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
	padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
	margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
	flex-wrap: wrap;
	padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
	margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-border-radius: 2px;
	--f-thumb-outline: 2px;
	--f-thumb-outline-color: #ededed;
	position: relative;
	opacity: var(--fancybox-opacity, 1);
	transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
	--f-thumb-gap: 8px;
	--f-thumb-opacity: 0.5;
	--f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
	--f-thumb-gap: 4px;
	--f-thumb-extra-gap: 16px;
	--f-thumb-clip-width: 46px;
	--f-thumb-opacity: 1;
	--f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
	padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
	padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
	--f-thumb-width: 64px;
	--f-thumb-clip-width: 32px;
	--f-thumb-height: 48px;
	--f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
	max-height: 0px !important
}

.is-closing .fancybox__thumbs {
	transition: none !important
}

.fancybox__toolbar {
	--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
	--f-button-width: 46px;
	--f-button-height: 46px;
	--f-button-color: var(--fancybox-color);
	--f-button-hover-color: var(--fancybox-hover-color);
	--f-button-bg: rgba(24, 24, 27, 0.65);
	--f-button-hover-bg: rgba(70, 70, 73, 0.65);
	--f-button-active-bg: rgba(90, 90, 93, 0.65);
	--f-button-border-radius: 0;
	--f-button-svg-width: 24px;
	--f-button-svg-height: 24px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
	--f-button-svg-fill: none;
	--f-button-svg-disabled-opacity: 0.65;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
	color: var(--fancybox-color, currentColor);
	opacity: var(--fancybox-opacity, 1);
	text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
	pointer-events: none;
	z-index: 20
}

.fancybox__toolbar :focus-visible {
	z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.is-idle .fancybox__toolbar {
	pointer-events: none;
	animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
	flex-grow: 1;
	flex-basis: 0
}

.fancybox__toolbar__column.is-right {
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap
}

.fancybox__infobar {
	padding: 0 5px;
	line-height: var(--f-button-height);
	text-align: center;
	font-size: 17px;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: subpixel-antialiased;
	cursor: default;
	user-select: none
}

.fancybox__infobar span {
	padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
	background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
	position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
	height: 100%;
	opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
	display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
	display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
	display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
	display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
	display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
	display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
	display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
	display: flex
}

.f-progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	transform: scaleX(0);
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
	z-index: 30;
	user-select: none;
	pointer-events: none
}

.step-app>.step-steps {
	margin: 0;
	padding: 0;
	display: flex;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.step-app>.step-steps>li {
	list-style: none;
	flex: 1;
	cursor: pointer;
	display: block;
	padding: 10px;
	color: #333;
	background-color: #e5e5e5;
	text-decoration: none;
	border-right: 1px solid #fff;
}

.step-app>.step-steps>li:hover {
	background-color: #ddd;
}

.step-app>.step-steps>li:last-child a {
	border: none;
}

.step-app>.step-steps>li.active {
	background-color: #32c5d2;
	color: #fff;
}

.step-app>.step-steps>li.error {
	background-color: #e7505a;
	color: #fff;
}

.step-app>.step-steps>li.done {
	background-color: #3cb371;
	color: #fff;
}

.step-app>.step-steps>li>.number {
	background: #fff;
	padding: 0 8px;
	display: inline-block;
	text-align: center;
	margin-right: 15px;
	border-radius: 3px;
	color: #333;
}

.step-app>.step-content {
	border: 1px solid #e5e5e5;
	padding: 10px;
	border-top: 0;
}

.step-app>.step-content>.step-tab-panel {
	display: none;
}

.step-app>.step-content>.step-tab-panel.active {
	display: block;
}

.step-app>.step-footer {
	margin-top: 15px;
	margin-bottom: 15px;
}

.step-app>.step-footer>.step-btn {
	padding: 4px 16px;
	color: #333;
	text-decoration: none;
	background: #e5e5e5;
	border-radius: 3px;
	border: none;
	outline: none;
	cursor: pointer;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

@font-face {
	font-display: block;
	font-family: icomoon;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/icomoon.woff?yuzzw2) format("woff")
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon !important;
	speak: none;
	font-feature-settings: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-chevron-down:before {
	content: "\e908"
}

.icon-cross:before {
	content: "\e90d"
}

.icon-chevron-up:before {
	content: "\e911"
}

.icon-chevron-left:before {
	content: "\e912"
}

.icon-chevron-right:before {
	content: "\e913"
}

html {
	box-sizing: border-box;
	font-size: 10px
}

*,
:after,
:before {
	box-sizing: inherit
}

.feature-image img,
.hero-image img,
.problem-image img,
.service-image img {
	bottom: 0;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.footer-menu,
.service-cards .list,
.step-steps {
	list-style: none;
	margin: 0;
	padding: 0
}

.header-content,
.service-cards .list .icon {
	align-items: center;
	display: flex;
	justify-content: center
}

.visually-hidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	margin: -1px;
	padding: 0
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #4d4d4d;
	font-family: Inter, Arial, Noto Sans, sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.75
}

a:not([class]) {
	color: #ef7125;
	-webkit-text-decoration: underline;
	text-decoration: underline;
	transition: color .35s cubic-bezier(.3, .86, .36, .95)
}

a:not([class]):hover {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

a.link {
	color: inherit;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

p.lead,
p.lead-lg {
	font-size: 1.8rem;
	line-height: 1.55
}

p.small {
	font-size: 1.2rem;
	line-height: 1.33
}

p.md {
	font-size: 1.4rem;
	line-height: 1.428
}

dl,
ol,
p,
ul {
	margin: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-weight: 600;
	line-height: 1.27;
	margin: 0 0 1em
}

.heading .h1,
.heading .h2,
.heading .h3,
.heading .h4,
.heading .h5,
.heading .h6,
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5,
.heading h6 {
	margin-bottom: 0
}

.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

.h1,
h1 {
	font-size: 4.4rem;
	line-height: 1.1818
}

.h2,
h2 {
	font-size: 3.2rem
}

.h3,
h3 {
	font-size: 2.4rem
}

.h4,
h4 {
	font-size: 1.8rem;
	line-height: 1.55
}

.h5,
h5 {
	font-size: 1.6rem
}

.h6,
h6 {
	font-size: 1.4rem
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
	background-color: #f3f3f3;
	border: none;
	border-radius: 6rem;
	color: #1a1a1a;
	font-family: Inter, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	min-width: 0;
	padding: 2.6rem 2.4rem;
	transition: border-color .35s cubic-bezier(.3, .86, .36, .95);
	width: 100%
}

input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
	box-shadow: none;
	outline: 1px solid #ef7125
}

input[type=email]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	opacity: 0
}

input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=text]:focus::placeholder,
textarea:focus::placeholder {
	opacity: 0
}

input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
	color: #1a1a1a;
	-moz-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
	color: #1a1a1a;
	transition: opacity .1s ease-in-out
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px;
	row-gap: .8rem
}

.row:not(:last-child) {
	margin-bottom: 3.3rem
}

.justify-content-center {
	justify-content: center
}

.justify-content-end {
	justify-content: end
}

.justify-content-between {
	justify-content: space-between
}

.align-items-center {
	align-items: center
}

.align-items-end {
	align-items: flex-end
}

.align-items-start {
	align-items: flex-start
}

.align-self-center {
	align-self: center
}

[class*=col-auto],
[class^=col-] {
	align-items: stretch;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	padding-left: 4px;
	padding-right: 4px;
	width: 100%
}

[class*=col-auto]>.btn,
[class^=col-]>.btn {
	align-self: start
}

.col-1 {
	flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%
}

.col-2 {
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%
}

.col-3 {
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%
}

.col-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%
}

.col-6 {
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%
}

.col-8 {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%
}

.col-9 {
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%
}

.col-11 {
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%
}

.col-12 {
	flex: 0 0 100%;
	max-width: 100%
}

.offset-0 {
	margin-left: 0
}

.offset-1 {
	margin-left: 8.3333333333%
}

.offset-2 {
	margin-left: 16.6666666667%
}

.offset-3 {
	margin-left: 25%
}

.offset-4 {
	margin-left: 33.3333333333%
}

.offset-5 {
	margin-left: 41.6666666667%
}

.offset-6 {
	margin-left: 50%
}

.offset-7 {
	margin-left: 58.3333333333%
}

.offset-8 {
	margin-left: 66.6666666667%
}

.offset-9 {
	margin-left: 75%
}

.offset-10 {
	margin-left: 83.3333333333%
}

.offset-11 {
	margin-left: 91.6666666667%
}

.order-first {
	order: -1
}

.order-last {
	order: 13
}

.col-auto {
	flex: 0 0 auto;
	max-width: 100%;
	width: auto
}

.order-0 {
	order: 0
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.order-3 {
	order: 3
}

.order-4 {
	order: 4
}

.order-5 {
	order: 5
}

.order-6 {
	order: 6
}

.order-7 {
	order: 7
}

.order-8 {
	order: 8
}

.order-9 {
	order: 9
}

.order-10 {
	order: 10
}

.order-11 {
	order: 11
}

.order-12 {
	order: 12
}

.header {
	height: 9.6rem;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2
}

.header .container {
	height: 100%
}

.header-content {
	height: 100%;
	margin-top: 30px
}

.header-logo {
	display: flex;
	justify-content: center
}

.header .logo {
	background-color: #ccc;
	border-radius: 10rem;
	color: #1a1a1a;
	display: inline-flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 1rem 5.5rem;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: background-color .35s cubic-bezier(.3, .86, .36, .95)
}

.header .logo:hover {
	background-color: #ef7125;
	color: #fff
}

body {
	background-color: #fff;
	height: 100%
}

.wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: clip;
	position: relative;
	width: 100%
}

.container {
	margin: 0 auto;
	max-width: 1440px;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	width: 100%
}

.container-md {
	max-width: 1320px
}

.page-holder {
	flex-grow: 1;
	padding-bottom: 4rem
}

img,
svg {
	display: block;
	height: auto;
	max-width: 100%
}

.radius-30 {
	border-radius: 3rem
}

.radius-25 {
	border-radius: 2.5rem
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px
}

ol:not([class]),
ul:not([class]) {
	padding-left: 1.5rem
}

ul:not([class]) li::marker {
	font-size: .75em
}

button {
	cursor: pointer
}

.text-center {
	text-align: center
}

.section {
	padding: 6rem 0
}

.section .heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	row-gap: 2.3rem
}

.section .heading h2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 76rem
}

.section .heading h2,
.section .heading h3 {
	color: #1a1a1a
}

.section .heading p {
	color: #666
}

.section .heading.gray-block h2 {
	color: #ef7125
}

.gray-block {
	background-color: #f3f3f3;
	border-radius: 3rem;
	color: #4d4d4d;
	padding: 4rem 2.4rem
}

.footer {
	background-color: #1a1a1a
}

.footer-top {
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	padding: 3rem 0 4rem;
	text-align: center
}

.footer .small {
	color: hsla(0, 0%, 100%, .5);
	margin-bottom: 0
}

.footer-bottom {
	padding: 4rem 0 3.2rem
}

.footer-bottom .row {
	row-gap: 3.1rem
}

.footer-logo {
	display: flex;
	justify-content: center
}

.footer .logo {
	background-color: #f3f3f3;
	border-radius: 10rem;
	color: #1a1a1a;
	display: inline-flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 2rem;
	font-weight: 600;
	padding: 1rem 5.5rem;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: background-color .35s cubic-bezier(.3, .86, .36, .95)
}

.footer .logo:hover {
	background-color: #ef7125;
	color: #fff
}

.footer-menu {
	align-items: center;
	border-bottom: 1px solid hsla(0, 0%, 100%, .1);
	color: #fff;
	display: flex;
	flex-direction: column;
	padding-bottom: 4rem;
	row-gap: 2.4rem
}

.footer-menu a {
	color: inherit;
	-webkit-text-decoration: none;
	text-decoration: none
}

.footer-menu a:hover {
	color: #ef7125
}

.footer .copy {
	text-align: center
}

.btn {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6rem;
	display: inline-flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	justify-content: center;
	padding: 2rem;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: background-color .35s cubic-bezier(.3, .86, .36, .95);
	width: 100%
}

.btn-primary {
	background-color: #ef7125;
	color: #fff
}

.btn-primary:hover {
	filter: brightness(1.25)
}

.btn-white {
	background-color: #fff;
	border: 1px solid #ccc
}

.btn-white:hover {
	background-color: #fff;
	border: 1px solid #ef7125;
	color: #ef7125
}

.btn-form {
	padding: 2rem 4rem
}

.service-cards {
	display: flex;
	flex-direction: column;
	gap: .8rem;
	padding-top: .7rem
}

.service-cards .list {
	color: #4d4d4d;
	display: flex;
	flex-direction: column;
	font-size: 1.6rem;
	font-weight: 400;
	gap: 1rem;
	line-height: 1.75;
	margin-bottom: 1.8rem
}

.service-cards .list li {
	position: relative
}

.service-cards .list .icon {
	background-color: #ef7125;
	border-radius: 50%;
	height: 3.2rem;
	left: 0;
	position: absolute;
	top: 0;
	width: 3.2rem
}

.service-cards .list .txt {
	display: flex;
	padding-left: 4rem;
	padding-top: 2px
}

.service-item {
	margin: 0;
	padding: 3.2rem 2.2rem;
	row-gap: 4rem
}

.service-item:not(:last-child) {
	margin: 0
}

.service-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	row-gap: 1.6rem
}

.service-content h3 {
	color: #1a1a1a;
	margin-bottom: 0
}

.service-content p {
	margin-bottom: 0
}

.service-image {
	padding-top: 105%;
	position: relative
}

.problem-item {
	border-radius: 2.5rem;
	display: flex;
	overflow: hidden;
	position: relative
}

.problem-item:after {
	background-color: rgba(0, 0, 0, .1);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.problem-item h4 {
	margin-bottom: 0
}

.problem-image {
	padding-top: 101%;
	position: relative;
	width: 100%
}

.problem-image img {
	transition: transform .35s cubic-bezier(.3, .86, .36, .95)
}

.problem-content {
	align-items: flex-end;
	background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .5));
	bottom: 0;
	color: #fff;
	display: flex;
	left: 0;
	min-height: 50%;
	padding: 1.6rem 2rem 1.6rem 1.6rem;
	position: absolute;
	right: 0;
	z-index: 1
}

.feature-cards {
	row-gap: 3.2rem
}

.feature-item {
	display: flex;
	flex-direction: column;
	position: relative;
	row-gap: 1.6rem
}

.feature-image {
	border-radius: 2.5rem;
	overflow: hidden;
	padding-top: 91%;
	position: relative
}

.feature-content {
	display: flex;
	flex-direction: column;
	row-gap: .8rem
}

.feature-content h3,
.feature-content p {
	margin-bottom: 0
}

.feature-content h3 {
	color: #1a1a1a
}

.feature-content p {
	color: #666
}

.technology-item {
	align-items: center;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 16rem;
	display: flex;
	justify-content: center;
	min-height: 22.1rem;
	overflow: hidden;
	padding: 0 1px;
	position: relative
}

.technology-item .ttl {
	-webkit-backdrop-filter: blur(7.89px);
	backdrop-filter: blur(7.89px);
	background-color: rgba(0, 0, 0, .2);
	border-radius: 5rem;
	color: #fff;
	display: inline-flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	font-weight: 600;
	padding: .8rem 1.2rem
}

.technology-image {
	margin: 0 -1.8rem
}

.technology-content {
	align-items: center;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.installation-cards {
	display: flex;
	flex-direction: column;
	gap: .8rem
}

.installation-cards .num {
	align-items: center;
	background-color: #ef7125;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 2.4rem;
	font-weight: 600;
	height: 6rem;
	justify-content: center;
	margin-bottom: 1.6rem;
	width: 6rem
}

.installation-item {
	margin: 0;
	padding: 2.4rem;
	row-gap: 4rem
}

.installation-item:not(:last-child) {
	margin: 0
}

.installation-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	height: 100%;
	row-gap: 1rem
}

.installation-content h3 {
	color: #1a1a1a;
	margin-bottom: 0
}

.installation-content .hold {
	display: flex;
	flex-direction: column;
	row-gap: 1rem
}

.installation-content p {
	margin-bottom: 0
}

.products-slider-holder {
	background-color: #ef7125;
	border-radius: 3rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 4rem 2.4rem;
	row-gap: 6.2rem
}

.product-content {
	display: flex !important;
	flex-direction: column;
	row-gap: 2.3rem
}

.product-content h2 {
	margin-bottom: 0
}

.product-image {
	align-items: center;
	background-color: #f3f3f3;
	border-radius: 3rem;
	display: flex;
	justify-content: center;
	min-height: 38rem;
	overflow: hidden;
	position: relative
}

.product-image img {
	width: 100%
}

.product-control {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.product-indicators {
	color: #fff;
	font-family: Inter, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	font-weight: 400
}

.product-arrow {
	-moz-column-gap: 1.6rem;
	column-gap: 1.6rem;
	display: flex
}

.product-arrow button {
	align-items: center;
	background: transparent;
	border: 1.1px solid #fff;
	border-radius: 50%;
	display: flex;
	height: 8rem;
	justify-content: center;
	transition: background-color .35s cubic-bezier(.3, .86, .36, .95);
	width: 8rem
}

.product-arrow button:hover {
	background-color: #fff
}

.product-arrow .icon {
	background-repeat: no-repeat;
	display: flex
}

.product-arrow .arrow-prev span {
	background-image: url(../images/arrow.svg);
	height: 4.7rem;
	width: 4.7rem
}

.product-arrow .arrow-prev:hover span {
	background-image: url(../images/arrow-right.svg);
	height: 4.6rem;
	transform: rotate(180deg);
	width: 4.6rem
}

.product-arrow .arrow-next span {
	background-image: url(../images/arrow.svg);
	height: 4.7rem;
	transform: rotate(180deg);
	width: 4.7rem
}

.product-arrow .arrow-next:hover span {
	background-image: url(../images/arrow-right.svg);
	height: 4.6rem;
	transform: rotate(0deg);
	width: 4.6rem
}

.fancybox__container {
	--fancybox-bg: rgba(0, 0, 0, .5)
}

.fancybox__slide {
	padding: 1.6rem !important
}

.popup {
	display: none;
	padding: 0;
	position: relative
}

.popup-steps {
	border-radius: 3rem;
	margin: 0 auto;
	max-width: 74rem;
	padding: 3.2rem 1.6rem 2.4rem;
	width: 100%
}

.popup-steps .container {
	padding-left: 0;
	padding-right: 0
}

.popup-steps .close {
	cursor: pointer;
	position: absolute;
	right: 1.6rem;
	top: 2.4rem
}

.popup-steps .close:hover svg path {
	stroke: #ef7125
}

.step-steps {
	border-radius: 0 !important;
	-moz-column-gap: .4rem;
	column-gap: .4rem;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 4.1rem !important;
	overflow: hidden
}

.step-steps li {
	background-color: #ccc !important;
	border-radius: 3rem;
	border-right: none !important;
	color: inherit !important;
	flex: 0 0 auto !important;
	height: .8rem;
	padding: 0 !important;
	-webkit-text-decoration: none;
	text-decoration: none;
	width: 62.75px
}

.step-steps li.active {
	background-color: #ef7125 !important
}

.step-heading {
	display: flex;
	flex-direction: column;
	margin-bottom: 2.4rem;
	row-gap: .8rem;
	text-align: center
}

.step-heading h3 {
	color: #1a1a1a;
	margin-bottom: 0
}

.step-heading .lead-lg {
	color: #ef7125;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-weight: 600
}

.step-footer {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	row-gap: .8rem
}

.step-footer .btn {
	padding: 2.2rem 2rem
}

.step-footer .md {
	color: #666;
	line-height: 1.42;
	padding-top: .8rem;
	text-align: center
}

.step-content {
	border: none !important;
	margin-bottom: 3.2rem;
	padding: 0 !important
}

.step-content .small {
	color: #666;
	line-height: 1.33
}

.step-content .small a {
	color: #ef7125;
	-webkit-text-decoration: underline;
	text-decoration: underline
}

.step-content .small a:hover {
	-webkit-text-decoration: none;
	text-decoration: none
}

.step-content .form-row {
	margin-bottom: 1.6rem
}

.step-content .form-group {
	display: flex;
	flex-direction: column;
	row-gap: .8rem
}

.step-content label {
	font-family: Inter, Arial, Noto Sans, sans-serif;
	font-weight: 400;
	left: 2.4rem;
	position: absolute;
	top: 1rem
}

.step-content .input-hold {
	position: relative
}

.step-content input[type=email],
.step-content input[type=tel],
.step-content input[type=text],
.step-content textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #1a1a1a;
	font-size: 1.8rem;
	padding: 2.4rem
}

.step-content .with-asterisk {
	position: relative
}

.step-content .placeholder-text {
	color: #1a1a1a;
	font-size: 1.8rem;
	left: 2.4rem;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .1s ease-in-out
}

.step-content .red-asterisk {
	color: #ef7125
}

.step-content .with-label input:not(:-moz-placeholder-shown)+label {
	color: #ef7125
}

.step-content .with-label input:focus+label,
.step-content .with-label input:not(:placeholder-shown)+label {
	color: #ef7125
}

.step-content .with-label input[type=email],
.step-content .with-label input[type=tel],
.step-content .with-label input[type=text],
.step-content .with-label textarea {
	padding: 3.7rem 3.7rem 2.4rem
}

#steps-form label.error {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0
}

#steps-form .error {
	color: red
}

#steps-form input.error {
	border-color: red
}

#steps-form .hidden-back-button {
	display: none !important
}

.with-label {
	position: relative
}

.with-label>label {
	border: 1px solid transparent;
	height: 100%;
	left: 0;
	overflow: hidden;
	padding: 3.05rem 3.7rem;
	pointer-events: none;
	position: absolute;
	text-align: left;
	text-overflow: ellipsis;
	top: 0;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
	white-space: nowrap;
	z-index: 2
}

.with-label>input {
	padding: 1rem .75rem
}

.with-label>input::-moz-placeholder {
	color: transparent
}

.with-label>input::placeholder {
	color: transparent
}

.with-label>input:not(:-moz-placeholder-shown) {
	padding-bottom: .625rem;
	padding-top: 1.625rem
}

.with-label>input:focus,
.with-label>input:not(:placeholder-shown) {
	padding-bottom: .625rem;
	padding-top: 1.625rem
}

.with-label>input:-webkit-autofill {
	padding-bottom: .625rem;
	padding-top: 1.625rem
}

.with-label>input:not(:-moz-placeholder-shown)~label {
	transform: scale(.7777777778) translateY(-1.5rem) translateX(1.5rem)
}

.with-label>input:focus~label,
.with-label>input:not(:placeholder-shown)~label {
	transform: scale(.7777777778) translateY(-1.5rem) translateX(1.5rem)
}

.with-label>input:not(:-moz-placeholder-shown)~label:after {
	bottom: 1rem;
	content: "";
	height: 1.5em;
	left: .375rem;
	position: absolute;
	right: .375rem;
	top: 1rem;
	z-index: -1
}

.with-label>input:focus~label:after,
.with-label>input:not(:placeholder-shown)~label:after {
	bottom: 1rem;
	content: "";
	height: 1.5em;
	left: .375rem;
	position: absolute;
	right: .375rem;
	top: 1rem;
	z-index: -1
}

.with-label>input:-webkit-autofill~label {
	transform: scale(.7777777778) translateY(-.5rem) translateX(1.5rem)
}

.progress-bar {
	animation: progress-bar-stripes 1s linear infinite;
	background-image: linear-gradient(135deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 5rem 5rem
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: 5rem
	}
}

.intro {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	min-height: 66.7rem;
	padding: 9.6rem 0 4rem;
	position: relative
}

.intro:after {
	background-color: rgba(0, 0, 0, .4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.intro .container {
	position: relative;
	z-index: 1
}

.intro-content {
	height: 100%;
	justify-content: space-between;
	text-align: center
}

.intro .heading,
.intro-content {
	display: flex;
	flex-direction: column
}

.intro .heading {
	color: #fff;
	margin-bottom: 9rem;
	padding-top: 4.2rem;
	row-gap: 1.3rem
}

.intro .lead {
	align-items: center;
	-moz-column-gap: .8rem;
	column-gap: .8rem;
	display: flex;
	justify-content: center
}

.intro .get-up {
	background-color: #fff;
	border-radius: 7rem;
	color: #ef7125;
	display: inline-flex;
	font-family: Inter Tight, Arial, Noto Sans, sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	padding: .3rem 1rem
}

.intro .form-holder {
	-webkit-backdrop-filter: blur(70px);
	backdrop-filter: blur(70px);
	background-color: rgba(26, 26, 26, .1);
	border-radius: 2.5rem;
	color: #fff;
	padding: 2.6rem 2.4rem;
	width: 100%
}

.intro .form-holder h2 {
	margin-bottom: 2rem
}

.intro .form-holder .form-row {
	display: flex;
	flex-direction: column;
	row-gap: 1rem
}

.intro .form-holder .form-group {
	position: relative
}

.intro .form-holder .form-group label.error {
	color: red;
	display: flex;
	justify-content: flex-end;
	line-height: 1.222;
	padding: 2.6rem 2.4rem;
	position: absolute;
	right: 0;
	top: 0
}

.intro .form-holder .btn-form {
	width: 100%
}

.intro form.is-pending {
	pointer-events: none
}

.intro form.is-pending .btn-form {
	cursor: not-allowed
}

.intro .autoComplete_wrapper {
	position: relative
}

.intro .autoComplete_wrapper ul[role=listbox] {
	background-color: #fff;
	border-radius: 2.5rem;
	box-shadow: 0 .4rem 1.6rem rgba(26, 26, 26, .2);
	color: #1a1a1a;
	left: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1
}

.intro .autoComplete_wrapper ul[role=listbox] p {
	padding: 1rem
}

.intro .autoComplete_wrapper ul[role=listbox] li {
	border-top: 1px solid;
	cursor: pointer;
	padding: 1.5rem
}

.intro .autoComplete_wrapper ul[role=listbox] li:hover {
	background-color: rgba(26, 26, 26, .1)
}

.hero .heading .lead {
	color: #4d4d4d
}

.hero-image {
	padding-top: 104.7%;
	position: relative
}

.banner-holder {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 44rem;
	overflow: hidden;
	padding: 0 1.4rem;
	position: relative;
	text-align: center
}

.banner-holder:after {
	background-color: rgba(0, 0, 0, .3);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.banner-content {
	row-gap: 3.5rem
}

.banner .heading,
.banner-content {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1
}

.banner .heading h2 {
	color: #fff
}

.banner-btn {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 25.3rem;
	width: 100%
}

@media (min-width:520px) {
	.col-sm-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-sm-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-sm-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-sm-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-sm-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-sm-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-sm-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.col-sm-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.order-sm-first {
		order: -1
	}

	.order-sm-last {
		order: 13
	}

	.order-sm-0 {
		order: 0
	}

	.order-sm-1 {
		order: 1
	}

	.order-sm-2 {
		order: 2
	}

	.order-sm-3 {
		order: 3
	}

	.order-sm-4 {
		order: 4
	}

	.order-sm-5 {
		order: 5
	}

	.order-sm-6 {
		order: 6
	}

	.order-sm-7 {
		order: 7
	}

	.order-sm-8 {
		order: 8
	}

	.order-sm-9 {
		order: 9
	}

	.order-sm-10 {
		order: 10
	}

	.order-sm-11 {
		order: 11
	}

	.order-sm-12 {
		order: 12
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.3333333333%
	}

	.offset-sm-2 {
		margin-left: 16.6666666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.3333333333%
	}

	.offset-sm-5 {
		margin-left: 41.6666666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.3333333333%
	}

	.offset-sm-8 {
		margin-left: 66.6666666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.3333333333%
	}

	.offset-sm-11 {
		margin-left: 91.6666666667%
	}
}

@media (min-width:768px) {
	.justify-content-md-end {
		justify-content: flex-end
	}

	.align-items-md-center {
		align-items: center
	}

	.align-items-md-end {
		align-items: flex-end
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse
	}

	.order-md-auto {
		order: 0
	}

	.col-md-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-md-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-md-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-md-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-md-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-md-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.col-md-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.order-md-first {
		order: -1
	}

	.order-md-last {
		order: 13
	}

	.order-md-0 {
		order: 0
	}

	.order-md-1 {
		order: 1
	}

	.order-md-2 {
		order: 2
	}

	.order-md-3 {
		order: 3
	}

	.order-md-4 {
		order: 4
	}

	.order-md-5 {
		order: 5
	}

	.order-md-6 {
		order: 6
	}

	.order-md-7 {
		order: 7
	}

	.order-md-8 {
		order: 8
	}

	.order-md-9 {
		order: 9
	}

	.order-md-10 {
		order: 10
	}

	.order-md-11 {
		order: 11
	}

	.order-md-12 {
		order: 12
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.3333333333%
	}

	.offset-md-2 {
		margin-left: 16.6666666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.3333333333%
	}

	.offset-md-5 {
		margin-left: 41.6666666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.3333333333%
	}

	.offset-md-8 {
		margin-left: 66.6666666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.3333333333%
	}

	.offset-md-11 {
		margin-left: 91.6666666667%
	}

	.footer-top {
		text-align: left
	}

	.footer-logo {
		justify-content: flex-start
	}

	.footer-menu {
		border-bottom: none;
		-moz-column-gap: 2rem;
		column-gap: 2rem;
		flex-direction: row;
		justify-content: flex-end;
		padding-bottom: 0
	}

	.footer .copy {
		text-align: right
	}

	.service-content {
		padding-right: 2rem
	}

	.flex-md-row-reverse .service-content {
		padding-left: 2rem;
		padding-right: 0
	}

	.service-image {
		height: 100%
	}

	.feature-content {
		padding: 0 1rem 0 0
	}

	.technology-item {
		min-height: 30rem
	}

	.product-image {
		height: 100%
	}

	.popup-steps {
		padding: 5.2rem 4rem 4rem
	}

	.popup-steps .close {
		right: 4rem;
		top: 4rem
	}

	.popup-steps .close svg {
		width: 3.2rem
	}

	.step-steps {
		-moz-column-gap: .8rem;
		column-gap: .8rem;
		margin-bottom: 6.1rem !important
	}

	.step-steps li {
		height: .8rem;
		width: 148px
	}

	.step-heading {
		margin-bottom: 3rem;
		row-gap: 1.6rem
	}

	.step-footer {
		flex-direction: row;
		margin: 0 -.2rem
	}

	.step-footer-hold {
		padding: 0 .2rem;
		width: 50%
	}

	.step-footer .btn,
	.step-footer-hold.w-100 {
		width: 100%
	}

	.step-footer .md {
		font-size: 1.4rem;
		letter-spacing: -.5px;
		padding-top: 2.3rem
	}

	.step-content {
		margin-bottom: 4.8rem
	}

	.step-content .form-group {
		flex-direction: row;
		margin: 0 -.2rem
	}

	.step-content .input-hold {
		padding: 0 .2rem;
		width: 100%
	}

	.step-content .input-hold.w-50 {
		width: 50%
	}

	.intro .form-holder .form-row {
		-moz-column-gap: 1rem;
		column-gap: 1rem;
		flex-direction: row
	}

	.intro .form-holder .form-group {
		width: calc(100% - 20rem)
	}

	.intro .form-holder .btn-form {
		max-width: 20rem
	}

	.hero .heading {
		height: 100%;
		justify-content: space-between
	}
}

@media (min-width:1024px) {
	body {
		font-size: 1.8rem;
		line-height: 1.55
	}

	p.lead {
		font-size: 2.2rem
	}

	p.lead-lg {
		font-size: 2.4rem
	}

	p.md {
		font-size: 1.8rem
	}

	.h1,
	h1 {
		font-size: 9rem;
		letter-spacing: -1px;
		line-height: 1.11
	}

	.h2,
	h2 {
		font-size: 4.4rem;
		letter-spacing: -.4px
	}

	.h3,
	h3 {
		font-size: 3.2rem;
		line-height: 1.5
	}

	.h4,
	h4 {
		font-size: 2.4rem
	}

	.h5,
	h5 {
		font-size: 1.8rem
	}

	.h6,
	h6 {
		font-size: 1.6rem
	}

	.row {
		margin-left: -8px;
		margin-right: -8px;
		row-gap: 1.6rem
	}

	.row:not(:last-child) {
		margin-bottom: 6.3rem
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse
	}

	.order-lg-auto {
		order: 0
	}

	.align-items-lg-center {
		align-items: center
	}

	[class*=col-auto],
	[class^=col-] {
		padding-left: 8px;
		padding-right: 8px
	}

	.col-lg-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-lg-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-lg-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-lg-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-lg-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-lg-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.col-lg-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.order-lg-first {
		order: -1
	}

	.order-lg-last {
		order: 13
	}

	.order-lg-0 {
		order: 0
	}

	.order-lg-1 {
		order: 1
	}

	.order-lg-2 {
		order: 2
	}

	.order-lg-3 {
		order: 3
	}

	.order-lg-4 {
		order: 4
	}

	.order-lg-5 {
		order: 5
	}

	.order-lg-6 {
		order: 6
	}

	.order-lg-7 {
		order: 7
	}

	.order-lg-8 {
		order: 8
	}

	.order-lg-9 {
		order: 9
	}

	.order-lg-10 {
		order: 10
	}

	.order-lg-11 {
		order: 11
	}

	.order-lg-12 {
		order: 12
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.3333333333%
	}

	.offset-lg-2 {
		margin-left: 16.6666666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.3333333333%
	}

	.offset-lg-5 {
		margin-left: 41.6666666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.3333333333%
	}

	.offset-lg-8 {
		margin-left: 66.6666666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.3333333333%
	}

	.offset-lg-11 {
		margin-left: 91.6666666667%
	}

	.container {
		padding-left: 4rem;
		padding-right: 4rem
	}

	.page-holder {
		padding-bottom: 9rem
	}

	.section {
		padding: 9rem 0
	}

	.section .heading {
		row-gap: 3rem
	}

	.gray-block {
		padding: 6rem
	}

	.footer-top {
		padding: 3rem 0 3.1rem
	}

	.footer-bottom {
		padding: 3.5rem 0
	}

	.footer-bottom .row {
		margin-bottom: 2rem;
		row-gap: 0
	}

	.footer-menu {
		-moz-column-gap: 4rem;
		column-gap: 4rem
	}

	.btn {
		padding: 2.2rem 5.2rem;
		width: auto
	}

	.service-cards {
		gap: 1.6rem
	}

	.service-cards .list {
		font-size: 1.8rem;
		gap: 1.4rem;
		margin-bottom: 3.8rem;
		padding-top: 1.8rem
	}

	.service-cards .list .txt {
		padding-left: 4.5rem
	}

	.service-item:not(:last-child) {
		margin: 0
	}

	.service-item {
		align-items: center
	}

	.service-content {
		padding: 0 5rem 0 2.5rem
	}

	.flex-md-row-reverse .service-content {
		padding: 0 2.5rem 0 8rem
	}

	.service-image {
		height: auto;
		padding-top: 94.13%
	}

	.problem-image {
		padding-top: 107%
	}

	.features .heading .h3 {
		font-size: 4.4rem
	}

	.features-holder {
		padding: 10rem 6rem
	}

	.feature-content {
		padding: 0 1rem;
		row-gap: 1.3rem
	}

	.technology-item {
		min-height: 43rem
	}

	.technology-item .ttl {
		font-size: 2.4rem;
		padding: 1.6rem 2.4rem
	}

	.technology-image {
		margin: 0
	}

	.installation-item {
		padding: 3rem
	}

	.installation-content {
		justify-content: space-between;
		min-height: 37rem
	}

	.installation-content h3 {
		font-size: 2.4rem
	}

	.products-slider-holder {
		height: 100%;
		justify-content: space-between;
		padding: 6rem
	}

	.product-content .link {
		margin-top: 1rem
	}

	.product-control {
		-moz-column-gap: 3rem;
		column-gap: 3rem;
		justify-content: flex-start
	}

	.product-indicators {
		font-size: 2.2rem
	}

	.intro {
		height: 100svh;
		margin-bottom: 9rem;
		min-height: 90rem;
		padding: 9.6rem 0 11rem
	}

	.intro .heading {
		padding-top: 13.4rem;
		row-gap: 2.7rem
	}

	.intro .get-up {
		font-size: 2.4rem
	}

	.intro .form-holder {
		padding: 3rem
	}

	.intro .form-holder h2 {
		margin-bottom: 3rem
	}

	.intro .form-holder .form-group {
		width: calc(100% - 30rem)
	}

	.intro .form-holder .btn-form {
		max-width: 30rem
	}

	.hero-image {
		padding-top: 61.29%
	}

	.banner-holder {
		min-height: 48rem
	}

	.banner-content {
		row-gap: 4.5rem
	}

	.banner-btn {
		max-width: 100%
	}
}

@media (min-width:1480px) {
	.align-items-xl-center {
		align-items: center
	}

	.col-xl-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%
	}

	.col-xl-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%
	}

	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%
	}

	.col-xl-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%
	}

	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%
	}

	.col-xl-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%
	}

	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%
	}

	.col-xl-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%
	}

	.col-xl-12 {
		flex: 0 0 100%;
		max-width: 100%
	}

	.col-xl-auto {
		flex: 0 0 auto;
		max-width: 100%;
		width: auto
	}

	.order-xl-first {
		order: -1
	}

	.order-xl-last {
		order: 13
	}

	.order-xl-0 {
		order: 0
	}

	.order-xl-1 {
		order: 1
	}

	.order-xl-2 {
		order: 2
	}

	.order-xl-3 {
		order: 3
	}

	.order-xl-4 {
		order: 4
	}

	.order-xl-5 {
		order: 5
	}

	.order-xl-6 {
		order: 6
	}

	.order-xl-7 {
		order: 7
	}

	.order-xl-8 {
		order: 8
	}

	.order-xl-9 {
		order: 9
	}

	.order-xl-10 {
		order: 10
	}

	.order-xl-11 {
		order: 11
	}

	.order-xl-12 {
		order: 12
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.3333333333%
	}

	.offset-xl-2 {
		margin-left: 16.6666666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.3333333333%
	}

	.offset-xl-5 {
		margin-left: 41.6666666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.3333333333%
	}

	.offset-xl-8 {
		margin-left: 66.6666666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.3333333333%
	}

	.offset-xl-11 {
		margin-left: 91.6666666667%
	}
}

@media (max-width:767px) {

	.flex-column-reverse,
	.step-footer {
		flex-direction: column-reverse
	}
}

@media (max-width:1023px) {
	.flex-md-column-reverse {
		flex-direction: column-reverse
	}
}

@media (prefers-reduced-motion:reduce) {
	.with-label>label {
		transition: none
	}
}