@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
	display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: 'next'
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
	display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(0.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(0.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0px, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

:root {
	--color-brand: #2C6280;
	--color-accent: #4d7991;
	--color-light: #E4EFF3;
	--color-accent-light: #BED5E0;
	--color-black: #000000;
	--color-white: #FFFCF6
}

.color--brand *:not([class^="color--"]),
.color--brand {
	color: var(--color-brand)
}

.color--accent *:not([class^="color--"]),
.color--accent {
	color: var(--color-accent)
}

.color--light *:not([class^="color--"]),
.color--light {
	color: var(--color-light)
}

.color--accent-light *:not([class^="color--"]),
.color--accent-light {
	color: var(--color-accent-light)
}

.color--black *:not([class^="color--"]),
.color--black {
	color: var(--color-black)
}

.color--white *:not([class^="color--"]),
.color--white {
	color: var(--color-white)
}

@media (max-width: 767px) {
	.m-color--brand *:not([class^="color--"]),
	.m-color--brand {
		color: var(--color-brand)
	}
	.m-color--accent *:not([class^="color--"]),
	.m-color--accent {
		color: var(--color-accent)
	}
	.m-color--light *:not([class^="color--"]),
	.m-color--light {
		color: var(--color-light)
	}
	.m-color--accent-light *:not([class^="color--"]),
	.m-color--accent-light {
		color: var(--color-accent-light)
	}
	.m-color--black *:not([class^="color--"]),
	.m-color--black {
		color: var(--color-black)
	}
	.m-color--white *:not([class^="color--"]),
	.m-color--white {
		color: var(--color-white)
	}
}

.hover\:color--brand *:hover,
.hover\:color--brand:hover {
	color: var(--color-brand)
}

.hover\:color--accent *:hover,
.hover\:color--accent:hover {
	color: var(--color-accent)
}

.hover\:color--light *:hover,
.hover\:color--light:hover {
	color: var(--color-light)
}

.hover\:color--accent-light *:hover,
.hover\:color--accent-light:hover {
	color: var(--color-accent-light)
}

.hover\:color--black *:hover,
.hover\:color--black:hover {
	color: var(--color-black)
}

.hover\:color--white *:hover,
.hover\:color--white:hover {
	color: var(--color-white)
}

.bg--brand {
	background-color: var(--color-brand)
}

.bg--accent {
	background-color: var(--color-accent)
}

.bg--light {
	background-color: var(--color-light)
}

.bg--accent-light {
	background-color: var(--color-accent-light)
}

.bg--black {
	background-color: var(--color-black)
}

.bg--white {
	background-color: var(--color-white)
}

.hover\:bg--brand:hover {
	background-color: var(--color-brand)
}

.hover\:bg--accent:hover {
	background-color: var(--color-accent)
}

.hover\:bg--light:hover {
	background-color: var(--color-light)
}

.hover\:bg--accent-light:hover {
	background-color: var(--color-accent-light)
}

.hover\:bg--black:hover {
	background-color: var(--color-black)
}

.hover\:bg--white:hover {
	background-color: var(--color-white)
}

:root {
	--container-p-mobile: 20px;
	--container-width: 1600px;
	--header-height: 150px;
	--trans-300: all 300ms ease;
	--trans-600: all 600ms ease;
	--trans-900: all 900ms ease;
	--trans-1200: all 1200ms ease;
	--font-main: "Manrope";
	--font-alt: "Carla Sans"
}

@media (min-width: 1700px) {
	:root {
		--container-p-mobile: 60px
	}
}

.trans--300 {
	transition: var(--trans-300)
}

.trans--600 {
	transition: var(--trans-600)
}

.trans--900 {
	transition: var(--trans-900)
}

.trans--1200 {
	transition: var(--trans-1200)
}

.font--main {
	font-family: var(--font-main)
}

.font--alt {
	font-family: var(--font-alt)
}

@media (max-width: 1024px) {
	:root {
		--header-height: 90px !important
	}
}

.gap--0 {
	gap: 0px
}

.item-spacing--0 {
	margin-left: calc(-1 * (0px / 2));
	margin-right: calc(-1 * (0px / 2))
}

.item-spacing--0>* {
	padding-left: calc(0px / 2);
	padding-right: calc(0px / 2)
}

.gap--10 {
	gap: 10px
}

.item-spacing--10 {
	margin-left: calc(-1 * (10px / 2));
	margin-right: calc(-1 * (10px / 2))
}

.item-spacing--10>* {
	padding-left: calc(10px / 2);
	padding-right: calc(10px / 2)
}

.gap--15 {
	gap: 15px
}

.item-spacing--15 {
	margin-left: calc(-1 * (15px / 2));
	margin-right: calc(-1 * (15px / 2))
}

.item-spacing--15>* {
	padding-left: calc(15px / 2);
	padding-right: calc(15px / 2)
}

.gap--20 {
	gap: 20px
}

.item-spacing--20 {
	margin-left: calc(-1 * (20px / 2));
	margin-right: calc(-1 * (20px / 2))
}

.item-spacing--20>* {
	padding-left: calc(20px / 2);
	padding-right: calc(20px / 2)
}

.gap--25 {
	gap: 25px
}

.item-spacing--25 {
	margin-left: calc(-1 * (25px / 2));
	margin-right: calc(-1 * (25px / 2))
}

.item-spacing--25>* {
	padding-left: calc(25px / 2);
	padding-right: calc(25px / 2)
}

.gap--30 {
	gap: 30px
}

.item-spacing--30 {
	margin-left: calc(-1 * (30px / 2));
	margin-right: calc(-1 * (30px / 2))
}

.item-spacing--30>* {
	padding-left: calc(30px / 2);
	padding-right: calc(30px / 2)
}

.gap--35 {
	gap: 35px
}

.item-spacing--35 {
	margin-left: calc(-1 * (35px / 2));
	margin-right: calc(-1 * (35px / 2))
}

.item-spacing--35>* {
	padding-left: calc(35px / 2);
	padding-right: calc(35px / 2)
}

.gap--40 {
	gap: 40px
}

.item-spacing--40 {
	margin-left: calc(-1 * (40px / 2));
	margin-right: calc(-1 * (40px / 2))
}

.item-spacing--40>* {
	padding-left: calc(40px / 2);
	padding-right: calc(40px / 2)
}

.gap--45 {
	gap: 45px
}

.item-spacing--45 {
	margin-left: calc(-1 * (45px / 2));
	margin-right: calc(-1 * (45px / 2))
}

.item-spacing--45>* {
	padding-left: calc(45px / 2);
	padding-right: calc(45px / 2)
}

.gap--50 {
	gap: 50px
}

.item-spacing--50 {
	margin-left: calc(-1 * (50px / 2));
	margin-right: calc(-1 * (50px / 2))
}

.item-spacing--50>* {
	padding-left: calc(50px / 2);
	padding-right: calc(50px / 2)
}

.gap--55 {
	gap: 55px
}

.item-spacing--55 {
	margin-left: calc(-1 * (55px / 2));
	margin-right: calc(-1 * (55px / 2))
}

.item-spacing--55>* {
	padding-left: calc(55px / 2);
	padding-right: calc(55px / 2)
}

.gap--60 {
	gap: 60px
}

.item-spacing--60 {
	margin-left: calc(-1 * (60px / 2));
	margin-right: calc(-1 * (60px / 2))
}

.item-spacing--60>* {
	padding-left: calc(60px / 2);
	padding-right: calc(60px / 2)
}

.gap--65 {
	gap: 65px
}

.item-spacing--65 {
	margin-left: calc(-1 * (65px / 2));
	margin-right: calc(-1 * (65px / 2))
}

.item-spacing--65>* {
	padding-left: calc(65px / 2);
	padding-right: calc(65px / 2)
}

.gap--70 {
	gap: 70px
}

.item-spacing--70 {
	margin-left: calc(-1 * (70px / 2));
	margin-right: calc(-1 * (70px / 2))
}

.item-spacing--70>* {
	padding-left: calc(70px / 2);
	padding-right: calc(70px / 2)
}

.gap--75 {
	gap: 75px
}

.item-spacing--75 {
	margin-left: calc(-1 * (75px / 2));
	margin-right: calc(-1 * (75px / 2))
}

.item-spacing--75>* {
	padding-left: calc(75px / 2);
	padding-right: calc(75px / 2)
}

@media (max-width: 767px) {
	.m-gap--0 {
		gap: 0px
	}
	.m-item-spacing--0 {
		margin-left: calc(-1 * (0px / 2));
		margin-right: calc(-1 * (0px / 2))
	}
	.m-item-spacing--0>* {
		padding-left: calc(0px / 2);
		padding-right: calc(0px / 2)
	}
	.m-gap--10 {
		gap: 10px
	}
	.m-item-spacing--10 {
		margin-left: calc(-1 * (10px / 2));
		margin-right: calc(-1 * (10px / 2))
	}
	.m-item-spacing--10>* {
		padding-left: calc(10px / 2);
		padding-right: calc(10px / 2)
	}
	.m-gap--15 {
		gap: 15px
	}
	.m-item-spacing--15 {
		margin-left: calc(-1 * (15px / 2));
		margin-right: calc(-1 * (15px / 2))
	}
	.m-item-spacing--15>* {
		padding-left: calc(15px / 2);
		padding-right: calc(15px / 2)
	}
	.m-gap--20 {
		gap: 20px
	}
	.m-item-spacing--20 {
		margin-left: calc(-1 * (20px / 2));
		margin-right: calc(-1 * (20px / 2))
	}
	.m-item-spacing--20>* {
		padding-left: calc(20px / 2);
		padding-right: calc(20px / 2)
	}
	.m-gap--25 {
		gap: 25px
	}
	.m-item-spacing--25 {
		margin-left: calc(-1 * (25px / 2));
		margin-right: calc(-1 * (25px / 2))
	}
	.m-item-spacing--25>* {
		padding-left: calc(25px / 2);
		padding-right: calc(25px / 2)
	}
	.m-gap--30 {
		gap: 30px
	}
	.m-item-spacing--30 {
		margin-left: calc(-1 * (30px / 2));
		margin-right: calc(-1 * (30px / 2))
	}
	.m-item-spacing--30>* {
		padding-left: calc(30px / 2);
		padding-right: calc(30px / 2)
	}
	.m-gap--35 {
		gap: 35px
	}
	.m-item-spacing--35 {
		margin-left: calc(-1 * (35px / 2));
		margin-right: calc(-1 * (35px / 2))
	}
	.m-item-spacing--35>* {
		padding-left: calc(35px / 2);
		padding-right: calc(35px / 2)
	}
	.m-gap--40 {
		gap: 40px
	}
	.m-item-spacing--40 {
		margin-left: calc(-1 * (40px / 2));
		margin-right: calc(-1 * (40px / 2))
	}
	.m-item-spacing--40>* {
		padding-left: calc(40px / 2);
		padding-right: calc(40px / 2)
	}
	.m-gap--45 {
		gap: 45px
	}
	.m-item-spacing--45 {
		margin-left: calc(-1 * (45px / 2));
		margin-right: calc(-1 * (45px / 2))
	}
	.m-item-spacing--45>* {
		padding-left: calc(45px / 2);
		padding-right: calc(45px / 2)
	}
	.m-gap--50 {
		gap: 50px
	}
	.m-item-spacing--50 {
		margin-left: calc(-1 * (50px / 2));
		margin-right: calc(-1 * (50px / 2))
	}
	.m-item-spacing--50>* {
		padding-left: calc(50px / 2);
		padding-right: calc(50px / 2)
	}
	.m-gap--55 {
		gap: 55px
	}
	.m-item-spacing--55 {
		margin-left: calc(-1 * (55px / 2));
		margin-right: calc(-1 * (55px / 2))
	}
	.m-item-spacing--55>* {
		padding-left: calc(55px / 2);
		padding-right: calc(55px / 2)
	}
	.m-gap--60 {
		gap: 60px
	}
	.m-item-spacing--60 {
		margin-left: calc(-1 * (60px / 2));
		margin-right: calc(-1 * (60px / 2))
	}
	.m-item-spacing--60>* {
		padding-left: calc(60px / 2);
		padding-right: calc(60px / 2)
	}
	.m-gap--65 {
		gap: 65px
	}
	.m-item-spacing--65 {
		margin-left: calc(-1 * (65px / 2));
		margin-right: calc(-1 * (65px / 2))
	}
	.m-item-spacing--65>* {
		padding-left: calc(65px / 2);
		padding-right: calc(65px / 2)
	}
	.m-gap--70 {
		gap: 70px
	}
	.m-item-spacing--70 {
		margin-left: calc(-1 * (70px / 2));
		margin-right: calc(-1 * (70px / 2))
	}
	.m-item-spacing--70>* {
		padding-left: calc(70px / 2);
		padding-right: calc(70px / 2)
	}
	.m-gap--75 {
		gap: 75px
	}
	.m-item-spacing--75 {
		margin-left: calc(-1 * (75px / 2));
		margin-right: calc(-1 * (75px / 2))
	}
	.m-item-spacing--75>* {
		padding-left: calc(75px / 2);
		padding-right: calc(75px / 2)
	}
}

@media (min-width: 768px) and (max-width: 920px) {
	.t-gap--0 {
		gap: 0px
	}
	.t-item-spacing--0 {
		margin-left: calc(-1 * (0px / 2));
		margin-right: calc(-1 * (0px / 2))
	}
	.t-item-spacing--0>* {
		padding-left: calc(0px / 2);
		padding-right: calc(0px / 2)
	}
	.t-gap--10 {
		gap: 10px
	}
	.t-item-spacing--10 {
		margin-left: calc(-1 * (10px / 2));
		margin-right: calc(-1 * (10px / 2))
	}
	.t-item-spacing--10>* {
		padding-left: calc(10px / 2);
		padding-right: calc(10px / 2)
	}
	.t-gap--15 {
		gap: 15px
	}
	.t-item-spacing--15 {
		margin-left: calc(-1 * (15px / 2));
		margin-right: calc(-1 * (15px / 2))
	}
	.t-item-spacing--15>* {
		padding-left: calc(15px / 2);
		padding-right: calc(15px / 2)
	}
	.t-gap--20 {
		gap: 20px
	}
	.t-item-spacing--20 {
		margin-left: calc(-1 * (20px / 2));
		margin-right: calc(-1 * (20px / 2))
	}
	.t-item-spacing--20>* {
		padding-left: calc(20px / 2);
		padding-right: calc(20px / 2)
	}
	.t-gap--25 {
		gap: 25px
	}
	.t-item-spacing--25 {
		margin-left: calc(-1 * (25px / 2));
		margin-right: calc(-1 * (25px / 2))
	}
	.t-item-spacing--25>* {
		padding-left: calc(25px / 2);
		padding-right: calc(25px / 2)
	}
	.t-gap--30 {
		gap: 30px
	}
	.t-item-spacing--30 {
		margin-left: calc(-1 * (30px / 2));
		margin-right: calc(-1 * (30px / 2))
	}
	.t-item-spacing--30>* {
		padding-left: calc(30px / 2);
		padding-right: calc(30px / 2)
	}
	.t-gap--35 {
		gap: 35px
	}
	.t-item-spacing--35 {
		margin-left: calc(-1 * (35px / 2));
		margin-right: calc(-1 * (35px / 2))
	}
	.t-item-spacing--35>* {
		padding-left: calc(35px / 2);
		padding-right: calc(35px / 2)
	}
	.t-gap--40 {
		gap: 40px
	}
	.t-item-spacing--40 {
		margin-left: calc(-1 * (40px / 2));
		margin-right: calc(-1 * (40px / 2))
	}
	.t-item-spacing--40>* {
		padding-left: calc(40px / 2);
		padding-right: calc(40px / 2)
	}
	.t-gap--45 {
		gap: 45px
	}
	.t-item-spacing--45 {
		margin-left: calc(-1 * (45px / 2));
		margin-right: calc(-1 * (45px / 2))
	}
	.t-item-spacing--45>* {
		padding-left: calc(45px / 2);
		padding-right: calc(45px / 2)
	}
	.t-gap--50 {
		gap: 50px
	}
	.t-item-spacing--50 {
		margin-left: calc(-1 * (50px / 2));
		margin-right: calc(-1 * (50px / 2))
	}
	.t-item-spacing--50>* {
		padding-left: calc(50px / 2);
		padding-right: calc(50px / 2)
	}
	.t-gap--55 {
		gap: 55px
	}
	.t-item-spacing--55 {
		margin-left: calc(-1 * (55px / 2));
		margin-right: calc(-1 * (55px / 2))
	}
	.t-item-spacing--55>* {
		padding-left: calc(55px / 2);
		padding-right: calc(55px / 2)
	}
	.t-gap--60 {
		gap: 60px
	}
	.t-item-spacing--60 {
		margin-left: calc(-1 * (60px / 2));
		margin-right: calc(-1 * (60px / 2))
	}
	.t-item-spacing--60>* {
		padding-left: calc(60px / 2);
		padding-right: calc(60px / 2)
	}
	.t-gap--65 {
		gap: 65px
	}
	.t-item-spacing--65 {
		margin-left: calc(-1 * (65px / 2));
		margin-right: calc(-1 * (65px / 2))
	}
	.t-item-spacing--65>* {
		padding-left: calc(65px / 2);
		padding-right: calc(65px / 2)
	}
	.t-gap--70 {
		gap: 70px
	}
	.t-item-spacing--70 {
		margin-left: calc(-1 * (70px / 2));
		margin-right: calc(-1 * (70px / 2))
	}
	.t-item-spacing--70>* {
		padding-left: calc(70px / 2);
		padding-right: calc(70px / 2)
	}
	.t-gap--75 {
		gap: 75px
	}
	.t-item-spacing--75 {
		margin-left: calc(-1 * (75px / 2));
		margin-right: calc(-1 * (75px / 2))
	}
	.t-item-spacing--75>* {
		padding-left: calc(75px / 2);
		padding-right: calc(75px / 2)
	}
}

@media (min-width: 921px) and (max-width: 1400px) {
	.l-gap--0 {
		gap: 0px
	}
	.l-item-spacing--0 {
		margin-left: calc(-1 * (0px / 2));
		margin-right: calc(-1 * (0px / 2))
	}
	.l-item-spacing--0>* {
		padding-left: calc(0px / 2);
		padding-right: calc(0px / 2)
	}
	.l-gap--10 {
		gap: 10px
	}
	.l-item-spacing--10 {
		margin-left: calc(-1 * (10px / 2));
		margin-right: calc(-1 * (10px / 2))
	}
	.l-item-spacing--10>* {
		padding-left: calc(10px / 2);
		padding-right: calc(10px / 2)
	}
	.l-gap--15 {
		gap: 15px
	}
	.l-item-spacing--15 {
		margin-left: calc(-1 * (15px / 2));
		margin-right: calc(-1 * (15px / 2))
	}
	.l-item-spacing--15>* {
		padding-left: calc(15px / 2);
		padding-right: calc(15px / 2)
	}
	.l-gap--20 {
		gap: 20px
	}
	.l-item-spacing--20 {
		margin-left: calc(-1 * (20px / 2));
		margin-right: calc(-1 * (20px / 2))
	}
	.l-item-spacing--20>* {
		padding-left: calc(20px / 2);
		padding-right: calc(20px / 2)
	}
	.l-gap--25 {
		gap: 25px
	}
	.l-item-spacing--25 {
		margin-left: calc(-1 * (25px / 2));
		margin-right: calc(-1 * (25px / 2))
	}
	.l-item-spacing--25>* {
		padding-left: calc(25px / 2);
		padding-right: calc(25px / 2)
	}
	.l-gap--30 {
		gap: 30px
	}
	.l-item-spacing--30 {
		margin-left: calc(-1 * (30px / 2));
		margin-right: calc(-1 * (30px / 2))
	}
	.l-item-spacing--30>* {
		padding-left: calc(30px / 2);
		padding-right: calc(30px / 2)
	}
	.l-gap--35 {
		gap: 35px
	}
	.l-item-spacing--35 {
		margin-left: calc(-1 * (35px / 2));
		margin-right: calc(-1 * (35px / 2))
	}
	.l-item-spacing--35>* {
		padding-left: calc(35px / 2);
		padding-right: calc(35px / 2)
	}
	.l-gap--40 {
		gap: 40px
	}
	.l-item-spacing--40 {
		margin-left: calc(-1 * (40px / 2));
		margin-right: calc(-1 * (40px / 2))
	}
	.l-item-spacing--40>* {
		padding-left: calc(40px / 2);
		padding-right: calc(40px / 2)
	}
	.l-gap--45 {
		gap: 45px
	}
	.l-item-spacing--45 {
		margin-left: calc(-1 * (45px / 2));
		margin-right: calc(-1 * (45px / 2))
	}
	.l-item-spacing--45>* {
		padding-left: calc(45px / 2);
		padding-right: calc(45px / 2)
	}
	.l-gap--50 {
		gap: 50px
	}
	.l-item-spacing--50 {
		margin-left: calc(-1 * (50px / 2));
		margin-right: calc(-1 * (50px / 2))
	}
	.l-item-spacing--50>* {
		padding-left: calc(50px / 2);
		padding-right: calc(50px / 2)
	}
	.l-gap--55 {
		gap: 55px
	}
	.l-item-spacing--55 {
		margin-left: calc(-1 * (55px / 2));
		margin-right: calc(-1 * (55px / 2))
	}
	.l-item-spacing--55>* {
		padding-left: calc(55px / 2);
		padding-right: calc(55px / 2)
	}
	.l-gap--60 {
		gap: 60px
	}
	.l-item-spacing--60 {
		margin-left: calc(-1 * (60px / 2));
		margin-right: calc(-1 * (60px / 2))
	}
	.l-item-spacing--60>* {
		padding-left: calc(60px / 2);
		padding-right: calc(60px / 2)
	}
	.l-gap--65 {
		gap: 65px
	}
	.l-item-spacing--65 {
		margin-left: calc(-1 * (65px / 2));
		margin-right: calc(-1 * (65px / 2))
	}
	.l-item-spacing--65>* {
		padding-left: calc(65px / 2);
		padding-right: calc(65px / 2)
	}
	.l-gap--70 {
		gap: 70px
	}
	.l-item-spacing--70 {
		margin-left: calc(-1 * (70px / 2));
		margin-right: calc(-1 * (70px / 2))
	}
	.l-item-spacing--70>* {
		padding-left: calc(70px / 2);
		padding-right: calc(70px / 2)
	}
	.l-gap--75 {
		gap: 75px
	}
	.l-item-spacing--75 {
		margin-left: calc(-1 * (75px / 2));
		margin-right: calc(-1 * (75px / 2))
	}
	.l-item-spacing--75>* {
		padding-left: calc(75px / 2);
		padding-right: calc(75px / 2)
	}
}

@media (min-width: 1601px) {
	:root {
		--font-12: 12px;
		--font-14: 14px;
		--font-16: 16px;
		--font-18: 18px;
		--font-20: 20px;
		--font-22: 22px;
		--font-24: 24px;
		--font-27: 27px;
		--font-32: 32px;
		--font-34: 34px;
		--font-40: 40px;
		--font-46: 46px;
		--font-54: 54px;
		--font-67: 67px;
		--font-74: 74px;
		--font-150: 150px
	}
	.font--12 {
		font-size: var(--font-12)
	}
	.font--14 {
		font-size: var(--font-14)
	}
	.font--16 {
		font-size: var(--font-16)
	}
	.font--18 {
		font-size: var(--font-18)
	}
	.font--20 {
		font-size: var(--font-20)
	}
	.font--22 {
		font-size: var(--font-22)
	}
	.font--24 {
		font-size: var(--font-24)
	}
	.font--27 {
		font-size: var(--font-27)
	}
	.font--32 {
		font-size: var(--font-32)
	}
	.font--34 {
		font-size: var(--font-34)
	}
	.font--40 {
		font-size: var(--font-40)
	}
	.font--46 {
		font-size: var(--font-46)
	}
	.font--54 {
		font-size: var(--font-54)
	}
	.font--67 {
		font-size: var(--font-67)
	}
	.font--74 {
		font-size: var(--font-74)
	}
	.font--150 {
		font-size: var(--font-150)
	}
}

@media (max-width: 1600px) and (min-width: 768px) {
	:root {
		--font-12: 12px;
		--font-14: 14px;
		--font-16: 16px;
		--font-18: 16px;
		--font-20: 18px;
		--font-22: 20px;
		--font-24: 22px;
		--font-27: 25px;
		--font-32: 30px;
		--font-34: 32px;
		--font-40: 38px;
		--font-46: 40px;
		--font-54: 45px;
		--font-67: 50px;
		--font-74: 55px
	}
	.font--12 {
		font-size: var(--font-12)
	}
	.font--14 {
		font-size: var(--font-14)
	}
	.font--16 {
		font-size: var(--font-16)
	}
	.font--18 {
		font-size: var(--font-18)
	}
	.font--20 {
		font-size: var(--font-20)
	}
	.font--22 {
		font-size: var(--font-22)
	}
	.font--24 {
		font-size: var(--font-24)
	}
	.font--27 {
		font-size: var(--font-27)
	}
	.font--32 {
		font-size: var(--font-32)
	}
	.font--34 {
		font-size: var(--font-34)
	}
	.font--40 {
		font-size: var(--font-40)
	}
	.font--46 {
		font-size: var(--font-46)
	}
	.font--54 {
		font-size: var(--font-54)
	}
	.font--67 {
		font-size: var(--font-67)
	}
	.font--74 {
		font-size: var(--font-74)
	}
}

@media (max-width: 767px) {
	:root {
		--font-12: 10px;
		--font-14: 12px;
		--font-16: 14px;
		--font-18: 15px;
		--font-20: 16px;
		--font-22: 18px;
		--font-24: 20px;
		--font-27: 25px;
		--font-32: 27px;
		--font-34: 28px;
		--font-40: 30px;
		--font-46: 40px;
		--font-54: 45px;
		--font-67: 47px;
		--font-74: 50px
	}
	.font--12 {
		font-size: var(--font-12)
	}
	.font--14 {
		font-size: var(--font-14)
	}
	.font--16 {
		font-size: var(--font-16)
	}
	.font--18 {
		font-size: var(--font-18)
	}
	.font--20 {
		font-size: var(--font-20)
	}
	.font--22 {
		font-size: var(--font-22)
	}
	.font--24 {
		font-size: var(--font-24)
	}
	.font--27 {
		font-size: var(--font-27)
	}
	.font--32 {
		font-size: var(--font-32)
	}
	.font--34 {
		font-size: var(--font-34)
	}
	.font--40 {
		font-size: var(--font-40)
	}
	.font--46 {
		font-size: var(--font-46)
	}
	.font--54 {
		font-size: var(--font-54)
	}
	.font--67 {
		font-size: var(--font-67)
	}
	.font--74 {
		font-size: var(--font-74)
	}
	.m-font--12 {
		font-size: var(--font-12)
	}
	.m-font--14 {
		font-size: var(--font-14)
	}
	.m-font--16 {
		font-size: var(--font-16)
	}
	.m-font--18 {
		font-size: var(--font-18)
	}
	.m-font--20 {
		font-size: var(--font-20)
	}
	.m-font--22 {
		font-size: var(--font-22)
	}
	.m-font--24 {
		font-size: var(--font-24)
	}
	.m-font--27 {
		font-size: var(--font-27)
	}
	.m-font--32 {
		font-size: var(--font-32)
	}
	.m-font--34 {
		font-size: var(--font-34)
	}
	.m-font--40 {
		font-size: var(--font-40)
	}
	.m-font--46 {
		font-size: var(--font-46)
	}
	.m-font--54 {
		font-size: var(--font-54)
	}
	.m-font--67 {
		font-size: var(--font-67)
	}
	.m-font--74 {
		font-size: var(--font-74)
	}
}

:root {
	--img-radius: 20px
}

.radius--top-left {
	border-top-left-radius: var(--img-radius)
}

.radius--top-right {
	border-top-right-radius: var(--img-radius)
}

.radius--bottom-left {
	border-bottom-left-radius: var(--img-radius)
}

.radius--bottom-right {
	border-bottom-right-radius: var(--img-radius)
}

.radius {
	border-radius: var(--img-radius)
}

.radius--circle {
	border-radius: 50%
}

.trans--300 {
	transition: var(--trans-300)
}

.trans--600 {
	transition: var(--trans-600)
}

.trans--900 {
	transition: var(--trans-900)
}

.weight--100 {
	font-weight: 100
}

.weight--200 {
	font-weight: 200
}

.weight--300 {
	font-weight: 300
}

.weight--400 {
	font-weight: 400
}

.weight--500 {
	font-weight: 500
}

.weight--600 {
	font-weight: 600
}

.weight--700 {
	font-weight: 700
}

.weight--900 {
	font-weight: 900
}

.spacing--10 {
	letter-spacing: 1em
}

.spacing--9 {
	letter-spacing: .9em
}

.spacing--8 {
	letter-spacing: .8em
}

.spacing--7 {
	letter-spacing: .7em
}

.spacing--6 {
	letter-spacing: .6em
}

.spacing--5 {
	letter-spacing: .5em
}

.spacing--4 {
	letter-spacing: .4em
}

.spacing--3 {
	letter-spacing: .3em
}

.spacing--2 {
	letter-spacing: .2em
}

.spacing--1 {
	letter-spacing: .1em
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.mt--none {
	margin-top: 0 !important
}

.mb--none {
	margin-bottom: 0 !important
}

.ml--none {
	margin-left: 0 !important
}

.mr--none {
	margin-right: 0 !important
}

.m--none {
	margin: 0 !important
}

section {
	width: 100%;
	position: relative
}

.section--boxed {
	max-width: var(--container-width);
	margin-right: auto;
	margin-left: auto;
	width: 100%
}

@media (max-width: 1650px) {
	.section--boxed {
		padding-right: var(--container-p-mobile);
		padding-left: var(--container-p-mobile)
	}
}

.overflow--hidden {
	overflow: hidden
}

.overflow--visible {
	overflow: visible
}

.overflow--auto {
	overflow: auto
}

.overflowY--scroll {
	overflow-y: scroll
}

.text--center {
	text-align: center
}

.text--left {
	text-align: left
}

.text--right {
	text-align: right
}

.clickable {
	cursor: pointer
}

.events--none {
	pointer-events: none
}

[class*="bg--"].all--full {
	padding-right: var(--container-p-mobile);
	padding-left: var(--container-p-mobile);
	width: calc(100% + 60px) !important;
	transform: translateX(-var(--container-p-mobile))
		}

.full-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.p--relative {
	position: relative
}

.p--absolute {
	position: absolute
}

.p--fixed {
	position: fixed
}

.zindex--1 {
	z-index: 1
}

.zindex--2 {
	z-index: 2
}

.zindex--3 {
	z-index: 3
}

.zindex--4 {
	z-index: 4
}

.zindex--5 {
	z-index: 5
}

.order--0 {
	order: 0
}

.order--1 {
	order: 1
}

.order--2 {
	order: 2
}

.order--3 {
	order: 3
}

.order--4 {
	order: 4
}

.lh--1 {
	line-height: 1
}

.lh--2 {
	line-height: 1.3
}

.lh--3 {
	line-height: 1.6
}

.lh--4 {
	line-height: 1.8
}

.max--150 { max-width: 150px }
.max--160 { max-width: 160px }
.max--170 { max-width: 170px }
.max--180 { max-width: 180px }
.max--190 { max-width: 190px }

.max--200 { max-width: 200px }

.max--250 {
	max-width: 250px
}

.max--300 {
	max-width: 300px
}

.max--350 {
	max-width: 350px
}

.max--400 {
	max-width: 400px
}

.max--450 {
	max-width: 450px
}

.max--500 {
	max-width: 500px
}

.max--550 {
	max-width: 550px
}

.max--600 {
	max-width: 600px
}

.max--650 {
	max-width: 650px
}

.max--700 {
	max-width: 700px
}

.max--750 {
	max-width: 750px
}

.max--800 {
	max-width: 800px
}

.max--850 {
	max-width: 850px
}

.max--900 {
	max-width: 900px
}

.max--950 {
	max-width: 950px
}

.max--1000 {
	max-width: 1000px
}

.max--1100 {
	max-width: 1100px
}

.max--1200 {
	max-width: 1200px
}

.max--1250 {
	max-width: 1250px
}

.max--1300 {
	max-width: 1300px
}

.max--1400 {
	max-width: 1400px
}

.max--1500 {
	max-width: 1500px
}

.max--1600 {
	max-width: 1600px
}

.max--1700 {
	max-width: 1700px
}

.max--1800 {
	max-width: 1800px
}

.max--full {
	max-width: 100%;
	padding-right: var(--container-p-mobile);
	padding-left: var(--container-p-mobile)
}

@media (max-width: 767px) {
	.m-max--150 {
		max-width: 150px
	}
	.m-max--200 {
		max-width: 200px
	}
	.m-max--250 {
		max-width: 250px
	}
	.m-max--300 {
		max-width: 300px
	}
	.m-max--350 {
		max-width: 350px
	}
	.m-max--400 {
		max-width: 400px
	}
	.m-max--450 {
		max-width: 450px
	}
	.m-max--500 {
		max-width: 500px
	}
	.m-max--550 {
		max-width: 550px
	}
	.m-max--600 {
		max-width: 600px
	}
	.m-max--650 {
		max-width: 650px
	}
	.m-max--700 {
		max-width: 700px
	}
	.m-max--750 {
		max-width: 750px
	}
	.m-max--800 {
		max-width: 800px
	}
	.m-max--850 {
		max-width: 850px
	}
	.m-max--900 {
		max-width: 900px
	}
	.m-max--950 {
		max-width: 950px
	}
	.m-max--1000 {
		max-width: 1000px
	}
	.m-max--1100 {
		max-width: 1100px
	}
	.m-max--1200 {
		max-width: 1200px
	}
	.m-max--1250 {
		max-width: 1250px
	}
	.m-max--1300 {
		max-width: 1300px
	}
	.m-max--1400 {
		max-width: 1400px
	}
	.m-max--1500 {
		max-width: 1500px
	}
	.m-max--1600 {
		max-width: 1600px
	}
	.m-max--1700 {
		max-width: 1700px
	}
	.m-max--1800 {
		max-width: 1800px
	}
}

@media (min-width: 1921px) {
	:root {
		--sm-size: 20px;
		--md-size: 40px;
		--lg-size: 70px;
		--xlg-size: 140px
	}
}

@media (max-width: 1920px) {
	:root {
		--sm-size: calc(15px + 4 * (100vw - 320px) / 1280);
		--md-size: calc(20px + 15 * (100vw - 320px) / 1280);
		--lg-size: calc(40px + 25 * (100vw - 320px) / 1280);
		--xlg-size: calc(80px + 25 * (100vw - 320px) / 1280)
	}
}

.mlr--auto {
	margin-left: auto;
	margin-right: auto
}

.ml--auto {
	margin-left: auto
}

.mb--none {
	margin-bottom: 0
}

.mt--none {
	margin-top: 0
}

.m--5 {
	margin: 5px
}

.mx--5 {
	margin-left: 5px;
	margin-right: 5px
}

.my--5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.ml--5 {
	margin-left: 5px
}

.mr--5 {
	margin-right: 5px
}

.mt--5 {
	margin-top: 5px
}

.mb--5 {
	margin-bottom: 5px
}

.n-ml--5 {
	margin-left: calc( -1 * 5px)
}

.n-mr--5 {
	margin-right: calc( -1 * 5px)
}

.n-mt--5 {
	margin-top: calc( -1 * 5px)
}

.n-mb--5 {
	margin-bottom: calc( -1 * 5px)
}

.p--5 {
	padding: 5px
}

.px--5 {
	padding-left: 5px;
	padding-right: 5px
}

.py--5 {
	padding-top: 5px;
	padding-bottom: 5px
}

.pl--5 {
	padding-left: 5px
}

.pr--5 {
	padding-right: 5px
}

.pt--5 {
	padding-top: 5px
}

.pb--5 {
	padding-bottom: 5px
}

@media (min-width: 1251px) {
	.ul-m--5 {
		margin: 5px
	}
	.ul-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.ul-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.ul-ml--5 {
		margin-left: 5px
	}
	.ul-mr--5 {
		margin-right: 5px
	}
	.ul-mt--5 {
		margin-top: 5px
	}
	.ul-mb--5 {
		margin-bottom: 5px
	}
	.ul-p--5 {
		padding: 5px
	}
	.ul-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.ul-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.ul-pl--5 {
		padding-left: 5px
	}
	.ul-pr--5 {
		padding-right: 5px
	}
	.ul-pt--5 {
		padding-top: 5px
	}
	.ul-pb--5 {
		padding-bottom: 5px
	}
}

@media (max-width: 1250px) {
	.l-m--5 {
		margin: 5px
	}
	.l-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.l-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.l-ml--5 {
		margin-left: 5px
	}
	.l-mr--5 {
		margin-right: 5px
	}
	.l-mt--5 {
		margin-top: 5px
	}
	.l-mb--5 {
		margin-bottom: 5px
	}
	.l-p--5 {
		padding: 5px
	}
	.l-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.l-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.l-pl--5 {
		padding-left: 5px
	}
	.l-pr--5 {
		padding-right: 5px
	}
	.l-pt--5 {
		padding-top: 5px
	}
	.l-pb--5 {
		padding-bottom: 5px
	}
}

@media (min-width: 921px) {
	.ut-m--5 {
		margin: 5px
	}
	.ut-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.ut-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.ut-ml--5 {
		margin-left: 5px
	}
	.ut-mr--5 {
		margin-right: 5px
	}
	.ut-mt--5 {
		margin-top: 5px
	}
	.ut-mb--5 {
		margin-bottom: 5px
	}
	.ut-p--5 {
		padding: 5px
	}
	.ut-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.ut-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.ut-pl--5 {
		padding-left: 5px
	}
	.ut-pr--5 {
		padding-right: 5px
	}
	.ut-pt--5 {
		padding-top: 5px
	}
	.ut-pb--5 {
		padding-bottom: 5px
	}
}

@media (max-width: 920px) {
	.t-m--5 {
		margin: 5px
	}
	.t-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.t-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.t-ml--5 {
		margin-left: 5px
	}
	.t-mr--5 {
		margin-right: 5px
	}
	.t-mt--5 {
		margin-top: 5px
	}
	.t-mb--5 {
		margin-bottom: 5px
	}
	.t-p--5 {
		padding: 5px
	}
	.t-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.t-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.t-pl--5 {
		padding-left: 5px
	}
	.t-pr--5 {
		padding-right: 5px
	}
	.t-pt--5 {
		padding-top: 5px
	}
	.t-pb--5 {
		padding-bottom: 5px
	}
}

@media (min-width: 768px) {
	.um-m--5 {
		margin: 5px
	}
	.um-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.um-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.um-ml--5 {
		margin-left: 5px
	}
	.um-mr--5 {
		margin-right: 5px
	}
	.um-mt--5 {
		margin-top: 5px
	}
	.um-mb--5 {
		margin-bottom: 5px
	}
	.um-p--5 {
		padding: 5px
	}
	.um-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.um-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.um-pl--5 {
		padding-left: 5px
	}
	.um-pr--5 {
		padding-right: 5px
	}
	.um-pt--5 {
		padding-top: 5px
	}
	.um-pb--5 {
		padding-bottom: 5px
	}
}

@media (max-width: 767px) {
	.m-m--5 {
		margin: 5px
	}
	.m-mx--5 {
		margin-left: 5px;
		margin-right: 5px
	}
	.m-my--5 {
		margin-top: 5px;
		margin-bottom: 5px
	}
	.m-ml--5 {
		margin-left: 5px
	}
	.m-mr--5 {
		margin-right: 5px
	}
	.m-mt--5 {
		margin-top: 5px
	}
	.m-mb--5 {
		margin-bottom: 5px
	}
	.m-p--5 {
		padding: 5px
	}
	.m-px--5 {
		padding-left: 5px;
		padding-right: 5px
	}
	.m-py--5 {
		padding-top: 5px;
		padding-bottom: 5px
	}
	.m-pl--5 {
		padding-left: 5px
	}
	.m-pr--5 {
		padding-right: 5px
	}
	.m-pt--5 {
		padding-top: 5px
	}
	.m-pb--5 {
		padding-bottom: 5px
	}
}

.m--10 {
	margin: 10px
}

.mx--10 {
	margin-left: 10px;
	margin-right: 10px
}

.my--10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.ml--10 {
	margin-left: 10px
}

.mr--10 {
	margin-right: 10px
}

.mt--10 {
	margin-top: 10px
}

.mb--10 {
	margin-bottom: 10px
}

.n-ml--10 {
	margin-left: calc( -1 * 10px)
}

.n-mr--10 {
	margin-right: calc( -1 * 10px)
}

.n-mt--10 {
	margin-top: calc( -1 * 10px)
}

.n-mb--10 {
	margin-bottom: calc( -1 * 10px)
}

.p--10 {
	padding: 10px
}

.px--10 {
	padding-left: 10px;
	padding-right: 10px
}

.py--10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.pl--10 {
	padding-left: 10px
}

.pr--10 {
	padding-right: 10px
}

.pt--10 {
	padding-top: 10px
}

.pb--10 {
	padding-bottom: 10px
}

@media (min-width: 1251px) {
	.ul-m--10 {
		margin: 10px
	}
	.ul-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.ul-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.ul-ml--10 {
		margin-left: 10px
	}
	.ul-mr--10 {
		margin-right: 10px
	}
	.ul-mt--10 {
		margin-top: 10px
	}
	.ul-mb--10 {
		margin-bottom: 10px
	}
	.ul-p--10 {
		padding: 10px
	}
	.ul-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.ul-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.ul-pl--10 {
		padding-left: 10px
	}
	.ul-pr--10 {
		padding-right: 10px
	}
	.ul-pt--10 {
		padding-top: 10px
	}
	.ul-pb--10 {
		padding-bottom: 10px
	}
}

@media (max-width: 1250px) {
	.l-m--10 {
		margin: 10px
	}
	.l-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.l-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.l-ml--10 {
		margin-left: 10px
	}
	.l-mr--10 {
		margin-right: 10px
	}
	.l-mt--10 {
		margin-top: 10px
	}
	.l-mb--10 {
		margin-bottom: 10px
	}
	.l-p--10 {
		padding: 10px
	}
	.l-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.l-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.l-pl--10 {
		padding-left: 10px
	}
	.l-pr--10 {
		padding-right: 10px
	}
	.l-pt--10 {
		padding-top: 10px
	}
	.l-pb--10 {
		padding-bottom: 10px
	}
}

@media (min-width: 921px) {
	.ut-m--10 {
		margin: 10px
	}
	.ut-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.ut-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.ut-ml--10 {
		margin-left: 10px
	}
	.ut-mr--10 {
		margin-right: 10px
	}
	.ut-mt--10 {
		margin-top: 10px
	}
	.ut-mb--10 {
		margin-bottom: 10px
	}
	.ut-p--10 {
		padding: 10px
	}
	.ut-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.ut-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.ut-pl--10 {
		padding-left: 10px
	}
	.ut-pr--10 {
		padding-right: 10px
	}
	.ut-pt--10 {
		padding-top: 10px
	}
	.ut-pb--10 {
		padding-bottom: 10px
	}
}

@media (max-width: 920px) {
	.t-m--10 {
		margin: 10px
	}
	.t-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.t-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.t-ml--10 {
		margin-left: 10px
	}
	.t-mr--10 {
		margin-right: 10px
	}
	.t-mt--10 {
		margin-top: 10px
	}
	.t-mb--10 {
		margin-bottom: 10px
	}
	.t-p--10 {
		padding: 10px
	}
	.t-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.t-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.t-pl--10 {
		padding-left: 10px
	}
	.t-pr--10 {
		padding-right: 10px
	}
	.t-pt--10 {
		padding-top: 10px
	}
	.t-pb--10 {
		padding-bottom: 10px
	}
}

@media (min-width: 768px) {
	.um-m--10 {
		margin: 10px
	}
	.um-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.um-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.um-ml--10 {
		margin-left: 10px
	}
	.um-mr--10 {
		margin-right: 10px
	}
	.um-mt--10 {
		margin-top: 10px
	}
	.um-mb--10 {
		margin-bottom: 10px
	}
	.um-p--10 {
		padding: 10px
	}
	.um-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.um-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.um-pl--10 {
		padding-left: 10px
	}
	.um-pr--10 {
		padding-right: 10px
	}
	.um-pt--10 {
		padding-top: 10px
	}
	.um-pb--10 {
		padding-bottom: 10px
	}
}

@media (max-width: 767px) {
	.m-m--10 {
		margin: 10px
	}
	.m-mx--10 {
		margin-left: 10px;
		margin-right: 10px
	}
	.m-my--10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.m-ml--10 {
		margin-left: 10px
	}
	.m-mr--10 {
		margin-right: 10px
	}
	.m-mt--10 {
		margin-top: 10px
	}
	.m-mb--10 {
		margin-bottom: 10px
	}
	.m-p--10 {
		padding: 10px
	}
	.m-px--10 {
		padding-left: 10px;
		padding-right: 10px
	}
	.m-py--10 {
		padding-top: 10px;
		padding-bottom: 10px
	}
	.m-pl--10 {
		padding-left: 10px
	}
	.m-pr--10 {
		padding-right: 10px
	}
	.m-pt--10 {
		padding-top: 10px
	}
	.m-pb--10 {
		padding-bottom: 10px
	}
}

.m--15 {
	margin: 15px
}

.mx--15 {
	margin-left: 15px;
	margin-right: 15px
}

.my--15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.ml--15 {
	margin-left: 15px
}

.mr--15 {
	margin-right: 15px
}

.mt--15 {
	margin-top: 15px
}

.mb--15 {
	margin-bottom: 15px
}

.n-ml--15 {
	margin-left: calc( -1 * 15px)
}

.n-mr--15 {
	margin-right: calc( -1 * 15px)
}

.n-mt--15 {
	margin-top: calc( -1 * 15px)
}

.n-mb--15 {
	margin-bottom: calc( -1 * 15px)
}

.p--15 {
	padding: 15px
}

.px--15 {
	padding-left: 15px;
	padding-right: 15px
}

.py--15 {
	padding-top: 15px;
	padding-bottom: 15px
}

.pl--15 {
	padding-left: 15px
}

.pr--15 {
	padding-right: 15px
}

.pt--15 {
	padding-top: 15px
}

.pb--15 {
	padding-bottom: 15px
}

@media (min-width: 1251px) {
	.ul-m--15 {
		margin: 15px
	}
	.ul-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.ul-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.ul-ml--15 {
		margin-left: 15px
	}
	.ul-mr--15 {
		margin-right: 15px
	}
	.ul-mt--15 {
		margin-top: 15px
	}
	.ul-mb--15 {
		margin-bottom: 15px
	}
	.ul-p--15 {
		padding: 15px
	}
	.ul-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.ul-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.ul-pl--15 {
		padding-left: 15px
	}
	.ul-pr--15 {
		padding-right: 15px
	}
	.ul-pt--15 {
		padding-top: 15px
	}
	.ul-pb--15 {
		padding-bottom: 15px
	}
}

@media (max-width: 1250px) {
	.l-m--15 {
		margin: 15px
	}
	.l-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.l-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.l-ml--15 {
		margin-left: 15px
	}
	.l-mr--15 {
		margin-right: 15px
	}
	.l-mt--15 {
		margin-top: 15px
	}
	.l-mb--15 {
		margin-bottom: 15px
	}
	.l-p--15 {
		padding: 15px
	}
	.l-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.l-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.l-pl--15 {
		padding-left: 15px
	}
	.l-pr--15 {
		padding-right: 15px
	}
	.l-pt--15 {
		padding-top: 15px
	}
	.l-pb--15 {
		padding-bottom: 15px
	}
}

@media (min-width: 921px) {
	.ut-m--15 {
		margin: 15px
	}
	.ut-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.ut-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.ut-ml--15 {
		margin-left: 15px
	}
	.ut-mr--15 {
		margin-right: 15px
	}
	.ut-mt--15 {
		margin-top: 15px
	}
	.ut-mb--15 {
		margin-bottom: 15px
	}
	.ut-p--15 {
		padding: 15px
	}
	.ut-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.ut-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.ut-pl--15 {
		padding-left: 15px
	}
	.ut-pr--15 {
		padding-right: 15px
	}
	.ut-pt--15 {
		padding-top: 15px
	}
	.ut-pb--15 {
		padding-bottom: 15px
	}
}

@media (max-width: 920px) {
	.t-m--15 {
		margin: 15px
	}
	.t-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.t-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.t-ml--15 {
		margin-left: 15px
	}
	.t-mr--15 {
		margin-right: 15px
	}
	.t-mt--15 {
		margin-top: 15px
	}
	.t-mb--15 {
		margin-bottom: 15px
	}
	.t-p--15 {
		padding: 15px
	}
	.t-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.t-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.t-pl--15 {
		padding-left: 15px
	}
	.t-pr--15 {
		padding-right: 15px
	}
	.t-pt--15 {
		padding-top: 15px
	}
	.t-pb--15 {
		padding-bottom: 15px
	}
}

@media (min-width: 768px) {
	.um-m--15 {
		margin: 15px
	}
	.um-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.um-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.um-ml--15 {
		margin-left: 15px
	}
	.um-mr--15 {
		margin-right: 15px
	}
	.um-mt--15 {
		margin-top: 15px
	}
	.um-mb--15 {
		margin-bottom: 15px
	}
	.um-p--15 {
		padding: 15px
	}
	.um-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.um-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.um-pl--15 {
		padding-left: 15px
	}
	.um-pr--15 {
		padding-right: 15px
	}
	.um-pt--15 {
		padding-top: 15px
	}
	.um-pb--15 {
		padding-bottom: 15px
	}
}

@media (max-width: 767px) {
	.m-m--15 {
		margin: 15px
	}
	.m-mx--15 {
		margin-left: 15px;
		margin-right: 15px
	}
	.m-my--15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.m-ml--15 {
		margin-left: 15px
	}
	.m-mr--15 {
		margin-right: 15px
	}
	.m-mt--15 {
		margin-top: 15px
	}
	.m-mb--15 {
		margin-bottom: 15px
	}
	.m-p--15 {
		padding: 15px
	}
	.m-px--15 {
		padding-left: 15px;
		padding-right: 15px
	}
	.m-py--15 {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.m-pl--15 {
		padding-left: 15px
	}
	.m-pr--15 {
		padding-right: 15px
	}
	.m-pt--15 {
		padding-top: 15px
	}
	.m-pb--15 {
		padding-bottom: 15px
	}
}

.m--20 {
	margin: 20px
}

.mx--20 {
	margin-left: 20px;
	margin-right: 20px
}

.my--20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.ml--20 {
	margin-left: 20px
}

.mr--20 {
	margin-right: 20px
}

.mt--20 {
	margin-top: 20px
}

.mb--20 {
	margin-bottom: 20px
}

.n-ml--20 {
	margin-left: calc( -1 * 20px)
}

.n-mr--20 {
	margin-right: calc( -1 * 20px)
}

.n-mt--20 {
	margin-top: calc( -1 * 20px)
}

.n-mb--20 {
	margin-bottom: calc( -1 * 20px)
}

.p--20 {
	padding: 20px
}

.px--20 {
	padding-left: 20px;
	padding-right: 20px
}

.py--20 {
	padding-top: 20px;
	padding-bottom: 20px
}

.pl--20 {
	padding-left: 20px
}

.pr--20 {
	padding-right: 20px
}

.pt--20 {
	padding-top: 20px
}

.pb--20 {
	padding-bottom: 20px
}

@media (min-width: 1251px) {
	.ul-m--20 {
		margin: 20px
	}
	.ul-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.ul-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.ul-ml--20 {
		margin-left: 20px
	}
	.ul-mr--20 {
		margin-right: 20px
	}
	.ul-mt--20 {
		margin-top: 20px
	}
	.ul-mb--20 {
		margin-bottom: 20px
	}
	.ul-p--20 {
		padding: 20px
	}
	.ul-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.ul-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.ul-pl--20 {
		padding-left: 20px
	}
	.ul-pr--20 {
		padding-right: 20px
	}
	.ul-pt--20 {
		padding-top: 20px
	}
	.ul-pb--20 {
		padding-bottom: 20px
	}
}

@media (max-width: 1250px) {
	.l-m--20 {
		margin: 20px
	}
	.l-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.l-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.l-ml--20 {
		margin-left: 20px
	}
	.l-mr--20 {
		margin-right: 20px
	}
	.l-mt--20 {
		margin-top: 20px
	}
	.l-mb--20 {
		margin-bottom: 20px
	}
	.l-p--20 {
		padding: 20px
	}
	.l-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.l-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.l-pl--20 {
		padding-left: 20px
	}
	.l-pr--20 {
		padding-right: 20px
	}
	.l-pt--20 {
		padding-top: 20px
	}
	.l-pb--20 {
		padding-bottom: 20px
	}
}

@media (min-width: 921px) {
	.ut-m--20 {
		margin: 20px
	}
	.ut-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.ut-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.ut-ml--20 {
		margin-left: 20px
	}
	.ut-mr--20 {
		margin-right: 20px
	}
	.ut-mt--20 {
		margin-top: 20px
	}
	.ut-mb--20 {
		margin-bottom: 20px
	}
	.ut-p--20 {
		padding: 20px
	}
	.ut-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.ut-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.ut-pl--20 {
		padding-left: 20px
	}
	.ut-pr--20 {
		padding-right: 20px
	}
	.ut-pt--20 {
		padding-top: 20px
	}
	.ut-pb--20 {
		padding-bottom: 20px
	}
}

@media (max-width: 920px) {
	.t-m--20 {
		margin: 20px
	}
	.t-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.t-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.t-ml--20 {
		margin-left: 20px
	}
	.t-mr--20 {
		margin-right: 20px
	}
	.t-mt--20 {
		margin-top: 20px
	}
	.t-mb--20 {
		margin-bottom: 20px
	}
	.t-p--20 {
		padding: 20px
	}
	.t-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.t-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.t-pl--20 {
		padding-left: 20px
	}
	.t-pr--20 {
		padding-right: 20px
	}
	.t-pt--20 {
		padding-top: 20px
	}
	.t-pb--20 {
		padding-bottom: 20px
	}
}

@media (min-width: 768px) {
	.um-m--20 {
		margin: 20px
	}
	.um-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.um-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.um-ml--20 {
		margin-left: 20px
	}
	.um-mr--20 {
		margin-right: 20px
	}
	.um-mt--20 {
		margin-top: 20px
	}
	.um-mb--20 {
		margin-bottom: 20px
	}
	.um-p--20 {
		padding: 20px
	}
	.um-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.um-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.um-pl--20 {
		padding-left: 20px
	}
	.um-pr--20 {
		padding-right: 20px
	}
	.um-pt--20 {
		padding-top: 20px
	}
	.um-pb--20 {
		padding-bottom: 20px
	}
}

@media (max-width: 767px) {
	.m-m--20 {
		margin: 20px
	}
	.m-mx--20 {
		margin-left: 20px;
		margin-right: 20px
	}
	.m-my--20 {
		margin-top: 20px;
		margin-bottom: 20px
	}
	.m-ml--20 {
		margin-left: 20px
	}
	.m-mr--20 {
		margin-right: 20px
	}
	.m-mt--20 {
		margin-top: 20px
	}
	.m-mb--20 {
		margin-bottom: 20px
	}
	.m-p--20 {
		padding: 20px
	}
	.m-px--20 {
		padding-left: 20px;
		padding-right: 20px
	}
	.m-py--20 {
		padding-top: 20px;
		padding-bottom: 20px
	}
	.m-pl--20 {
		padding-left: 20px
	}
	.m-pr--20 {
		padding-right: 20px
	}
	.m-pt--20 {
		padding-top: 20px
	}
	.m-pb--20 {
		padding-bottom: 20px
	}
}

.m--sm {
	margin: var(--sm-size)
}

.mx--sm {
	margin-left: var(--sm-size);
	margin-right: var(--sm-size)
}

.my--sm {
	margin-top: var(--sm-size);
	margin-bottom: var(--sm-size)
}

.ml--sm {
	margin-left: var(--sm-size)
}

.mr--sm {
	margin-right: var(--sm-size)
}

.mt--sm {
	margin-top: var(--sm-size)
}

.mb--sm {
	margin-bottom: var(--sm-size)
}

.n-ml--sm {
	margin-left: calc( -1 * var(--sm-size))
}

.n-mr--sm {
	margin-right: calc( -1 * var(--sm-size))
}

.n-mt--sm {
	margin-top: calc( -1 * var(--sm-size))
}

.n-mb--sm {
	margin-bottom: calc( -1 * var(--sm-size))
}

.p--sm {
	padding: var(--sm-size)
}

.px--sm {
	padding-left: var(--sm-size);
	padding-right: var(--sm-size)
}

.py--sm {
	padding-top: var(--sm-size);
	padding-bottom: var(--sm-size)
}

.pl--sm {
	padding-left: var(--sm-size)
}

.pr--sm {
	padding-right: var(--sm-size)
}

.pt--sm {
	padding-top: var(--sm-size)
}

.pb--sm {
	padding-bottom: var(--sm-size)
}

@media (min-width: 1251px) {
	.ul-m--sm {
		margin: var(--sm-size)
	}
	.ul-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.ul-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.ul-ml--sm {
		margin-left: var(--sm-size)
	}
	.ul-mr--sm {
		margin-right: var(--sm-size)
	}
	.ul-mt--sm {
		margin-top: var(--sm-size)
	}
	.ul-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.ul-p--sm {
		padding: var(--sm-size)
	}
	.ul-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.ul-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.ul-pl--sm {
		padding-left: var(--sm-size)
	}
	.ul-pr--sm {
		padding-right: var(--sm-size)
	}
	.ul-pt--sm {
		padding-top: var(--sm-size)
	}
	.ul-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

@media (max-width: 1250px) {
	.l-m--sm {
		margin: var(--sm-size)
	}
	.l-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.l-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.l-ml--sm {
		margin-left: var(--sm-size)
	}
	.l-mr--sm {
		margin-right: var(--sm-size)
	}
	.l-mt--sm {
		margin-top: var(--sm-size)
	}
	.l-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.l-p--sm {
		padding: var(--sm-size)
	}
	.l-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.l-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.l-pl--sm {
		padding-left: var(--sm-size)
	}
	.l-pr--sm {
		padding-right: var(--sm-size)
	}
	.l-pt--sm {
		padding-top: var(--sm-size)
	}
	.l-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

@media (min-width: 921px) {
	.ut-m--sm {
		margin: var(--sm-size)
	}
	.ut-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.ut-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.ut-ml--sm {
		margin-left: var(--sm-size)
	}
	.ut-mr--sm {
		margin-right: var(--sm-size)
	}
	.ut-mt--sm {
		margin-top: var(--sm-size)
	}
	.ut-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.ut-p--sm {
		padding: var(--sm-size)
	}
	.ut-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.ut-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.ut-pl--sm {
		padding-left: var(--sm-size)
	}
	.ut-pr--sm {
		padding-right: var(--sm-size)
	}
	.ut-pt--sm {
		padding-top: var(--sm-size)
	}
	.ut-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

@media (max-width: 920px) {
	.t-m--sm {
		margin: var(--sm-size)
	}
	.t-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.t-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.t-ml--sm {
		margin-left: var(--sm-size)
	}
	.t-mr--sm {
		margin-right: var(--sm-size)
	}
	.t-mt--sm {
		margin-top: var(--sm-size)
	}
	.t-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.t-p--sm {
		padding: var(--sm-size)
	}
	.t-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.t-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.t-pl--sm {
		padding-left: var(--sm-size)
	}
	.t-pr--sm {
		padding-right: var(--sm-size)
	}
	.t-pt--sm {
		padding-top: var(--sm-size)
	}
	.t-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

@media (min-width: 768px) {
	.um-m--sm {
		margin: var(--sm-size)
	}
	.um-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.um-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.um-ml--sm {
		margin-left: var(--sm-size)
	}
	.um-mr--sm {
		margin-right: var(--sm-size)
	}
	.um-mt--sm {
		margin-top: var(--sm-size)
	}
	.um-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.um-p--sm {
		padding: var(--sm-size)
	}
	.um-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.um-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.um-pl--sm {
		padding-left: var(--sm-size)
	}
	.um-pr--sm {
		padding-right: var(--sm-size)
	}
	.um-pt--sm {
		padding-top: var(--sm-size)
	}
	.um-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

@media (max-width: 767px) {
	.m-m--sm {
		margin: var(--sm-size)
	}
	.m-mx--sm {
		margin-left: var(--sm-size);
		margin-right: var(--sm-size)
	}
	.m-my--sm {
		margin-top: var(--sm-size);
		margin-bottom: var(--sm-size)
	}
	.m-ml--sm {
		margin-left: var(--sm-size)
	}
	.m-mr--sm {
		margin-right: var(--sm-size)
	}
	.m-mt--sm {
		margin-top: var(--sm-size)
	}
	.m-mb--sm {
		margin-bottom: var(--sm-size)
	}
	.m-p--sm {
		padding: var(--sm-size)
	}
	.m-px--sm {
		padding-left: var(--sm-size);
		padding-right: var(--sm-size)
	}
	.m-py--sm {
		padding-top: var(--sm-size);
		padding-bottom: var(--sm-size)
	}
	.m-pl--sm {
		padding-left: var(--sm-size)
	}
	.m-pr--sm {
		padding-right: var(--sm-size)
	}
	.m-pt--sm {
		padding-top: var(--sm-size)
	}
	.m-pb--sm {
		padding-bottom: var(--sm-size)
	}
}

.m--md {
	margin: var(--md-size)
}

.mx--md {
	margin-left: var(--md-size);
	margin-right: var(--md-size)
}

.my--md {
	margin-top: var(--md-size);
	margin-bottom: var(--md-size)
}

.ml--md {
	margin-left: var(--md-size)
}

.mr--md {
	margin-right: var(--md-size)
}

.mt--md {
	margin-top: var(--md-size)
}

.mb--md {
	margin-bottom: var(--md-size)
}

.n-ml--md {
	margin-left: calc( -1 * var(--md-size))
}

.n-mr--md {
	margin-right: calc( -1 * var(--md-size))
}

.n-mt--md {
	margin-top: calc( -1 * var(--md-size))
}

.n-mb--md {
	margin-bottom: calc( -1 * var(--md-size))
}

.p--md {
	padding: var(--md-size)
}

.px--md {
	padding-left: var(--md-size);
	padding-right: var(--md-size)
}

.py--md {
	padding-top: var(--md-size);
	padding-bottom: var(--md-size)
}

.pl--md {
	padding-left: var(--md-size)
}

.pr--md {
	padding-right: var(--md-size)
}

.pt--md {
	padding-top: var(--md-size)
}

.pb--md {
	padding-bottom: var(--md-size)
}

@media (min-width: 1251px) {
	.ul-m--md {
		margin: var(--md-size)
	}
	.ul-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.ul-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.ul-ml--md {
		margin-left: var(--md-size)
	}
	.ul-mr--md {
		margin-right: var(--md-size)
	}
	.ul-mt--md {
		margin-top: var(--md-size)
	}
	.ul-mb--md {
		margin-bottom: var(--md-size)
	}
	.ul-p--md {
		padding: var(--md-size)
	}
	.ul-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.ul-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.ul-pl--md {
		padding-left: var(--md-size)
	}
	.ul-pr--md {
		padding-right: var(--md-size)
	}
	.ul-pt--md {
		padding-top: var(--md-size)
	}
	.ul-pb--md {
		padding-bottom: var(--md-size)
	}
}

@media (max-width: 1250px) {
	.l-m--md {
		margin: var(--md-size)
	}
	.l-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.l-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.l-ml--md {
		margin-left: var(--md-size)
	}
	.l-mr--md {
		margin-right: var(--md-size)
	}
	.l-mt--md {
		margin-top: var(--md-size)
	}
	.l-mb--md {
		margin-bottom: var(--md-size)
	}
	.l-p--md {
		padding: var(--md-size)
	}
	.l-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.l-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.l-pl--md {
		padding-left: var(--md-size)
	}
	.l-pr--md {
		padding-right: var(--md-size)
	}
	.l-pt--md {
		padding-top: var(--md-size)
	}
	.l-pb--md {
		padding-bottom: var(--md-size)
	}
}

@media (min-width: 921px) {
	.ut-m--md {
		margin: var(--md-size)
	}
	.ut-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.ut-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.ut-ml--md {
		margin-left: var(--md-size)
	}
	.ut-mr--md {
		margin-right: var(--md-size)
	}
	.ut-mt--md {
		margin-top: var(--md-size)
	}
	.ut-mb--md {
		margin-bottom: var(--md-size)
	}
	.ut-p--md {
		padding: var(--md-size)
	}
	.ut-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.ut-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.ut-pl--md {
		padding-left: var(--md-size)
	}
	.ut-pr--md {
		padding-right: var(--md-size)
	}
	.ut-pt--md {
		padding-top: var(--md-size)
	}
	.ut-pb--md {
		padding-bottom: var(--md-size)
	}
}

@media (max-width: 920px) {
	.t-m--md {
		margin: var(--md-size)
	}
	.t-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.t-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.t-ml--md {
		margin-left: var(--md-size)
	}
	.t-mr--md {
		margin-right: var(--md-size)
	}
	.t-mt--md {
		margin-top: var(--md-size)
	}
	.t-mb--md {
		margin-bottom: var(--md-size)
	}
	.t-p--md {
		padding: var(--md-size)
	}
	.t-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.t-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.t-pl--md {
		padding-left: var(--md-size)
	}
	.t-pr--md {
		padding-right: var(--md-size)
	}
	.t-pt--md {
		padding-top: var(--md-size)
	}
	.t-pb--md {
		padding-bottom: var(--md-size)
	}
}

@media (min-width: 768px) {
	.um-m--md {
		margin: var(--md-size)
	}
	.um-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.um-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.um-ml--md {
		margin-left: var(--md-size)
	}
	.um-mr--md {
		margin-right: var(--md-size)
	}
	.um-mt--md {
		margin-top: var(--md-size)
	}
	.um-mb--md {
		margin-bottom: var(--md-size)
	}
	.um-p--md {
		padding: var(--md-size)
	}
	.um-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.um-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.um-pl--md {
		padding-left: var(--md-size)
	}
	.um-pr--md {
		padding-right: var(--md-size)
	}
	.um-pt--md {
		padding-top: var(--md-size)
	}
	.um-pb--md {
		padding-bottom: var(--md-size)
	}
}

@media (max-width: 767px) {
	.m-m--md {
		margin: var(--md-size)
	}
	.m-mx--md {
		margin-left: var(--md-size);
		margin-right: var(--md-size)
	}
	.m-my--md {
		margin-top: var(--md-size);
		margin-bottom: var(--md-size)
	}
	.m-ml--md {
		margin-left: var(--md-size)
	}
	.m-mr--md {
		margin-right: var(--md-size)
	}
	.m-mt--md {
		margin-top: var(--md-size)
	}
	.m-mb--md {
		margin-bottom: var(--md-size)
	}
	.m-p--md {
		padding: var(--md-size)
	}
	.m-px--md {
		padding-left: var(--md-size);
		padding-right: var(--md-size)
	}
	.m-py--md {
		padding-top: var(--md-size);
		padding-bottom: var(--md-size)
	}
	.m-pl--md {
		padding-left: var(--md-size)
	}
	.m-pr--md {
		padding-right: var(--md-size)
	}
	.m-pt--md {
		padding-top: var(--md-size)
	}
	.m-pb--md {
		padding-bottom: var(--md-size)
	}
}

.m--lg {
	margin: var(--lg-size)
}

.mx--lg {
	margin-left: var(--lg-size);
	margin-right: var(--lg-size)
}

.my--lg {
	margin-top: var(--lg-size);
	margin-bottom: var(--lg-size)
}

.ml--lg {
	margin-left: var(--lg-size)
}

.mr--lg {
	margin-right: var(--lg-size)
}

.mt--lg {
	margin-top: var(--lg-size)
}

.mb--lg {
	margin-bottom: var(--lg-size)
}

.n-ml--lg {
	margin-left: calc( -1 * var(--lg-size))
}

.n-mr--lg {
	margin-right: calc( -1 * var(--lg-size))
}

.n-mt--lg {
	margin-top: calc( -1 * var(--lg-size))
}

.n-mb--lg {
	margin-bottom: calc( -1 * var(--lg-size))
}

.p--lg {
	padding: var(--lg-size)
}

.px--lg {
	padding-left: var(--lg-size);
	padding-right: var(--lg-size)
}

.py--lg {
	padding-top: var(--lg-size);
	padding-bottom: var(--lg-size)
}

.pl--lg {
	padding-left: var(--lg-size)
}

.pr--lg {
	padding-right: var(--lg-size)
}

.pt--lg {
	padding-top: var(--lg-size)
}

.pb--lg {
	padding-bottom: var(--lg-size)
}

@media (min-width: 1251px) {
	.ul-m--lg {
		margin: var(--lg-size)
	}
	.ul-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.ul-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.ul-ml--lg {
		margin-left: var(--lg-size)
	}
	.ul-mr--lg {
		margin-right: var(--lg-size)
	}
	.ul-mt--lg {
		margin-top: var(--lg-size)
	}
	.ul-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.ul-p--lg {
		padding: var(--lg-size)
	}
	.ul-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.ul-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.ul-pl--lg {
		padding-left: var(--lg-size)
	}
	.ul-pr--lg {
		padding-right: var(--lg-size)
	}
	.ul-pt--lg {
		padding-top: var(--lg-size)
	}
	.ul-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

@media (max-width: 1250px) {
	.l-m--lg {
		margin: var(--lg-size)
	}
	.l-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.l-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.l-ml--lg {
		margin-left: var(--lg-size)
	}
	.l-mr--lg {
		margin-right: var(--lg-size)
	}
	.l-mt--lg {
		margin-top: var(--lg-size)
	}
	.l-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.l-p--lg {
		padding: var(--lg-size)
	}
	.l-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.l-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.l-pl--lg {
		padding-left: var(--lg-size)
	}
	.l-pr--lg {
		padding-right: var(--lg-size)
	}
	.l-pt--lg {
		padding-top: var(--lg-size)
	}
	.l-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

@media (min-width: 921px) {
	.ut-m--lg {
		margin: var(--lg-size)
	}
	.ut-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.ut-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.ut-ml--lg {
		margin-left: var(--lg-size)
	}
	.ut-mr--lg {
		margin-right: var(--lg-size)
	}
	.ut-mt--lg {
		margin-top: var(--lg-size)
	}
	.ut-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.ut-p--lg {
		padding: var(--lg-size)
	}
	.ut-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.ut-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.ut-pl--lg {
		padding-left: var(--lg-size)
	}
	.ut-pr--lg {
		padding-right: var(--lg-size)
	}
	.ut-pt--lg {
		padding-top: var(--lg-size)
	}
	.ut-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

@media (max-width: 920px) {
	.t-m--lg {
		margin: var(--lg-size)
	}
	.t-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.t-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.t-ml--lg {
		margin-left: var(--lg-size)
	}
	.t-mr--lg {
		margin-right: var(--lg-size)
	}
	.t-mt--lg {
		margin-top: var(--lg-size)
	}
	.t-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.t-p--lg {
		padding: var(--lg-size)
	}
	.t-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.t-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.t-pl--lg {
		padding-left: var(--lg-size)
	}
	.t-pr--lg {
		padding-right: var(--lg-size)
	}
	.t-pt--lg {
		padding-top: var(--lg-size)
	}
	.t-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

@media (min-width: 768px) {
	.um-m--lg {
		margin: var(--lg-size)
	}
	.um-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.um-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.um-ml--lg {
		margin-left: var(--lg-size)
	}
	.um-mr--lg {
		margin-right: var(--lg-size)
	}
	.um-mt--lg {
		margin-top: var(--lg-size)
	}
	.um-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.um-p--lg {
		padding: var(--lg-size)
	}
	.um-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.um-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.um-pl--lg {
		padding-left: var(--lg-size)
	}
	.um-pr--lg {
		padding-right: var(--lg-size)
	}
	.um-pt--lg {
		padding-top: var(--lg-size)
	}
	.um-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

@media (max-width: 767px) {
	.m-m--lg {
		margin: var(--lg-size)
	}
	.m-mx--lg {
		margin-left: var(--lg-size);
		margin-right: var(--lg-size)
	}
	.m-my--lg {
		margin-top: var(--lg-size);
		margin-bottom: var(--lg-size)
	}
	.m-ml--lg {
		margin-left: var(--lg-size)
	}
	.m-mr--lg {
		margin-right: var(--lg-size)
	}
	.m-mt--lg {
		margin-top: var(--lg-size)
	}
	.m-mb--lg {
		margin-bottom: var(--lg-size)
	}
	.m-p--lg {
		padding: var(--lg-size)
	}
	.m-px--lg {
		padding-left: var(--lg-size);
		padding-right: var(--lg-size)
	}
	.m-py--lg {
		padding-top: var(--lg-size);
		padding-bottom: var(--lg-size)
	}
	.m-pl--lg {
		padding-left: var(--lg-size)
	}
	.m-pr--lg {
		padding-right: var(--lg-size)
	}
	.m-pt--lg {
		padding-top: var(--lg-size)
	}
	.m-pb--lg {
		padding-bottom: var(--lg-size)
	}
}

.m--xlg {
	margin: var(--xlg-size)
}

.mx--xlg {
	margin-left: var(--xlg-size);
	margin-right: var(--xlg-size)
}

.my--xlg {
	margin-top: var(--xlg-size);
	margin-bottom: var(--xlg-size)
}

.ml--xlg {
	margin-left: var(--xlg-size)
}

.mr--xlg {
	margin-right: var(--xlg-size)
}

.mt--xlg {
	margin-top: var(--xlg-size)
}

.mb--xlg {
	margin-bottom: var(--xlg-size)
}

.n-ml--xlg {
	margin-left: calc( -1 * var(--xlg-size))
}

.n-mr--xlg {
	margin-right: calc( -1 * var(--xlg-size))
}

.n-mt--xlg {
	margin-top: calc( -1 * var(--xlg-size))
}

.n-mb--xlg {
	margin-bottom: calc( -1 * var(--xlg-size))
}

.p--xlg {
	padding: var(--xlg-size)
}

.px--xlg {
	padding-left: var(--xlg-size);
	padding-right: var(--xlg-size)
}

.py--xlg {
	padding-top: var(--xlg-size);
	padding-bottom: var(--xlg-size)
}

.pl--xlg {
	padding-left: var(--xlg-size)
}

.pr--xlg {
	padding-right: var(--xlg-size)
}

.pt--xlg {
	padding-top: var(--xlg-size)
}

.pb--xlg {
	padding-bottom: var(--xlg-size)
}

@media (min-width: 1251px) {
	.ul-m--xlg {
		margin: var(--xlg-size)
	}
	.ul-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.ul-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.ul-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.ul-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.ul-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.ul-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.ul-p--xlg {
		padding: var(--xlg-size)
	}
	.ul-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.ul-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.ul-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.ul-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.ul-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.ul-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

@media (max-width: 1250px) {
	.l-m--xlg {
		margin: var(--xlg-size)
	}
	.l-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.l-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.l-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.l-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.l-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.l-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.l-p--xlg {
		padding: var(--xlg-size)
	}
	.l-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.l-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.l-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.l-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.l-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.l-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

@media (min-width: 921px) {
	.ut-m--xlg {
		margin: var(--xlg-size)
	}
	.ut-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.ut-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.ut-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.ut-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.ut-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.ut-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.ut-p--xlg {
		padding: var(--xlg-size)
	}
	.ut-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.ut-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.ut-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.ut-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.ut-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.ut-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

@media (max-width: 920px) {
	.t-m--xlg {
		margin: var(--xlg-size)
	}
	.t-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.t-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.t-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.t-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.t-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.t-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.t-p--xlg {
		padding: var(--xlg-size)
	}
	.t-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.t-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.t-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.t-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.t-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.t-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

@media (min-width: 768px) {
	.um-m--xlg {
		margin: var(--xlg-size)
	}
	.um-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.um-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.um-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.um-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.um-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.um-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.um-p--xlg {
		padding: var(--xlg-size)
	}
	.um-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.um-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.um-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.um-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.um-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.um-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

@media (max-width: 767px) {
	.m-m--xlg {
		margin: var(--xlg-size)
	}
	.m-mx--xlg {
		margin-left: var(--xlg-size);
		margin-right: var(--xlg-size)
	}
	.m-my--xlg {
		margin-top: var(--xlg-size);
		margin-bottom: var(--xlg-size)
	}
	.m-ml--xlg {
		margin-left: var(--xlg-size)
	}
	.m-mr--xlg {
		margin-right: var(--xlg-size)
	}
	.m-mt--xlg {
		margin-top: var(--xlg-size)
	}
	.m-mb--xlg {
		margin-bottom: var(--xlg-size)
	}
	.m-p--xlg {
		padding: var(--xlg-size)
	}
	.m-px--xlg {
		padding-left: var(--xlg-size);
		padding-right: var(--xlg-size)
	}
	.m-py--xlg {
		padding-top: var(--xlg-size);
		padding-bottom: var(--xlg-size)
	}
	.m-pl--xlg {
		padding-left: var(--xlg-size)
	}
	.m-pr--xlg {
		padding-right: var(--xlg-size)
	}
	.m-pt--xlg {
		padding-top: var(--xlg-size)
	}
	.m-pb--xlg {
		padding-bottom: var(--xlg-size)
	}
}

.m--auto {
	margin: auto
}

.mx--auto {
	margin-left: auto;
	margin-right: auto
}

.my--auto {
	margin-top: auto;
	margin-bottom: auto
}

.ml--auto {
	margin-left: auto
}

.mr--auto {
	margin-right: auto
}

.mt--auto {
	margin-top: auto
}

.mb--auto {
	margin-bottom: auto
}

.n-ml--auto {
	margin-left: calc( -1 * auto)
}

.n-mr--auto {
	margin-right: calc( -1 * auto)
}

.n-mt--auto {
	margin-top: calc( -1 * auto)
}

.n-mb--auto {
	margin-bottom: calc( -1 * auto)
}

.p--auto {
	padding: auto
}

.px--auto {
	padding-left: auto;
	padding-right: auto
}

.py--auto {
	padding-top: auto;
	padding-bottom: auto
}

.pl--auto {
	padding-left: auto
}

.pr--auto {
	padding-right: auto
}

.pt--auto {
	padding-top: auto
}

.pb--auto {
	padding-bottom: auto
}

@media (min-width: 1251px) {
	.ul-m--auto {
		margin: auto
	}
	.ul-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.ul-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.ul-ml--auto {
		margin-left: auto
	}
	.ul-mr--auto {
		margin-right: auto
	}
	.ul-mt--auto {
		margin-top: auto
	}
	.ul-mb--auto {
		margin-bottom: auto
	}
	.ul-p--auto {
		padding: auto
	}
	.ul-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.ul-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.ul-pl--auto {
		padding-left: auto
	}
	.ul-pr--auto {
		padding-right: auto
	}
	.ul-pt--auto {
		padding-top: auto
	}
	.ul-pb--auto {
		padding-bottom: auto
	}
}

@media (max-width: 1250px) {
	.l-m--auto {
		margin: auto
	}
	.l-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.l-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.l-ml--auto {
		margin-left: auto
	}
	.l-mr--auto {
		margin-right: auto
	}
	.l-mt--auto {
		margin-top: auto
	}
	.l-mb--auto {
		margin-bottom: auto
	}
	.l-p--auto {
		padding: auto
	}
	.l-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.l-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.l-pl--auto {
		padding-left: auto
	}
	.l-pr--auto {
		padding-right: auto
	}
	.l-pt--auto {
		padding-top: auto
	}
	.l-pb--auto {
		padding-bottom: auto
	}
}

@media (min-width: 921px) {
	.ut-m--auto {
		margin: auto
	}
	.ut-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.ut-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.ut-ml--auto {
		margin-left: auto
	}
	.ut-mr--auto {
		margin-right: auto
	}
	.ut-mt--auto {
		margin-top: auto
	}
	.ut-mb--auto {
		margin-bottom: auto
	}
	.ut-p--auto {
		padding: auto
	}
	.ut-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.ut-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.ut-pl--auto {
		padding-left: auto
	}
	.ut-pr--auto {
		padding-right: auto
	}
	.ut-pt--auto {
		padding-top: auto
	}
	.ut-pb--auto {
		padding-bottom: auto
	}
}

@media (max-width: 920px) {
	.t-m--auto {
		margin: auto
	}
	.t-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.t-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.t-ml--auto {
		margin-left: auto
	}
	.t-mr--auto {
		margin-right: auto
	}
	.t-mt--auto {
		margin-top: auto
	}
	.t-mb--auto {
		margin-bottom: auto
	}
	.t-p--auto {
		padding: auto
	}
	.t-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.t-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.t-pl--auto {
		padding-left: auto
	}
	.t-pr--auto {
		padding-right: auto
	}
	.t-pt--auto {
		padding-top: auto
	}
	.t-pb--auto {
		padding-bottom: auto
	}
}

@media (min-width: 768px) {
	.um-m--auto {
		margin: auto
	}
	.um-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.um-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.um-ml--auto {
		margin-left: auto
	}
	.um-mr--auto {
		margin-right: auto
	}
	.um-mt--auto {
		margin-top: auto
	}
	.um-mb--auto {
		margin-bottom: auto
	}
	.um-p--auto {
		padding: auto
	}
	.um-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.um-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.um-pl--auto {
		padding-left: auto
	}
	.um-pr--auto {
		padding-right: auto
	}
	.um-pt--auto {
		padding-top: auto
	}
	.um-pb--auto {
		padding-bottom: auto
	}
}

@media (max-width: 767px) {
	.m-m--auto {
		margin: auto
	}
	.m-mx--auto {
		margin-left: auto;
		margin-right: auto
	}
	.m-my--auto {
		margin-top: auto;
		margin-bottom: auto
	}
	.m-ml--auto {
		margin-left: auto
	}
	.m-mr--auto {
		margin-right: auto
	}
	.m-mt--auto {
		margin-top: auto
	}
	.m-mb--auto {
		margin-bottom: auto
	}
	.m-p--auto {
		padding: auto
	}
	.m-px--auto {
		padding-left: auto;
		padding-right: auto
	}
	.m-py--auto {
		padding-top: auto;
		padding-bottom: auto
	}
	.m-pl--auto {
		padding-left: auto
	}
	.m-pr--auto {
		padding-right: auto
	}
	.m-pt--auto {
		padding-top: auto
	}
	.m-pb--auto {
		padding-bottom: auto
	}
}

.m--none {
	margin: 0
}

.mx--none {
	margin-left: 0;
	margin-right: 0
}

.my--none {
	margin-top: 0;
	margin-bottom: 0
}

.ml--none {
	margin-left: 0
}

.mr--none {
	margin-right: 0
}

.mt--none {
	margin-top: 0
}

.mb--none {
	margin-bottom: 0
}

.n-ml--none {
	margin-left: calc( -1 * 0)
}

.n-mr--none {
	margin-right: calc( -1 * 0)
}

.n-mt--none {
	margin-top: calc( -1 * 0)
}

.n-mb--none {
	margin-bottom: calc( -1 * 0)
}

.p--none {
	padding: 0
}

.px--none {
	padding-left: 0;
	padding-right: 0
}

.py--none {
	padding-top: 0;
	padding-bottom: 0
}

.pl--none {
	padding-left: 0
}

.pr--none {
	padding-right: 0
}

.pt--none {
	padding-top: 0
}

.pb--none {
	padding-bottom: 0
}

@media (min-width: 1251px) {
	.ul-m--none {
		margin: 0
	}
	.ul-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.ul-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.ul-ml--none {
		margin-left: 0
	}
	.ul-mr--none {
		margin-right: 0
	}
	.ul-mt--none {
		margin-top: 0
	}
	.ul-mb--none {
		margin-bottom: 0
	}
	.ul-p--none {
		padding: 0
	}
	.ul-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.ul-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.ul-pl--none {
		padding-left: 0
	}
	.ul-pr--none {
		padding-right: 0
	}
	.ul-pt--none {
		padding-top: 0
	}
	.ul-pb--none {
		padding-bottom: 0
	}
}

@media (max-width: 1250px) {
	.l-m--none {
		margin: 0
	}
	.l-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.l-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.l-ml--none {
		margin-left: 0
	}
	.l-mr--none {
		margin-right: 0
	}
	.l-mt--none {
		margin-top: 0
	}
	.l-mb--none {
		margin-bottom: 0
	}
	.l-p--none {
		padding: 0
	}
	.l-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.l-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.l-pl--none {
		padding-left: 0
	}
	.l-pr--none {
		padding-right: 0
	}
	.l-pt--none {
		padding-top: 0
	}
	.l-pb--none {
		padding-bottom: 0
	}
}

@media (min-width: 921px) {
	.ut-m--none {
		margin: 0
	}
	.ut-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.ut-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.ut-ml--none {
		margin-left: 0
	}
	.ut-mr--none {
		margin-right: 0
	}
	.ut-mt--none {
		margin-top: 0
	}
	.ut-mb--none {
		margin-bottom: 0
	}
	.ut-p--none {
		padding: 0
	}
	.ut-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.ut-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.ut-pl--none {
		padding-left: 0
	}
	.ut-pr--none {
		padding-right: 0
	}
	.ut-pt--none {
		padding-top: 0
	}
	.ut-pb--none {
		padding-bottom: 0
	}
}

@media (max-width: 920px) {
	.t-m--none {
		margin: 0
	}
	.t-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.t-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.t-ml--none {
		margin-left: 0
	}
	.t-mr--none {
		margin-right: 0
	}
	.t-mt--none {
		margin-top: 0
	}
	.t-mb--none {
		margin-bottom: 0
	}
	.t-p--none {
		padding: 0
	}
	.t-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.t-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.t-pl--none {
		padding-left: 0
	}
	.t-pr--none {
		padding-right: 0
	}
	.t-pt--none {
		padding-top: 0
	}
	.t-pb--none {
		padding-bottom: 0
	}
}

@media (min-width: 768px) {
	.um-m--none {
		margin: 0
	}
	.um-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.um-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.um-ml--none {
		margin-left: 0
	}
	.um-mr--none {
		margin-right: 0
	}
	.um-mt--none {
		margin-top: 0
	}
	.um-mb--none {
		margin-bottom: 0
	}
	.um-p--none {
		padding: 0
	}
	.um-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.um-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.um-pl--none {
		padding-left: 0
	}
	.um-pr--none {
		padding-right: 0
	}
	.um-pt--none {
		padding-top: 0
	}
	.um-pb--none {
		padding-bottom: 0
	}
}

@media (max-width: 767px) {
	.m-m--none {
		margin: 0
	}
	.m-mx--none {
		margin-left: 0;
		margin-right: 0
	}
	.m-my--none {
		margin-top: 0;
		margin-bottom: 0
	}
	.m-ml--none {
		margin-left: 0
	}
	.m-mr--none {
		margin-right: 0
	}
	.m-mt--none {
		margin-top: 0
	}
	.m-mb--none {
		margin-bottom: 0
	}
	.m-p--none {
		padding: 0
	}
	.m-px--none {
		padding-left: 0;
		padding-right: 0
	}
	.m-py--none {
		padding-top: 0;
		padding-bottom: 0
	}
	.m-pl--none {
		padding-left: 0
	}
	.m-pr--none {
		padding-right: 0
	}
	.m-pt--none {
		padding-top: 0
	}
	.m-pb--none {
		padding-bottom: 0
	}
}

.cols,
.cols--ul,
.cols--ut,
.cols--um,
.cols--l,
.cols--t {
	display: flex;
	justify-content: space-between
}

.cols--wrap {
	flex-wrap: wrap
}

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

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

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

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

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

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

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

.dir--column {
	flex-direction: column
}

.col--flex {
	flex: 1
}

.inline-flex {
	display: inline-flex
}

.block {
	display: block
}

.height--5 {
	height: 5%
}

.height--10 {
	height: 10%
}

.height--15 {
	height: 15%
}

.height--20 {
	height: 20%
}

.height--25 {
	height: 25%
}

.height--30 {
	height: 30%
}

.height--33 {
	height: 33.333333%
}

.height--35 {
	height: 35%
}

.height--40 {
	height: 40%
}

.height--45 {
	height: 45%
}

.height--50 {
	height: 50%
}

.height--55 {
	height: 55%
}

.height--60 {
	height: 60%
}

.height--65 {
	height: 65%
}

.height--70 {
	height: 70%
}

.height--75 {
	height: 75%
}

.height--80 {
	height: 80%
}

.height--85 {
	height: 85%
}

.height--90 {
	height: 90%
}

.height--95 {
	height: 95%
}

.height--100 {
	height: 100%
}

.col--5 {
	width: 5%
}

.col--10 {
	width: 10%
}

.col--15 {
	width: 15%
}

.col--20 {
	width: 20%
}

.col--25 {
	width: 25%
}

.col--30 {
	width: 30%
}

.col--33 {
	width: 33.333333%
}

.col--35 {
	width: 35%
}

.col--40 {
	width: 40%
}

.col--45 {
	width: 45%
}

.col--50 {
	width: 50%
}

.col--55 {
	width: 55%
}

.col--60 {
	width: 60%
}

.col--65 {
	width: 65%
}

.col--70 {
	width: 70%
}

.col--75 {
	width: 75%
}

.col--80 {
	width: 80%
}

.col--85 {
	width: 85%
}

.col--90 {
	width: 90%
}

.col--95 {
	width: 95%
}

.col--100 {
	width: 100%
}

@media (max-width: 1250px) {
	.l-col--5 {
		width: 5%
	}
	.l-col--10 {
		width: 10%
	}
	.l-col--15 {
		width: 15%
	}
	.l-col--20 {
		width: 20%
	}
	.l-col--25 {
		width: 25%
	}
	.l-col--30 {
		width: 30%
	}
	.l-col--33 {
		width: 33.333333%
	}
	.l-col--35 {
		width: 35%
	}
	.l-col--40 {
		width: 40%
	}
	.l-col--45 {
		width: 45%
	}
	.l-col--50 {
		width: 50%
	}
	.l-col--55 {
		width: 55%
	}
	.l-col--60 {
		width: 60%
	}
	.l-col--65 {
		width: 65%
	}
	.l-col--70 {
		width: 70%
	}
	.l-col--75 {
		width: 75%
	}
	.l-col--80 {
		width: 80%
	}
	.l-col--85 {
		width: 85%
	}
	.l-col--90 {
		width: 90%
	}
	.l-col--95 {
		width: 95%
	}
	.l-col--100 {
		width: 100%
	}
}

@media (max-width: 920px) {
	.t-col--5 {
		width: 5%
	}
	.t-col--10 {
		width: 10%
	}
	.t-col--15 {
		width: 15%
	}
	.t-col--20 {
		width: 20%
	}
	.t-col--25 {
		width: 25%
	}
	.t-col--30 {
		width: 30%
	}
	.t-col--33 {
		width: 33.333333%
	}
	.t-col--35 {
		width: 35%
	}
	.t-col--40 {
		width: 40%
	}
	.t-col--45 {
		width: 45%
	}
	.t-col--50 {
		width: 50%
	}
	.t-col--55 {
		width: 55%
	}
	.t-col--60 {
		width: 60%
	}
	.t-col--65 {
		width: 65%
	}
	.t-col--70 {
		width: 70%
	}
	.t-col--75 {
		width: 75%
	}
	.t-col--80 {
		width: 80%
	}
	.t-col--85 {
		width: 85%
	}
	.t-col--90 {
		width: 90%
	}
	.t-col--95 {
		width: 95%
	}
	.t-col--100 {
		width: 100%
	}
}

@media (max-width: 767px) {
	.m-col--5 {
		width: 5%
	}
	.m-col--10 {
		width: 10%
	}
	.m-col--15 {
		width: 15%
	}
	.m-col--20 {
		width: 20%
	}
	.m-col--25 {
		width: 25%
	}
	.m-col--30 {
		width: 30%
	}
	.m-col--33 {
		width: 33.333333%
	}
	.m-col--35 {
		width: 35%
	}
	.m-col--40 {
		width: 40%
	}
	.m-col--45 {
		width: 45%
	}
	.m-col--50 {
		width: 50%
	}
	.m-col--55 {
		width: 55%
	}
	.m-col--60 {
		width: 60%
	}
	.m-col--65 {
		width: 65%
	}
	.m-col--70 {
		width: 70%
	}
	.m-col--75 {
		width: 75%
	}
	.m-col--80 {
		width: 80%
	}
	.m-col--85 {
		width: 85%
	}
	.m-col--90 {
		width: 90%
	}
	.m-col--95 {
		width: 95%
	}
	.m-col--100 {
		width: 100%
	}
}

@media (min-width: 1251px) {
	.ul--hidden {
		display: none
	}
	.ul-text--left {
		text-align: left
	}
	.ul-text--right {
		text-align: right
	}
	.ul-text--center {
		text-align: center
	}
}

@media (min-width: 921px) {
	.ut--hidden {
		display: none
	}
	.ut-text--left {
		text-align: left
	}
	.ut-text--right {
		text-align: right
	}
	.ut-text--center {
		text-align: center
	}
}

@media (min-width: 768px) {
	.um--hidden {
		display: none
	}
	.um-text--center {
		text-align: center
	}
	.um-text--left {
		text-align: left
	}
	.um-text--right {
		text-align: right
	}
	.um-justify--end {
		justify-content: flex-end
	}
	.um-row--reverse {
		flex-direction: row-reverse
	}
	.um-order--0 {
		order: 0
	}
	.um-order--1 {
		order: 1
	}
	.um-order--2 {
		order: 2
	}
	.um-order--3 {
		order: 3
	}
	.um-order--4 {
		order: 4
	}
	.p--sticky {
		position: sticky !important;
		top: calc(var(--header-height) + 50px);
		z-index: 2
	}
	.um-flex--reverse {
		flex-direction: row-reverse
	}
	.um-dir--column {
		flex-direction: column
	}
}

@media (max-width: 1250px) {
	.cols--ul {
		display: block
	}
	.cols--ul>[class*="col--"] {
		width: 100%
	}
}

@media (max-width: 920px) {
	.cols--ut {
		display: block
	}
	.cols--ut>[class*="col--"] {
		width: 100%
	}
}

@media (max-width: 767px) {
	.cols--um {
		display: block
	}
	.cols--um>[class*="col--"] {
		width: 100%
	}
}

@media (max-width: 1250px) {
	.l--hidden {
		display: none
	}
	.l-cols--wrap {
		flex-wrap: wrap
	}
	.l-align--start {
		align-items: flex-start
	}
	.l-align--end {
		align-items: flex-end
	}
	.l-align--center {
		align-items: center
	}
	.l-justify--start {
		justify-content: flex-start
	}
	.l-justify--end {
		justify-content: flex-end
	}
	.l-justify--center {
		justify-content: center
	}
	.l-text--center {
		text-align: center
	}
	.l-text--left {
		text-align: left
	}
	.l-text--right {
		text-align: right
	}
}

@media (max-width: 920px) and (min-width: 768px) {
	.t--hidden {
		display: none
	}
	.t-mlr--auto {
		margin-left: auto;
		margin-right: auto
	}
	.t-cols--wrap {
		flex-wrap: wrap
	}
	.t-align--start {
		align-items: flex-start
	}
	.t-align--end {
		align-items: flex-end
	}
	.t-align--center {
		align-items: center
	}
	.t-justify--start {
		justify-content: flex-start
	}
	.t-justify--end {
		justify-content: flex-end
	}
	.t-justify--center {
		justify-content: center
	}
	.t-text--center {
		text-align: center
	}
	.t-text--left {
		text-align: left
	}
	.t-text--right {
		text-align: right
	}
}

@media (max-width: 767px) {
	.m--hidden {
		display: none !important
	}
	.m-cols {
		display: flex
	}
	.m-cols--wrap {
		flex-wrap: wrap
	}
	.m-align--start {
		align-items: flex-start
	}
	.m-align--end {
		align-items: flex-end
	}
	.m-align--center {
		align-items: center
	}
	.m-justify--start {
		justify-content: flex-start
	}
	.m-justify--end {
		justify-content: flex-end
	}
	.m-justify--center {
		justify-content: center
	}
	.m-justify--between {
		justify-content: space-between
	}
	.m-row--reverse {
		flex-direction: row-reverse
	}
	.m-text--center {
		text-align: center
	}
	.m-text--left {
		text-align: left
	}
	.m-text--right {
		text-align: right
	}
	.m-mlr--auto {
		margin-left: auto;
		margin-right: auto
	}
	.section--boxed .section--boxed {
		padding-right: var(--container-p-mobile);
		padding-left: var(--container-p-mobile)
	}
	.cols--um>[class*="col--"]:not(.m-no-margin):not(:last-of-type):not([class*="-item"]):not([class*="m-mb--"]) {
		margin-bottom: var(--md-size) !important
	}
	.cols--um>.m-no-margin+[class*="col--"] {
		margin-top: 0 !important
	}
	.m--full {
		width: calc(100% + var(--container-p-mobile) + var(--container-p-mobile)) !important;
		transform: translateX(calc(-1 * var(--container-p-mobile)))
	}
	[class*="bg--"].m--full {
		padding-right: var(--container-p-mobile);
		padding-left: var(--container-p-mobile)
	}
}

.image--full-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@font-face {
	font-family: 'Manrope';
	src: url(b8e4fc408760a02a5c84.woff2) format("woff2"), url(9bd3449662ab5558992a.woff) format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Manrope';
	src: url(15e344c414d52dd672ef.woff2) format("woff2"), url(d1384c3221d6bf5c6f29.woff) format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Manrope';
	src: url(bfc4033bf77be1adec8a.woff2) format("woff2"), url(e87eff17fbd788c39558.woff) format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Carla Sans';
	src: url(17ef5cf21c5d6705d820.woff2) format("woff2"), url(7b9374d1fbc016e0bfe9.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

html {
	margin: 0 !important
}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
	all: unset;
	display: revert
}

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

a,
button {
	cursor: revert
}

ol,
ul,
menu {
	list-style: none
}

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

table {
	border-collapse: collapse
}

input,
textarea {
	user-select: auto;
	-webkit-user-select: auto
}

textarea {
	white-space: revert
}

meter {
	-webkit-appearance: revert;
	appearance: revert
}

::placeholder {
	color: unset
}

:where([hidden]) {
	display: none
}

:where([contenteditable]:not([contenteditable="false"])) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
	line-break: after-white-space;
	user-select: auto;
	-webkit-user-select: auto
}

:where([draggable="true"]) {
	-webkit-user-drag: element
}

* {
	outline: none;
	box-sizing: border-box
}

u {
	text-decoration: underline !important
}

body {
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	font-family: var(--font-main);
	font-weight: 200;
	line-height: 1.4;
	background-color: var(--color-dark);
	font-size: var(--font-18)
}

#page {
	overflow: hidden
}

body,
a {
	color: var(--color-content, var(--color-brand))
}

a:hover {
	color: var(--a-hover-color, var(--color-accent))
}

strong {
	font-weight: bold
}

p {
	margin-bottom: var(--sm-size)
}

p:last-of-type {
	margin-bottom: 0
}

p:first-of-type {
	margin-top: 0
}

em {
	font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	font-weight: 400;
	line-height: 1.06;
	word-break: break-word
}

h1 {
	font-size: var(--font-74)
}

h2 {
	font-size: var(--font-54)
}

h3 {
	font-size: var(--font-40)
}

h4 {
	font-size: var(--font-32)
}

h5 {
	font-size: var(--font-27)
}

h6 {
	font-size: var(--font-22)
}

img {
	max-width: 100%;
	height: auto
}

a {
	text-decoration: none;
	transition: var(--trans-600)
}

.anim--reveal-bot {
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0)
}

.anim--reveal-left {
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0)
}

.anim--reveal-top {
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0)
}

.anim--reveal-right {
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%)
}

.anim--lines .word {
	opacity: 0;
	transform: translate3d(0, 20px, 0);
	transition: all 600ms ease;
	transition-delay: calc(6ms * var(--word-index) + 100ms);
	display: inline-block
}

.in-view .anim--lines .word {
	opacity: 1;
	transform: none
}

.anim--to-top {
	opacity: 0;
	transform: translate3d(0, 50px, 0)
}

.anim--to-bottom {
	opacity: 0;
	transform: translate3d(0, -50px, 0)
}

.anim--to-right {
	opacity: 0;
	transform: translate3d(-100px, 0, 0)
}

.anim--to-left {
	opacity: 0;
	transform: translate3d(100px, 0, 0)
}

.anim--scale-normal {
	transform: scale(1.5)
}

.anim--scale-top {
	transform: scaleY(1.2) translate3d(0, 50px, 0);
	transform-origin: top;
	opacity: 0
}

.in-view .anim--to-top,
.in-view .anim--to-bottom,
.in-view .anim--scale-normal,
.in-view .anim--scale-top,
.in-view .anim--to-right,
.in-view .anim--to-left {
	transform: none;
	opacity: 1
}

[class*="anim--"] {
	transition: var(--trans-1200)
}

.in-view [class*="anim--reveal"] {
	-webkit-clip-path: inset(0);
	clip-path: inset(0)
}

.delay--2 {
	transition-delay: 150ms
}

.delay--3 {
	transition-delay: 300ms
}

.delay--4 {
	transition-delay: 450ms
}

.delay--5 {
	transition-delay: 600ms
}

.delay--6 {
	transition-delay: 750ms
}

@media (max-width: 767px) {
	.anim--to-bottom,
	.anim--from-bottom {
		transform: none !important
	}
}

.swiper-wrapper {
	opacity: 0;
	transition: var(--trans-600)
}

.swiper-initialized .swiper-wrapper {
	opacity: 1
}

.footer-menu-list li {
	margin-bottom: 5px
}

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

.footer-menu-list li a {
	padding: 3px 0;
	display: inline-block
}

.flex-separator {
	flex: 1;
	height: 1px
}

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

.cursor.cursor--outline {
	position: fixed;
	z-index: 999999999;
	z-index: 999999999999;
	top: -100px;
	left: -100px;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	background-image: url(https://bananadesign.gr/wp-content/uploads/2022/03/contact-cursor.png);
	transition: transform .1s linear, opacity 300ms ease;
	pointer-events: none;
	display: block !important;
	background-size: contain;
	opacity: 0
}

.cursor.cursor--outline.hovering {
	opacity: 1
}

.footer-menu a:hover {
	color: var(--color-accent) !important
}

.label--new:after {
	content: "New";
	background: var(--color-accent);
	font-size: 12px;
	color: #000;
	padding: 3px 7px 2px 7px;
	border-radius: 10px;
	line-height: 1;
	top: 0;
	right: 0;
	display: inline-block;
	margin-left: 5px;
	transform: translateY(-1px)
}

.menu-with-label {
	position: relative
}

.popup-container.active {
	opacity: 1;
	pointer-events: auto
}

.popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.65);
	height: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: all .6s ease
}

.popup-wrapper {
	width: 100%;
	max-height: 95%;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	z-index: 2
}

span.popup-close-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.popup-close {
	cursor: pointer
}

.popup-close .icon--close {
	color: var(--color-dark);
	border: 2px solid;
	font-weight: 600 !important
}

.popup-close .icon--close:hover {
	color: var(--color-brand)
}

.popup-wrapper.small--height {
	height: auto;
	padding: 100px 40px
}

.wpcf7-not-valid-tip {
	margin-top: 5px;
	font-size: 75%
}

.popup-wrapper input:-webkit-autofill,
.popup-wrapper input:-webkit-autofill:focus,
.popup-wrapper input:-webkit-autofill:hover,
.popup-wrapper select:-webkit-autofill,
.popup-wrapper select:-webkit-autofill:focus,
.popup-wrapper select:-webkit-autofill:hover,
.popup-wrapper textarea:-webkit-autofill,
.popup-wrapper textarea:-webkit-autofill:focus,
.popup-wrapper textarea:-webkit-autofill:hover {
	-webkit-text-fill-color: #fff;
	box-shadow: 0 0 0 1000px #152636 inset;
	-webkit-box-shadow: 0 0 0 1000px #152636 inset;
	transition: background-color 5000s ease-in-out 0s
}

.popup-wrapper input,
.popup-wrapper select,
.popup-wrapper textarea {
	margin-top: 7px
}

.transition-fade {
	transition: all 400ms 450ms ease-in-out;
	opacity: 1
}

html.is-animating .transition-fade {
	opacity: 0
}

.verm-icons>* {
	display: flex;
	position: relative;
	width: 66px;
	height: 66px;
	align-items: center;
	justify-content: center;
	border: 1px solid;
	border-radius: 50%;
	font-size: 24px;
	transition: var(--trans-600);
	color: var(--icon-color, var(--color-brand));
	border-color: var(--icon-border-color, var(--color-yellow))
}

@media (max-width: 767px) {
	.verm-icons>* {
		width: 45px;
		height: 45px;
		font-size: 19px
	}
}

.verm-icons>*:hover {
	color: var(--icon-hover-color, var(--color-yellow));
	border-color: var(--icon-hover-border-color, var(--color-yellow))
}

.verm-social-icon {
	text-decoration: none !important;
	margin-left: 10px
}

* ::-webkit-scrollbar {
	width: 13px;
	background-color: #F8F8F8
}

* ::-webkit-scrollbar-thumb {
	border-radius: 0;
	border: 4px solid #F8F8F8;
	background-color: var(--color-dark)
}

* ::-webkit-scrollbar-track {
	background-color: #F8F8F8
}

::selection {
	background-color: var(--color-accent);
	color: var(--color-brand)
}

.bg--accent *::selection,
.bellow-hero-homepage *::selection {
	background-color: var(--color-brand);
	color: var(--color-accent)
}

.full-wrapper,
.full-wrapper>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: absolute;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent);
	color: #fff;
	font-size: 11px;
	width: 100%;
	overflow: hidden;
	overflow-wrap: break-word;
	height: 20%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: unset
}

video,
iframe {
	max-width: 100%
}

.horizontal-separator {
	flex: 1;
	height: var(--separator-height, 1px)
}

.vertical-separator {
	width: var(--separator-width, 1px)
}

.swiper-slide-shadow {
	display: none
}

.grecaptcha-badge {
	transform: translateX(999999px) !important;
	opacity: 0 !important
}

.img--full {
	width: 100%;
	height: 100%;
	object-fit: cover
}

span.breadcrumb_last {
	color: var(--color-grey)
}

body.admin-bar {
	margin-top: -32px
}

body.admin-bar #page,
body.admin-bar header {
	margin-top: 32px
}

.inline-separator {
	height: 1px;
	display: block;
	flex: 1
}

.full-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (min-width: 768px) {
	.m--shown {
		display: none !important
	}
}

.general-template__content h2,
.general-template__content h3,
.general-template__content h4,
.general-template__content h5,
.general-template__content h6 {
	margin-bottom: 15px
}

.general-template__content h2:not(:first-child),
.general-template__content h3:not(:first-child),
.general-template__content h4:not(:first-child),
.general-template__content h5:not(:first-child),
.general-template__content h6:not(:first-child) {
	margin-top: 30px
}

.espa-banner {
	position: fixed;
	bottom: 10px;
	left: 10px;
	transition: all 600ms ease;
	z-index: 999999;
	width: 120px
}

.espa-banner img {
	box-shadow: 0 0 13px rgba(113, 113, 113, 0.47)
}

.espa-banner.hide-banner {
	transform: translateX(-110%);
	opacity: 0
}

:root {
	--icon-long-right: "\e903";
	--icon-booking: "\e905";
	--icon-check: "\e903";
	--icon-search: "\e900";
	--icon-pin: "\e901";
	--icon-telephone: "\e902";
	--icon-envelope: "\e904";
	--icon-send: "\e90d";
	--icon-pencil: "\e90e";
	--icon-close: "\e910";
	--icon-left: "\e911";
	--icon-right: "\e912";
	--icon-top: "\e913";
	--icon-bottom: "\e914";
	--icon-tiktok: "\e915";
	--icon-tripadvisor: "\e906";
	--icon-pinterest: "\e916";
	--icon-facebook: "\ea90";
	--icon-instagram: "\ea92";
	--icon-telegram: "\ea95";
	--icon-twitter: "\ea96";
	--icon-youtube: "\ea9d";
	--icon-linkedin: "\eaca"
}

.icon--long-right:before {
	content: var(--icon-long-right);
	font-size: inherit
}

.icon--booking:before {
	content: var(--icon-booking);
	font-size: inherit
}

.icon--check:before {
	content: var(--icon-check);
	font-size: inherit
}

.icon--search:before {
	content: var(--icon-search);
	font-size: inherit
}

.icon--pin:before {
	content: var(--icon-pin);
	font-size: inherit
}

.icon--telephone:before {
	content: var(--icon-telephone);
	font-size: inherit
}

.icon--envelope:before {
	content: var(--icon-envelope);
	font-size: inherit
}

.icon--send:before {
	content: var(--icon-send);
	font-size: inherit
}

.icon--pencil:before {
	content: var(--icon-pencil);
	font-size: inherit
}

.icon--close:before {
	content: var(--icon-close);
	font-size: inherit
}

.icon--left:before {
	content: var(--icon-left);
	font-size: inherit
}

.icon--right:before {
	content: var(--icon-right);
	font-size: inherit
}

.icon--top:before {
	content: var(--icon-top);
	font-size: inherit
}

.icon--bottom:before {
	content: var(--icon-bottom);
	font-size: inherit
}

.icon--tiktok:before {
	content: var(--icon-tiktok);
	font-size: inherit
}

.icon--tripadvisor:before {
	content: var(--icon-tripadvisor);
	font-size: inherit
}

.icon--pinterest:before {
	content: var(--icon-pinterest);
	font-size: inherit
}

.icon--facebook:before {
	content: var(--icon-facebook);
	font-size: inherit
}

.icon--instagram:before {
	content: var(--icon-instagram);
	font-size: inherit
}

.icon--telegram:before {
	content: var(--icon-telegram);
	font-size: inherit
}

.icon--twitter:before {
	content: var(--icon-twitter);
	font-size: inherit
}

.icon--youtube:before {
	content: var(--icon-youtube);
	font-size: inherit
}

.icon--linkedin:before {
	content: var(--icon-linkedin);
	font-size: inherit
}

@font-face {
	font-family: 'verm-icons';
	src: url(de6be162e2fdf00e6d48.woff2) format("woff2"), url(4f71e4d261ba010bd181.woff) format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^="icon--"],
[class*="icon--"] {
	font-family: 'verm-icons' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-flex;
	transition: var(--trans-600);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.normal-icon {
	border-radius: 50%
}

.normal-icon.has-link {
	cursor: pointer
}

.normal-icon:before {
	display: flex;
	border: 1px solid var(--color-grey);
	padding: 10px;
	font-size: 24px;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	align-items: center;
	justify-content: center
}

.social-links {
	position: relative
}

.social-links:before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	background: var(--color-accent)
}

.social-links:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: var(--color-accent)
}

.social-links div {
	width: 120px;
	text-align: center
}

.footer-reviews .footer-reviews__image {
	height: 0;
	padding-bottom: 33%;
	overflow: hidden;
	position: relative;
	margin-bottom: -12%
}

.footer-reviews .footer-reviews__image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.footer-reviews .footer-reviews__content>div {
	position: relative;
	z-index: 2
}

li.lang-item.current-lang {
	display: none
}

.verm-header {
	height: var(--header-height);
	width: 100%;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: 100;
	display: flex;
	align-items: center;
	transition: var(--trans-600)
}

.verm-header:before {
	content: "";
	position: absolute;
	width: calc(100% + 5px);
	height: 100%;
	top: 0;
	left: -2px;
	background-color: var(--header-bg, var(--color-light));
	transition: var(--trans-300);
	transform: translateY(-100%);
	z-index: 9
}

.header-brand .verm-header:before {
	background-color: var(--color-brand)
}

.verm-header .verm-header__inner {
	z-index: 10;
	height: 100%
}

@media (max-width: 1024px) {
	.verm-header {
		height: 90px;
		padding: var(--container-p-mobile) 0;
		--header-logo-sticky-color: var(--color-brand)
	}
	.verm-header .verm-header__right {
		min-height: 60px
	}
	.verm-header a.main-logo svg {
		width: 150px
	}
}

.verm-header .main-logo {
	color: var(--color-brand)
}

.verm-header .book-now-header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)
}

@media (max-width: 920px) {
	.verm-header .book-now-header {
		font-size: 10px;
		height: unset;
		padding: 10px
	}
}

ul#main-menu li {
	font-size: var(--font-17)
}

ul#main-menu li:not(:last-child) {
	margin-right: var(--sm-size)
}

.verm-menu {
	transition: var(--trans-300);
	z-index: 3;
	position: relative;
	pointer-events: auto
}

@media (max-width: 1024px) {
	.verm-menu {
		display: none
	}
}

.verm-menu-close-bg {
	content: "";
	width: 100vw;
	right: 0;
	top: 0;
	height: 100vh;
	background: rgba(205, 205, 205, 0.6);
	position: fixed;
	z-index: -1;
	opacity: 0;
	transition: all 600ms ease;
	pointer-events: none
}

.menu-active .verm-menu-close-bg {
	opacity: 1;
	pointer-events: auto;
	z-index: 8
}

.verm-menu-mobile {
	position: fixed;
	width: 500px;
	max-width: 100%;
	height: 100vh;
	padding: var(--lg-size);
	padding-top: calc(var(--header-height) + 20px);
	z-index: 9;
	right: 0;
	top: 0;
	transition: var(--trans-600);
	pointer-events: none;
	display: flex;
	flex-direction: column;
	transform: translateX(155%);
	background-color: #fff
}

.verm-menu-mobile .verm-menu__inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-bottom: var(--md-size)
}

@media (min-width: 767px) {
	.verm-menu-mobile .verm-menu__inner {
		align-items: flex-end;
		text-align: right
	}
}

.verm-menu-mobile li.menu-item:not(:last-child) {
	margin-bottom: 25px
}

@media (max-height: 850px) and (min-width: 1025px) {
	.verm-menu-mobile .verm-social-header {
		display: none !important
	}
}

@media (max-width: 1024px) {
	.verm-menu-mobile {
		width: 100%
	}
}

body.menu-active .verm-menu-mobile {
	pointer-events: auto;
	transform: none;
	opacity: 1
}

body.menu-active .verm-menu-mobile .verm-menu__inner>* {
	pointer-events: auto
}

.verm-header__right {
	pointer-events: auto
}

body.menu-active {
	overflow: hidden
}

.verm-header__right *:not(:hover) {
	border-color: var(--color-grey) !important
}

.verm-icons a[class*="social-"]:hover {
	transform: translateY(-10px) !important;
	transition: var(--trans-600) !important
}

.header-placeholder {
	height: var(--header-height)
}

.verm-header__center {
	pointer-events: auto
}

.verm-header__center {
	position: relative;
	pointer-events: auto
}

.verm-header__center svg {
	transition: var(--trans-600);
	fill: var(--header-logo-color, var(--color-brand));
	display: block
}

@media (max-width: 767px) {
	.verm-header__center svg {
		height: 60px;
		width: auto
	}
}

.current-menu-item {
	position: relative
}

.current-menu-item a {
	position: relative;
	z-index: 2
}

.current-menu-item a:before {
	content: "";
	width: 100%;
	height: 2px;
	background: currentColor;
	position: absolute;
	left: 0;
	bottom: -5px
}

.book-form-header {
	position: fixed;
	right: var(--container-p-mobile);
	top: var(--header-height);
	background: var(--color-accent-light);
	transition: var(--trans-600)
}

.book-form-header:not(.visible) {
	opacity: 0;
	pointer-events: none
}

.book-form-header form {
	border: 0 !important
}

.book-form-header form .booking-form__input-one:after {
	background: var(--color-white) !important
}

@media (max-width: 1024px) {
	.header-call-us {
		display: none
	}
}

.header-call-us a {
	border: 1px solid;
	padding: 5px 20px 3px;
	border-radius: 50px
}

.header-call-us a svg {
	width: 20px
}

li.lang-item a {
	display: block;
	background: var(--color-light);
	color: var(--color-brand);
	padding: var(--sm-size) 15px;
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)
}

@media (max-width: 920px) {
	li.lang-item a {
		padding: 10px;
		font-size: 10px
	}
}

@media (max-width: 767px) {
	.verm-header__center.col--flex.cols.align--center.justify--center.px--lg {
		order: 0;
		padding-left: 0;
		margin-left: -20px
	}
	.burger-toggle {
		order: 3
	}
}

@media (min-width: 768px) {
	body.enable--sticky-header .main-logo {
		pointer-events: none;
		opacity: 0
	}
}

.burger-toggle {
	position: relative;
	overflow: visible;
	margin: 0;
	padding: 0;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity, filter;
	text-transform: none;
	align-items: center;
	justify-content: center;
	z-index: 2;
	pointer-events: auto
}

.burger-toggle:hover .burger-inner {
	background: var(--color-accent)
}

.burger-toggle:hover .burger-inner span {
	background: var(--color-white)
}

.burger-toggle .burger-inner {
	background: var(--color-brand)
}

.burger-toggle .burger-inner:hover {
	background: var(--color-accent)
}

.burger-toggle .burger-inner:hover span {
	background: var(--color-white) !important
}

.burger-inner {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: var(--color-accent);
	border-radius: 50%;
	transition: var(--trans-600);
	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.05)
}

.burger-toggle>span,
.burger-toggle>div {
	z-index: 3
}

.burger-inner span {
	width: 50%;
	height: 2px;
	background: var(--icon-color, var(--color-white));
	display: block;
	margin: 4px 0;
	transition: var(--trans-600)
}

.burger-inner span:nth-child(1) {
	transform: scaleX(0.5);
	transform-origin: right
}

.burger-toggle.is-active .burger-inner span:nth-child(2) {
	transform: rotate(45deg) translateY(-3px) translateX(-3px)
}

.burger-toggle.is-active .burger-inner span:nth-child(1) {
	transform: rotate(-45deg) translateY(-7px) translateX(0)
}

.burger-toggle:hover span:nth-child(1) {
	transform: none
}

.bg--accent,
.bg--light {
	--color-content: var(--color-brand);
	--a-hover-color: var(--color-dark);
	--swiper-pagination-color: var(--color-brand)
}

:root {
	--btn-bg: transparent;
	--btn-hover-bg: var(--color-brand);
	--btn-color: var(--color-brand);
	--btn-hover-color: #fff;
	--btn-border-color: var(--color-brand)
}

.btn--white {
	--btn-hover-bg: var(--color-white);
	--btn-color: var(--color-white);
	--btn-hover-color: var(--color-brand);
	--btn-border-color: var(--color-white)
}

.the__button {
	display: inline-flex;
	border: 1px solid var(--btn-border-color);
	padding: var(--sm-size) var(--md-size);
	text-transform: uppercase;
	align-items: center;
	justify-content: center;
	line-height: 1.4;
	position: relative;
	text-align: center;
	background: var(--btn-bg);
	color: var(--btn-color);
	font-size: var(--font-14);
	letter-spacing: .1em;
	font-weight: 400
}

@media (max-width: 920px) {
	.the__button {
		font-size: 12px
	}
}

.the__button:hover,
.the__button.active {
	color: var(--btn-hover-color);
	background: var(--btn-hover-bg)
}

.the__button .wpcf7-submit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 10
}

div#btn-to-top {
	position: fixed;
	right: 15px;
	bottom: 120px;
	opacity: 0;
	transition: var(--trans-600);
	pointer-events: none
}

body.enable--sticky-header div#btn-to-top {
	opacity: 1;
	pointer-events: auto
}

