.nayla-circular-text {
	display: inline-block;
	position: relative;
	overflow: hidden;
	--fontSize: 15px;
	margin-left: -1;
	--background: var(--mainColor)
}

.circular-text-content {
	display: block;
	position: absolute;
	height: 450px;
	width: 450px
}

.circular-text-wrap {
	display: inline-block;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	border-radius: 50%;
	position: relative
}

.circle-char,
.circle-word {
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	display: inline-block;
	text-transform: uppercase;
	font-size: var(--fontSize);
	text-align: center;
	left: 50%;
	height: 50%;
	position: absolute;
	width: 20px;
	z-index: 999999
}

.circle-word {
	left: 50%;
	top: 0;
	height: 100%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nayla-circular-text span.material-icons {
	font-size: 5px;
	font-variation-settings: 'FILL' 1, 'wght' 100, 'GRAD' 0, 'opsz' 10
}

.nayla-circular-text .circular-text-icon span.material-icons {
	font-size: 1.5em
}

.circular-text-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
	cursor: pointer
}

.circular-text-icon span {
	font-size: 40px
}

.nayla-circular-text.blur-bg::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	background: 0 0;
	border-radius: 50%;
	z-index: -1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	backdrop-filter: blur(10px) grayscale(.3);
	-webkit-backdrop-filter: blur(10px) grayscale(.3)
}

.nayla-circular-text.has-bg::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	background: 0 0;
	border-radius: 50%;
	z-index: -1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: var(--background)
}

.nayla-circular-text.has-bg,
.nayla-circular-text.has-bg a {
	color: var(--mainBackground)
}
.has-anim-text {
	-webkit-font-kerning: none;
	font-kerning: none;
	-webkit-text-rendering: optimizeSpeed;
	text-rendering: optimizeSpeed;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 0
}
.has-anim-text.anim_start {
	opacity: 1
}
.anim_char, .anim_word, .anim_line {
	overflow: hidden;
	vertical-align: top;
	will-change: transform;
	padding-right: .03em;
	margin-right: -.03em;
	padding-bottom: .09em;
	margin-bottom: -.09em;
}
.anim_word {
	white-space: nowrap;
}
.anim_char span, .anim_word span, .anim_line span {
	display: block;
	will-change: transform;
}
.maskDown, .maskUp {
	visibility: hidden;
}
.has-anim {
	visibility: hidden;
	will-change: transform opacity;
}
.text-wrapper > :not(.has-anim-text) a::after, .text-wrapper .has-anim-text a > div::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: .07em;
	background: #000E1F;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: width .5s cubic-bezier(.65,.05,.36,1);
	-o-transition: width .5s cubic-bezier(.65,.05,.36,1);
	transition: width .5s cubic-bezier(.65,.05,.36,1);
}
.has-anim-text.is-inview a > div::after {
	width: 100%;
}
.text-wrapper > :not(.has-anim-text) a:hover::after, .text-wrapper .has-anim-text a:hover > div::after {
	-webkit-animation-name: toggleLine;
	animation-name: toggleLine;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes toggleLine {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}

	50% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}

	51% {
		-webkit-clip-path: inset(0% 100% 0% 0%);
		clip-path: inset(0% 100% 0% 0%)
	}

	100% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
}