.btn--sm {
	font-size: var(--font-12);
	padding: 15px 25px 12px 25px
}

.btn--sm .button-icon {
	width: 44px;
	height: 44px
}

input[type='email'],
input[type='search'],
input[type='number'],
input[type='url'],
input[type='tel'],
input[type='text'],
input[type='password'],
textarea,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 0 10px;
	margin-top: 0;
	max-width: 100%;
	width: 100%;
	border-bottom: 1px solid var(--border-color, var(--color-brand));
	box-shadow: none;
	vertical-align: middle;
	font-family: inherit;
	color: var(--input-color, var(--color-brand));
	background: transparent;
	font-size: var(--font-20)
}

@media (max-width: 767px) {
	input[type='email'],
	input[type='search'],
	input[type='number'],
	input[type='url'],
	input[type='tel'],
	input[type='text'],
	input[type='password'],
	textarea,
	select {
		padding: 12px 30px
	}
}

textarea {
	height: 150px
}

input[type='email']::placeholder,
input[type='date']::placeholder,
input[type='search']::placeholder,
input[type='number']::placeholder,
input[type='text']::placeholder,
input[type='tel']::placeholder,
input[type='url']::placeholder,
input[type='password']::placeholder,
textarea::placeholder {
	color: var(--placeholder-color, var(--color-brand))
}

.wpcf7-not-valid-tip {
	margin-top: 5px
}

.wpcf7-list-item:first-child {
	margin-left: 0
}

.wpcf7-acceptance label {
	display: flex;
	align-items: center;
	cursor: pointer
}

.single-checkbox input[type="checkbox"],
.comment-form-cookies-consent input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	min-height: 30px;
	border: 2px solid var(--checkbox-bg, var(--color-accent));
	transition: var(--trans-600);
	outline: none;
	margin-right: 10px;
	cursor: pointer;
	position: relative
}

.single-checkbox input[type="checkbox"]:after,
.comment-form-cookies-consent input[type="checkbox"]:after {
	content: "\f107";
	font-family: 'verm-icons';
	color: var(--checkbox-color, var(color-white));
	font-size: 17px;
	line-height: 1;
	transition: var(--trans-600);
	position: relative;
	z-index: 2;
	opacity: 0
}

.single-checkbox input[type="checkbox"]:before,
.comment-form-cookies-consent input[type="checkbox"]:before {
	content: "";
	background-color: var(--checkbox-bg, var(--color-accent));
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	transition: var(--trans-600);
	transform: scale(0);
	transition-delay: 300ms !important
}

.single-checkbox input[type="checkbox"]:checked:before,
.comment-form-cookies-consent input[type="checkbox"]:checked:before {
	transform: none;
	transition-delay: 0ms !important
}