@keyframes toggleLine {
	0% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}

	50% {
		-webkit-clip-path: inset(0% 0% 0% 100%);
		clip-path: inset(0% 0% 0% 100%)
	}

	51% {
		-webkit-clip-path: inset(0% 100% 0% 0%);
		clip-path: inset(0% 100% 0% 0%)
	}

	100% {
		-webkit-clip-path: inset(0% 0% 0% 0%);
		clip-path: inset(0% 0% 0% 0%)
	}
}
.nayla-button.underline.icon-right::before, .nayla-button.underline.icon-right::after {
	content: "";
	background: url('../images/arr3.svg') no-repeat center center;
	width: 13px;
	height: 13px;
	font-family: material icons;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1em;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	color: var(--mainColor);
}
.nayla-button.underline.icon-right::before {
	right: unset;
	left: 0;
	-webkit-transform: translateX(-1em) translateY(-50%);
	-ms-transform: translateX(-1em) translateY(-50%);
	transform: translateX(-1em) translateY(-50%);
	opacity: 0;
}
.nayla-button {
	position: relative;
	display: inline-block;
}
.nayla-button.underline .button-line {
	position: absolute;
	bottom: -.1em;
	left: 0;
	width: 100%;
	height: .1em;
	background: #000E1F;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
.nayla-button.underline.icon-right a {
	padding-right: 1.5em;
}
.nayla-button.underline a {
	-webkit-transition: color.3s ease,padding .4s ease;
	-o-transition: color.3s ease,padding .4s ease;
	transition: color.3s ease,padding .4s ease;
}
.nayla-button.underline a:hover .button-line {
	background: transparent;
}
.nayla-button.underline:hover a .button-line {
	-webkit-animation-name: toggleLine;
	animation-name: toggleLine;
	-webkit-animation-duration: .55s;
	animation-duration: .55s;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.nayla-button.underline.icon-right:hover::after {
	-webkit-transform: translateX(1em) translateY(-50%);
	-ms-transform: translateX(1em) translateY(-50%);
	transform: translateX(1em) translateY(-50%);
	opacity: 0;
}
.nayla-button.underline.icon-right:hover::before {
	-webkit-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
	opacity: 1;
}
.nayla-button.underline.icon-right a:hover {
	padding-right: 0;
	padding-left: 1.5em;
}
.nayla-marquee {
	white-space: nowrap;
	display: block;
	will-change: transform
}

.marquee-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.marquee-wrap span {
	display: inline-block;
	margin: 0 30px;
	font-size: 1em;
	vertical-align: middle;
	line-height: .5em
}

.marquee-wrap>* {
	margin-bottom: 0
}

.single-image {
	display: block;
	width: var(--width);
	height: var(--height);
	--width: 100%;
	--height: auto;
	--mobileWidth: 100%;
	--mobileHeight: auto;
}
.single-image.parallax-image {
	overflow: hidden;
}
.single-image.parallax-image .image-parallax-wrap {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	will-change: transform;
}
.single-image img {
	width: 100%;
	height: var(--height);
	-o-object-fit: cover;
	object-fit: cover;
}
.single-image.parallax-image .image-parallax-wrap img {
	-o-object-fit: contain;
	object-fit: contain;
	height: 100%;
	will-change: transform;
}
.linesMask .anim_line span {
	width: 0%;
	overflow: hidden;
	white-space: nowrap;
}
.linesMask .anim_line span.clone {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	z-index: 0;
	white-space: nowrap;
	opacity: .2;
}
.has-anim-text.slideLeft, .has-anim-text.slideRight, .has-anim-text.slideLeft .anim_line, .has-anim-text.slideRight .anim_line {
	white-space: nowrap;
	overflow: visible;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.menu-toggle .toggle-lines {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 28px;
	margin-left: 15px;
}
.toggle-line {
	width: 100%;
	height: 1.5px;
	display: inline-block;
	background-color: #191919;
	margin: 3px 0;
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-o-transition: transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease;
}
.menu-toggle:hover .toggle-text::after, .menu-toggle:hover .toggle-line {
	-webkit-animation-name: toggleLine;
	animation-name: toggleLine;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}
.menu-toggle.active .toggle-line:first-child {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.menu-toggle.active .toggle-line {
	margin: 0;
	-webkit-transition: -webkit-transform .6s ease;
	transition: -webkit-transform .6s ease;
	-o-transition: transform .6s ease;
	transition: transform .6s ease;
	transition: transform .6s ease,-webkit-transform .6s ease;
}
.menu-toggle.active .toggle-line:last-child {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -1.5px;
}

div#mouseCursor {
  position:fixed;
  z-index:999999999999;
  pointer-events:none;
  -webkit-transition:width .2s ease-out,height .2s ease-out;
  -o-transition:width .2s ease-out,height .2s ease-out;
  transition:width .2s ease-out,height .2s ease-out;
  overflow:hidden
}
div#mouseCursor.temp_hidden.circle,
div#mouseCursor.temp_hidden.dot {
  width:0!important;
  height:0!important
}
div#mouseCursor.light .mouse-cursor-icon,
div#mouseCursor.light .mouse-cursor-text {
  color:#191919
}
div#mouseCursor.dot {
  width:15px;
  height:15px
}
div#mouseCursor.circle {
  width:75px;
  height:75px
}
div#mouseCursor .main-circle {
  -webkit-transition:fill .2s ease,stroke .2s ease;
  -o-transition:fill .2s ease,stroke .2s ease;
  transition:fill .2s ease,stroke .2s ease
}
div#mouseCursor.circle .main-circle {
  stroke:#191919;
  stroke-width:1;
  fill:transparent
}
div#mouseCursor.dot .main-circle {
  stroke:none;
  stroke-width:none;
  fill:#191919
}
.mouse-cursor-icon,
.mouse-cursor-text {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  color:#fff;
  opacity:1;
  font-size:15px;
  display:block;
  overflow:hidden;
  line-height:1;
  text-align:center;
  line-height:1.4
}
.mouse-cursor-text span {
  display:block;
  -webkit-transform:translateY(20px);
  -ms-transform:translateY(20px);
  transform:translateY(20px);
  -webkit-transition:-webkit-transform .5s ease;
  transition:-webkit-transform .5s ease;
  -o-transition:transform .5s ease;
  transition:transform .5s ease;
  transition:transform .5s ease,-webkit-transform .5s ease
}
.mouse-cursor-icon {
  font-size:25px
}
div#mouseCursor .mouse-cursor-icon {
  font-variation-settings:'FILL'1,'wght'300,'GRAD'0,'opsz'48
}
div#mouseCursor .mouse-cursor-icon::after {
  content:attr(data-icon);
  font-family:material icons;
  opacity:0;
  -webkit-transition:opacity .3s ease;
  -o-transition:opacity .3s ease;
  transition:opacity .3s ease
}
div#mouseCursor.multi {
  overflow:visible;
  opacity:1
}
div#mouseCursor .multi-icon {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
div#mouseCursor .multi-icon::after {
  content:'arrow_forward';
  font-family:material icons;
  position:absolute;
  top:50%;
  right:0;
  -webkit-transform:translateY(-50%) translateX(20px);
  -ms-transform:translateY(-50%) translateX(20px);
  transform:translateY(-50%) translateX(20px);
  font-size:25px
}
div#mouseCursor .multi-icon::before {
  content:'arrow_back';
  font-family:material icons;
  position:absolute;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%) translateX(-20px);
  -ms-transform:translateY(-50%) translateX(-20px);
  transform:translateY(-50%) translateX(-20px);
  font-size:25px
}
div#mouseCursor.circle.light .main-circle {
  stroke:#fff;
  stroke-width:.5
}
div#mouseCursor.dot.light .main-circle {
  fill:#fff
}
div#mouseCursor.hover-size {
  width:125px;
  height:125px
}
div#mouseCursor.dot.hover-size {
  width:150px;
  height:150px
}
div#mouseCursor.dot.hover-size {
  opacity:.25
}
div#mouseCursor.multi.dot.hover-size,
div#mouseCursor.multi.hover-size {
  width:100px;
  height:100px;
  opacity:1
}
div#mouseCursor.multi.press.dot.hover-size,
div#mouseCursor.multi.press.hover-size {
  width:40px;
  height:40px
}
div#mouseCursor.hover-size.hover-text {
  width:150px;
  height:150px
}
div#mouseCursor.hover-text {
  opacity:1!important
}
div#mouseCursor.hover-text .main-circle {
  stroke:none;
  stroke-width:0;
  fill:#000e1f
}
div#mouseCursor.hover-text .mouse-cursor-text span {
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
div#mouseCursor.hover-size.hover-icon {
  width:150px;
  height:150px
}
div#mouseCursor.hover-icon {
  opacity:1!important
}
div#mouseCursor.hover-icon .main-circle {
  stroke:none;
  stroke-width:0;
  fill:#000e1f
}
div#mouseCursor.hover-icon .mouse-cursor-icon::after {
  opacity:1
}
.nayla-dynamic-carousel {
	display: block;
	float: left;
	width: 100%;
	--w: auto;
	--h: auto;
	position: relative;
	z-index: 1;
	--wm: 80vw;
	--gap: 50px;
	margin-bottom: 1em;
	--mobileHeight: 'auto';
}
.carousel--wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: var(--h);
}
.slideUp {
	will-change: transform;
}
.carousel--item {
	width: var(--w);
	height: auto;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding-right: var(--gap);
}
.parallax-on .carousel--item {
	padding-right: 0;
	margin-right: var(--gap);
}
.eq-height .carousel--item {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.pin-spacer {
	pointer-events: none !important;
}
.pin-spacer > * {
	pointer-events: all;
}
.nayla-info-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: var(--height);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-right: 2em;
	margin-bottom: 1em;
	position: relative;
	--height: auto;
	height: var(--height);
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.eq-height .carousel--item * {
	height: 100%;
}
.blend {
	--mainColor: #fff !important;
	mix-blend-mode: difference;
	position: relative;
	z-index: 9;
}