.single-checkbox input[type="checkbox"]:checked,
.comment-form-cookies-consent input[type="checkbox"]:checked {
	border-color: transparent
}

.single-checkbox input[type="checkbox"]:checked:after,
.comment-form-cookies-consent input[type="checkbox"]:checked:after {
	opacity: 1;
	transition-delay: 200ms !important
}

form.wpcf7-form>* {
	transition: var(--trans-600)
}

form.wpcf7-form.submitting>* {
	opacity: .6;
	pointer-events: none
}

.the__button .wpcf7-spinner {
	position: absolute;
	background: var(--checkbox-bg, var(--color-accent));
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 2;
	border-radius: 50px;
	margin: unset
}

.the__button .wpcf7-spinner::before {
	content: '';
	position: relative;
	background-color: #fbfbfc;
	top: unset;
	left: unset;
	width: 15px;
	height: 15px;
	border: none;
	border-radius: 100%;
	transform-origin: 35% 35%;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.wpcf7-form-control-wrap {
	position: unset
}

.newsletter-form .wpcf7-email {
	border: 0 !important
}

.newsletter-form {
	width: 100%;
	border: 1px solid var(--border-color, var(--color-accent));
	border-radius: 100px
}

.newsletter-form .wpcf7-not-valid-tip {
	position: absolute;
	margin-top: 10px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	box-shadow: 0 0 0px 1000px transparent inset;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: var(--input-color, var(--color-brand))
}

@media (min-width: 768px) {
	.um-full-width-child>* {
		width: 100%
	}
}

input[type="checkbox"],
input[type="radio"] {
	width: 39px;
	height: 39px;
	border: 2px solid var(--color-accent);
	border-radius: 50%;
	margin-right: 18px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

input[type="checkbox"].color--brand,
input[type="radio"].color--brand {
	border-color: var(--color-brand)
}

input[type="checkbox"].color--brand:checked,
input[type="radio"].color--brand:checked {
	border-color: var(--color-brand)
}

input[type="checkbox"].color--brand:after,
input[type="radio"].color--brand:after {
	background: var(--color-brand)
}

input[type="checkbox"]:after,
input[type="radio"]:after {
	content: "";
	width: 11px;
	height: 11px;
	background: var(--color-accent);
	border-radius: 50%;
	margin-left: 1px;
	margin-top: 1px;
	transform: scale(0);
	transition: var(--trans-600)
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
	transform: none
}

section.contact-form-container .wpcf7-response-output {
	color: var(--color-light);
	border: 0;
	background: var(--color-brand);
	padding: 10px;
	text-align: center;
	font-size: 70%
}

.bg--dark section.contact-form-container .wpcf7-response-output {
	background: var(--color-light);
	color: var(--color-brand)
}

.booking-form form {
	display: flex;
	align-items: center;
	border: 1px solid var(--color-brand)
}

.booking-form form .booking-form__input-one {
	position: relative
}

.booking-form form .booking-form__input-one:after {
	content: "";
	width: 1px;
	height: 35px;
	position: absolute;
	right: 0;
	background: var(--color-accent);
	top: 20px
}

.booking-form form>div {
	flex: 1 0 33.33333%
}

.booking-form form input {
	height: 80px;
	margin: 0;
	border: 0;
	padding: 10px 25px;
	outline: none;
	box-shadow: none;
	font-size: var(--font-14);
	width: 100%;
	text-align: center
}

.booking-form form input[type="submit"] {
	background: var(--color-brand);
	color: white;
	flex-shrink: 0;
	cursor: pointer;
	margin-right: -2px
}

section.homepage-hero .swiper-slide {
	position: relative
}

@media (min-width: 921px) {
	section.homepage-hero .swiper-slide {
		min-height: 100vh
	}
}

@media (max-width: 920px) {
	section.homepage-hero .swiper-slide {
		height: 0;
		padding-bottom: 70%
	}
}

section.homepage-hero .swiper-slide img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover
}

section.homepage-suites-promo .swiper-slide {
	height: 0;
	padding-bottom: 22%;
	position: relative;
	overflow: hidden
}

section.homepage-suites-promo .swiper-slide img {
	position: absolute;
	height: 100%;
	width: 100%;
	inset: 0;
	object-fit: cover
}

@media (max-width: 767px) {
	section.homepage-suites-promo .swiper-slide {
		padding-bottom: 55%
	}
}

section.homepage-hero:before {
	content: "";
	width: 100%;
	height: 30%;
	background: linear-gradient(180deg, var(--color-brand), transparent);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: .5;
	pointer-events: none
}

section.homepage-hero:after {
	content: "";
	width: 100%;
	height: 30%;
	background: linear-gradient(0deg, var(--color-brand), transparent);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: .5;
	pointer-events: none
}

section.homepage-hero .featured-carousel__btns {
	position: absolute;
	bottom: var(--container-p-mobile);
	width: calc(100% - 2 * var(--container-p-mobile));
	left: var(--container-p-mobile);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 3
}

section.homepage-hero .carousel-content {
	position: absolute;
	bottom: var(--container-p-mobile);
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 3
}

.homepage-about-serifos .swiper-slide {
	height: 0;
	padding-bottom: 22%;
	position: relative;
	overflow: hidden
}

.homepage-about-serifos .swiper-slide img {
	position: absolute;
	height: 100%;
	width: 100%;
	inset: 0;
	object-fit: cover
}

@media (max-width: 767px) {
	.homepage-about-serifos .swiper-slide {
		padding-bottom: 55%
	}
}

section.single-room-container ul {
	margin-top: var(--md-size);
	margin-left: 25px
}

@media (min-width: 768px) {
	section.single-room-container ul {
		list-style: disc;
		column-count: 2
	}
	section.single-room-container ul li {
		font-size: 85%;
		margin-right: 50px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid var(--color-accent-light);
		break-inside: avoid-column
	}
}

.post-item .col-item__image {
	height: 0;
	padding-bottom: 44%;
	position: relative;
	border-radius: 25px;
	overflow: hidden
}

@media (max-width: 767px) {
	.post-item .col-item__image {
		padding-bottom: 100%
	}
}

.post-item .col-item__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0
}

.post-item .col-item__date {
	padding: 11px 25px;
	border-radius: 50px;
	line-height: 1;
	background: var(--color-light-yellow);
	display: inline-block
}

.post-item__category span a {
	border: 1px solid;
	padding: 11px 25px;
	border-radius: 50px;
	line-height: 1
}

.post-item__category span a:hover {
	color: #fff;
	border-color: var(--color-brand);
	background: var(--color-brand)
}

.col--50>.post-item .col-item__inner {
	display: block;
	max-width: 460px
}

.col--50>.post-item .col-item__inner .col-item__image {
	width: 100%;
	padding-bottom: 114%;
	margin-bottom: var(--md-size);
	border-radius: 25px;
	overflow: hidden
}

.col--50>.post-item .col-item__inner .col-item__content {
	width: 100%
}

.col--50>.post-item .col-item__inner .col-item__content-bottom {
	justify-content: space-between
}

.featured-posts-wrapper:not(.active) {
	opacity: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	pointer-events: none
}

.featured-posts-wrapper>div {
	transition: opacity 600ms ease, transform 600ms ease
}

.featured-posts-wrapper:not(.active)>div {
	opacity: 0
}

@media (min-width: 768px) {
	.posts-wrapper .col--50:nth-child(2n+1) {
		padding-top: var(--xlg-size);
		display: flex;
		justify-content: flex-end
	}
	.posts-wrapper .col--50:nth-child(2n+1)>* {
		margin-left: auto
	}
}

nav.archive-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between
}

nav.archive-pagination:before,
nav.archive-pagination:after {
	content: "";
	flex: 1;
	background: var(--color-brand);
	height: 2px;
	display: block
}

nav.archive-pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 0 var(--md-size)
}

nav.archive-pagination ul li>* {
	padding: 10px;
	border-radius: 50%;
	height: 45px;
	width: 45px;
	display: block;
	color: var(--color-dark)
}

nav.archive-pagination ul li>*.current {
	background: var(--color-brand);
	color: #fff
}

.mini-about img {
	margin: 0 auto;
	display: block;
	margin-bottom: -60px;
	transform: translateY(-83px)
}

.social-share-icons a {
	border: 0;
	width: auto;
	height: auto
}

ul.table-of-content-wrapper {
	list-style: disc;
	margin-left: 20px;
	font-size: 16px;
	line-height: 1.2
}

ul.table-of-content-wrapper li:not(:last-child) {
	margin-bottom: 10px
}

.single-post #page {
	overflow: initial
}

.single-service__center p a {
	text-decoration: underline;
	text-underline-position: under;
	text-decoration-color: var(--color-accent)
}

blockquote.wp-block-quote p:nth-child(1):after {
	content: "";
	width: 1px;
	height: 60px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: var(--color-accent)
}

blockquote.wp-block-quote p:nth-child(1):before {
	content: "";
	width: 1px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--color-accent)
}

blockquote.wp-block-quote:after {
	content: "";
	width: 90%;
	height: 1px;
	top: 0;
	left: 0;
	background: var(--color-accent);
	position: absolute
}

blockquote.wp-block-quote:before {
	content: "";
	width: 90%;
	height: 1px;
	background: var(--color-accent);
	position: absolute;
	bottom: 0;
	right: 0
}

blockquote.wp-block-quote {
	margin: 50px;
	position: relative;
	padding: 40px
}

cite {
	margin-top: 15px;
	display: inline-block;
	color: var(--color-accent)
}

.tiled-gallery__row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px
}

.tiled-gallery__row .tiled-gallery__col {
	display: flex;
	flex-direction: column
}

.tiled-gallery__row figure {
	height: 100%
}

.tiled-gallery__row figure+figure {
	padding-top: 10px
}

.tiled-gallery__row img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.wp-block-image figcaption {
	font-size: 70%;
	margin-top: 15px
}

.wp-block-gallery+.wp-block-gallery {
	margin-top: -25px !important
}

.juxtapose {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 25px
}

.juxtapose img {
	width: 50%
}

.accordion-container {
	position: relative;
	width: 100%
}

.accordion-container .accordion-item {
	overflow: hidden;
	margin-bottom: 10px
}

.accordion-container .accordion-item.show .accordion-content {
	display: block
}

.accordion-container .accordion-item .accordion-title {
	display: flex;
	align-items: center;
	padding: 0 40px var(--sm-size) 0;
	margin-bottom: 20px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	position: relative;
	transition: var(--trans-600)
}

.accordion-item .accordion-icon {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 0;
	box-sizing: border-box;
	transition: var(--trans-600);
	transform: rotate(180deg)
}

.accordion-icon:before {
	content: "";
	display: block;
	width: 24px;
	height: 0px;
	border-bottom: 2px solid var(--color-accent);
	position: absolute;
	bottom: 11px;
	transform: rotate(90deg);
	transition: var(--trans-600)
}

.accordion-icon:after {
	content: "";
	display: block;
	width: 24px;
	height: 0px;
	border-bottom: 2px solid var(--color-accent);
	position: absolute;
	bottom: 11px
}

.accordion-item.show .accordion-icon:before {
	opacity: 0
}

.accordion-container .accordion-item .accordion-content {
	display: none;
	overflow: hidden;
	height: 0
}

.accordion-container .accordion-item .accordion-content .accordion-wrapper {
	position: relative;
	overflow: hidden;
	padding: var(--sm-size) 0 var(--md-size) 0
}

.accordion-container .accordion-item .accordion-content .accordion-wrapper p:last-child {
	margin-bottom: 0 !important
}

.accordion-item.show .accordion-title {
	color: var(--color-light)
}

.accordion-item.show .accordion-icon:before,
.accordion-item.show .accordion-icon:after {
	border-color: var(--color-accent)
}

.wpcf7 label {
	color: var(--label-color, var(--color-accent))
}

.search-form-container.popup-container {
	background: transparent;
	opacity: 1
}

.search-form-container.popup-container .search-form__inner {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.search-form-container.popup-container .search-form__inner .search-form {
	width: 100%;
	height: 50vh;
	background: var(--color-light);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate3d(0, -100%, 0);
	transition: var(--trans-900)
}

body.active-popup .search-form-container.popup-container .search-form__inner .search-form {
	transform: none
}

.search-form-container.popup-container .search-form__inner .search-form .searchsubmit span:before {
	transition: var(--trans-600)
}

.search-form-container.popup-container .search-form__inner .search-form .searchsubmit span:hover:before {
	border-color: var(--color-yellow);
	color: var(--color-yellow)
}

.search-form-container.popup-container .search-form__inner .search-form__suggestions {
	width: 100%;
	height: 50vh;
	background: var(--color-light-yellow);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate3d(0, 100%, 0);
	transition: var(--trans-900)
}

body.active-popup .search-form-container.popup-container .search-form__inner .search-form__suggestions {
	transform: none
}

.search-item .post-type {
	font-size: var(--font-12);
	background: var(--color-light-yellow);
	padding: 5px 15px 4px 15px;
	position: absolute;
	top: 5px;
	right: 5px;
	border-radius: 10px;
	z-index: 3
}

.tilted-title {
	display: inline-flex;
	flex-direction: column;
	transform: rotate(-6deg);
	font-family: var(--font-alt);
	font-weight: 900;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	outline: 1px solid transparent
}

.tilted-title>span {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: var(--sm-size) var(--md-size);
	white-space: nowrap
}

.tilted-title>span:not(:first-child) {
	margin-top: calc(-.7 * var(--sm-size))
}

.tilted-title>span.accent-brand {
	background: var(--color-accent);
	color: var(--color-brand)
}

.tilted-title>span.light-dark {
	background: var(--color-light);
	color: var(--color-dark)
}

.tilted-title>span.dark-accent {
	background: var(--color-dark);
	color: var(--color-accent)
}

.tilted-title>span.brand-accent {
	background: var(--color-brand);
	color: var(--color-accent)
}

.tilted-title>span.brand-light {
	background: var(--color-brand);
	color: var(--color-light)
}

.pulse {
	width: 14px;
	margin: -3px 6px 0 6px
}

.designous-credits>a:hover {
	color: #7bccc1 !important;
	text-decoration: none !important
}

.designous-credits .pulse {
	-webkit-animation: pulse .7s linear infinite;
	-moz-animation: pulse .7s linear infinite;
	-ms-animation: pulse .7s linear infinite;
	animation: pulse .7s linear infinite;
	vertical-align: -3px
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-moz-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.bg-div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.bg--dark-light {
	background: linear-gradient(to bottom, var(--color-dark), var(--color-light))
}

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

.room-subtitle {
	padding: 10px var(--sm-size);
	border: 1px solid var(--color-accent);
	display: inline-flex;
	align-items: center;
	border-radius: 50px;
	font-size: 14px
}

.room-subtitle svg {
	width: 20px;
	height: 20px;
	object-fit: contain
}

.swiper-slide-active [class*="anim--reveal"] {
	-webkit-clip-path: inset(0);
	clip-path: inset(0)
}

.swiper-slide-active [class*="anim--to"] {
	transform: none;
	opacity: 1
}

:root {
	--pagination-bullet-bg: rgba(255, 255, 255, .2);
	--pagination-bullet-bg-active: #fff;
	--pagination-bullet-border: #fff
}

.swiper-pagination-bullet {
	opacity: 1;
	background: var(--pagination-bullet-bg);
	border: 1px solid var(--pagination-bullet-border);
	--pagination-bullet-size: 12px;
	width: var(--pagination-bullet-size);
	height: var(--pagination-bullet-size);
	margin: 7px !important;
	display: block;
	transition: var(--trans-600)
}

.swiper-pagination-bullet-active {
	width: calc(var(--pagination-bullet-size) + 10px);
	border-radius: 20px;
	background: var(--pagination-bullet-bg-active)
}

.vertical-pagination .swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 10;
	top: 50%;
	right: var(--container-p-mobile);
	display: flex;
	flex-direction: column;
	width: unset !important;
	left: unset !important;
	bottom: unset !important
}

.vertical-pagination .swiper-pagination-bullet-active {
	width: var(--pagination-bullet-size);
	height: calc(var(--pagination-bullet-size) + 10px);
	border-radius: 20px
}

.image-arc-wrapper img {
	border-top-right-radius: 400px;
	border-top-left-radius: 400px
}

.carousel-inline-btns .carousel__pagination {
	position: relative;
	display: flex;
	justify-content: center;
	inset: unset;
	margin-top: var(--sm-size)
}

.carousel-inline-btns .featured-carousel__btns {
	position: absolute;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
	z-index: 11
}

.carousel-inline-btns .featured-carousel__btns>div {
	pointer-events: auto
}

.pagination--brand {
	--pagination-bullet-bg: rgba(255, 255, 255, .2);
	--pagination-bullet-bg-active: var(--color-brand);
	--pagination-bullet-border: var(--color-brand)
}

.hide--arrows .featured-carousel__btns {
	display: none !important
}

.vertical-image {
	height: 0;
	padding-bottom: 57%;
	position: relative;
	overflow: hidden
}

.vertical-image>* {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (min-width: 768px) {
	.column--two {
		column-count: 2
	}
}

.column--two>* {
	margin-right: 30px;
	column-span: none;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid var(--color-brand);
	font-size: var(--font-16)
}

.the__content ul {
	list-style: disc;
	margin-left: 20px
}

.the__content ul li:not(:last-child) {
	margin-bottom: 7px
}

section.hero-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

section.hero-image {
	height: 0;
	padding-bottom: 30%;
	position: relative;
	overflow: hidden
}

@media (min-width: 768px) {
	.faqpage-hero .col--55 {
		margin-left: -3%
	}
}

.datepicker {
	display: none
}

.datepicker.active {
	display: block
}

.datepicker-dropdown {
	left: 0;
	padding-top: 4px;
	position: absolute;
	top: 0;
	z-index: 1000
}

.datepicker-dropdown.datepicker-orient-top {
	padding-bottom: 4px;
	padding-top: 0
}

.datepicker-picker {
	background-color: var(--color-white);
	border-radius: .25rem;
	display: inline-block;
	color: var(--color-brand)
}

.datepicker-dropdown .datepicker-picker {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
}

.datepicker-picker span {
	-webkit-touch-callout: none;
	border: 0;
	border-radius: .25rem;
	cursor: default;
	display: block;
	flex: 1;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.datepicker-main {
	padding: 2px
}

.datepicker-footer {
	background-color: #f8f9fa;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}

.datepicker-controls,
.datepicker-grid,
.datepicker-view,
.datepicker-view .days-of-week {
	display: flex
}

.datepicker-grid {
	flex-wrap: wrap
}

.datepicker-view .days .datepicker-cell,
.datepicker-view .dow {
	flex-basis: 14.2857142857%
}

.datepicker-view.datepicker-grid .datepicker-cell {
	flex-basis: 25%
}

.datepicker-cell,
.datepicker-view .week {
	height: 2.25rem;
	line-height: 2.25rem
}

.datepicker-title {
	background-color: #f8f9fa;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
	font-weight: 700;
	padding: .375rem .75rem;
	text-align: center
}

.datepicker-header .datepicker-controls {
	padding: 2px 2px 0
}

.datepicker-controls .btn {
	background-color: var(--color-white);
	border-color: #f8f9fa
}

.datepicker-controls .btn:focus,
.datepicker-controls .btn:hover {
	background-color: #e2e6ea;
	border-color: #dae0e5;
	color: #000
}

.datepicker-controls .btn:focus {
	box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5)
}

.datepicker-controls .btn:disabled {
	background-color: #f8f9fa;
	border-color: #f8f9fa;
	color: #000
}

.datepicker-controls .btn:not(:disabled):active {
	background-color: #dae0e5;
	border-color: #d3d9df;
	color: #000
}

.datepicker-controls .btn:not(:disabled):active:focus {
	box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5)
}

.datepicker-header .datepicker-controls .btn {
	border-color: transparent;
	font-weight: 700
}

.datepicker-footer .datepicker-controls .btn {
	border-radius: .2rem;
	font-size: .875rem;
	margin: calc(.375rem - 1px) 0.375rem;
	width: 100%
}

.datepicker-controls .view-switch {
	flex: auto
}

.datepicker-controls .next-btn,
.datepicker-controls .prev-btn {
	padding-left: .375rem;
	padding-right: .375rem;
	width: 2.25rem
}

.datepicker-controls .next-btn.disabled,
.datepicker-controls .prev-btn.disabled {
	visibility: hidden
}

.datepicker-view .dow {
	font-size: .9375rem;
	font-weight: 700;
	height: 1.5rem;
	line-height: 1.5rem
}

.datepicker-view .week {
	color: #dee2e6;
	font-size: .875rem;
	width: 2.25rem
}

@media (max-width: 22.5rem) {
	.datepicker-view .week {
		width: 1.96875rem
	}
}

.datepicker-grid {
	width: 15.75rem
}

@media (max-width: 22.5rem) {
	.calendar-weeks+.days .datepicker-grid {
		width: 13.78125rem
	}
}

.datepicker-cell:not(.disabled):hover {
	background-color: #f9f9f9;
	cursor: pointer
}

.datepicker-cell.focused:not(.selected) {
	background-color: #e2e6ea
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
	background-color: var(--color-brand);
	color: var(--color-white);
	font-weight: 600
}

.datepicker-cell.disabled {
	color: #adb5bd
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
	color: color("gray")
}

.datepicker-cell.next.selected,
.datepicker-cell.prev.selected {
	color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
	background-color: #f8f9fa;
	border-radius: 0
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
	background-color: #f1f3f5
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
	background-color: #e2e6ea
}

.datepicker-cell.today:not(.selected) {
	background-color: #20c997
}

.datepicker-cell.today:not(.selected):not(.disabled) {
	color: var(--color-white)
}

.datepicker-cell.today.focused:not(.selected) {
	background-color: #1ebe8f
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
	background-color: #6c757d;
	color: var(--color-white)
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
	background-color: #666f76
}

.datepicker-cell.range-start {
	border-radius: .25rem 0 0 .25rem
}

.datepicker-cell.range-end {
	border-radius: 0 .25rem .25rem 0
}

.datepicker-cell.range {
	background-color: #e9ecef;
	border-radius: 0
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
	background-color: #e2e6ea
}

.datepicker-cell.range.disabled {
	color: #cbd3da
}

.datepicker-cell.range.focused {
	background-color: #dadfe4
}

.datepicker-view.datepicker-grid .datepicker-cell {
	height: 4.5rem;
	line-height: 4.5rem
}

section.room-archive .rooms-carousel-item:not(:last-child) {
	border-bottom: 1px solid #ccc;
	padding-bottom: var(--xlg-size);
	margin-bottom: var(--xlg-size)
}

.grid-sizer,
.grid-item {
	width: 33.33333%;
	padding: 5px
}

.grid-sizer img,
.grid-item img {
	width: 100%;
	height: auto
}

.rooms-item .carousel {
	height: 100%;
	min-height: 250px;
	position: relative
}

.rooms-item .carousel img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.rooms-item .featured-carousel__btns {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0
}

.rooms-item .featured-carousel__btns>[class^="btn-"] {
	width: 50px;
	height: 50px;
	background: var(--color-light);
	color: var(--color-brand);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	transition: var(--trans-600)
}

.rooms-item .featured-carousel__btns>[class^="btn-"]:hover {
	background: var(--color-brand);
	color: var(--color-white)
}

.rooms-item .swiper-pagination {
	position: absolute;
	text-align: left;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 100px);
	left: unset !important;
	height: 50px;
	align-items: center
}

.rooms-item ul {
	width: max-content;
	border-left: 1px solid var(--color-accent-light)
}

.rooms-item ul li {
	margin-bottom: 5px;
	padding: 0 15px 5px 15px;
	border-bottom: 1px solid var(--color-accent-light);
	font-size: var(--font-16)
}

.rooms-item ul li:last-child {
	border: 0
}

@media (min-width: 768px) {
	.featured-rooms-wrapper .rooms-item:nth-child(even) .rooms-item__inner>.cols {
		flex-direction: row
	}
}