@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project: Resonance
Version: 1.0.3
Last change: 26 November 2023
Primary use: Multipurpose Template
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Icon fonts.
2. Variables.
3. Common styles.
4. Page loader.
5. Typography.
    5.1. Headings styles.
6. Links.
7. Buttons.
    7.1. Mobile menu button fix.
8. Forms fields.
    8.1. Input underline.
    8.2. Input Gradient.
9. Home sections.
    9.1. Header common styles.
    9.2. Scroll down icon.
    9.3. Scroll down icon type 1.
    9.4. Scroll down icon type 2.
    9.5. Scroll down type 3.
    9.6. Scroll down icon type 4.
    9.7. Home section status.
    9.8. Home section social media links.
    9.9. HTML5 BG Video.
    9.10. Section edge figure.
    9.11. Section BG svg shape.
    9.12. Fullwidth gallery.
    9.13. Typed text.
    9.14. Stack Images.
10. Custom appear animation.
    10.1. Splitting JS chars animation.
    10.2. Splitting JS chars animation 1.
    10.3. Splitting JS chars animation 2.
    10.4. Splitting JS chars animation long.
    10.5. Splitting JS chars animation long 1.
    10.6. Splitting JS words animation.
    10.7. Splitting JS lines animation.
    10.8. Splitting JS lines animation long.
    10.9. Appearing animation styles.
11. Classic menu bar.
    11.1. Logo (in navigation panel).
    11.2. Menu sub.
    11.3. Menu sub multi.
    11.4. Mobile nav.
    11.5. Mobile nav menu sub.
    11.6. Mobile nav menu sub multi.
    11.7. Dark panel style.
    11.8. Transparent panel style.
    11.9. Menu social links.
12. Sections styles.
    12.1. Common section styles.
    12.2. Decorative elements.
    12.3. Marquee text line.
13. Split section.
14. Services.
15. Services 2.
16. Services 3.
17. Services 4.
18. Services 5.
19. Services 6.
20. Services 7.
21. Services 8.
22. Team.
23. Team 1.
24. Features.
25. Features 1.
26. Features 2.
27. Alt features.
28. Spot box.
29. Numbers.
    29.1. Numbers 1.
    29.2. Numbers 2.
    29.3. Numbers 3.
30. Steps.
    30.1. Steps 1.
    30.2. Steps 2.
31. Portfolio.
    31.1. Works filter.
    31.2. Works grid.
32. Portfolio 1.
33. Portfolio 2.
34. Portfolio 3.
35. Portfolio 4.
36. Portfolio 5.
37. Call action 1 section.
38. Call action 2 section.
39. Call action 3 section.
40. Call action 4 section.
41. Images compositions.
    41.1. Images composition 1.
    41.2. Images composition 2.
    41.3. Images composition 3.
    41.4. Images composition 4.
    41.5. Images composition 5.
    41.6. Images composition 6.
    41.7. Images composition 7.
    41.8. Images composition 8.
    41.9. Images composition 9.
42. Work process.
43. Logotypes.
    43.1. Logo carousel.
    43.2. Logo grid.
44. Post previews.
45. Post previews 1.
46. Post previews 2.
47. Post previews 3.
48. Newsletter.
    48.1. Newsletter elegant.
    48.2. Newsletter strong.
    48.3. Newsletter modern.
49. Contact.
50. Contact 1.
51. Contact 2.
52. Google maps.
53. Footer.
54. Footer 1.
55. Footer 2.
56. Blog.
    56.1. Pagination.
    56.2. Comments.
    56.3. Sidebar.
57. Pricing.
58. Shortcodes.
    58.1. Lightbox modal.
    58.2. Owl carousel.
    58.3. Testimonials 4.
    58.4. Testimonials 5.
    58.5. Testimonials 6.
    58.6. Tabs.
    58.7. Tabs minimal.
    58.8. Tabs alternative.
    58.9. Tooltips.
    58.10. Alert messages.
    58.11. Accordion.
    58.12. Toggle.
    58.13. Accorfion style 1.
    58.14. Progress bars.
    58.15. Alt progress bars.
    58.16. Icons examples.
    58.17. Morphext.
59. Skip to content link.
60. Cookies.
61. Intro page.
-------------------------------------------------------------------*/

/* ==============================
   Icon fonts
   ============================== */

@import url("icons.css");
@import url("icomoon.css");
@import url("font-awesome-brands.css");

/* ==============================
   Variables
   ============================== */

:root {
	--font-global: "DM Sans", sans-serif;
	--font-alt: "DM Sans", sans-serif;
	--font-serif: Georgia, "Times New Roman", Times, serif;
	--full-wrapper-margin-x: 30px;
	--container-width: 1350px;
	--section-padding-y: 120px;
	--menu-bar-height: 85px;
	--menu-bar-height-scrolled: 65px;
	--color-dark-1: #010101;
	--color-dark-2: #171717;
	--color-dark-3: #272727;
	--color-dark-3a: #333;
	--color-dark-4: #555;
	--color-gray-1: #757575;
	--color-gray-2: #888;
	--color-gray-3: #999;
	--color-gray-light-1: #f1f1f1;
	--color-gray-light-2: #f7f7f7;
	--color-gray-light-3: #e5e5e5;
	--color-gray-light-4: #d5d5d5;
	--color-gray-light-5: #ccc;
	--color-gray-light-6: #bbb;
	--color-dark-mode-gray-1: rgba(255, 255, 255, 0.7);
	--color-dark-mode-gray-2: rgba(255, 255, 255, 0.1275);
	--color-primary-1: #4567ed;
	--color-primary-1-a: #375ae3;
	--color-primary-light-1: #e3effe;
	--color-primary-light-1-a: #bcd1f1;
	--color-primary-2: #7752e7;
	--color-primary-light-2: #e7defe;
	--color-primary-3: #b947d9;
	--color-primary-light-3: #f7defe;
	--color-primary-4: #e748b1;
	--color-primary-light-4: #ffe1f5;
	--color-secondary-1: #fbe3a1;
	--gradient-primary-1: linear-gradient(
		90deg,
		var(--color-primary-4) 0%,
		var(--color-primary-3) 33%,
		var(--color-primary-2) 67%,
		var(--color-primary-1) 100%
	);
	--gradient-primary-1-a: linear-gradient(
		90deg,
		var(--color-primary-4) 25%,
		var(--color-primary-3) 40%,
		var(--color-primary-2) 60%,
		var(--color-primary-1) 75%
	);
	--gradient-primary-1-b: linear-gradient(
		45deg,
		var(--color-primary-4) 0%,
		var(--color-primary-3) 33%,
		var(--color-primary-2) 67%,
		var(--color-primary-1) 100%
	);
	--gradient-primary-1-c: linear-gradient(
		0deg,
		var(--color-primary-4) 0%,
		var(--color-primary-3) 33%,
		var(--color-primary-2) 67%,
		var(--color-primary-1) 100%
	);
	--gradient-gray-light-1: linear-gradient(0deg, #f5f5f5 0%, #fff 100%);
	--gradient-gray-light-2: linear-gradient(0deg, #fff 0%, #f5f5f5 100%);
	--gradient-dark-alpha-1: linear-gradient(90deg, var(--color-dark-1) 40%, transparent 87%);
	--gradient-dark-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-dark-1) 60%);
	--gradient-primary-alpha-1: linear-gradient(90deg, var(--color-primary-1) 40%, transparent 87%);
	--gradient-primary-alpha-2: linear-gradient(90deg, transparent 13%, var(--color-primary-1) 60%);
	--border-radius-default: 4px;
	--border-radius-large: 30px;
	--box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03),
		0px 3px 5px 0px rgba(0, 0, 0, 0.03);
	--box-shadow-strong: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06),
		0px 3px 5px 0px rgba(0, 0, 0, 0.06);
	--box-shadow-block: 0px 3px 50px 0px rgba(0, 0, 0, 0.05);
	--box-shadow-block-strong: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);
	--transition-default: all 0.27s cubic-bezier(0, 0, 0.58, 1);
	--ease-default: cubic-bezier(0, 0, 0.58, 1);
	--ease-out-long: cubic-bezier(0, 0.5, 0, 1);
	--ease-out-medium: cubic-bezier(0, 0.57, 0.55, 1);
	--ease-out-short: cubic-bezier(0.15, 0.7, 0.78, 1);
	--ease-elastic-1: cubic-bezier(0.68, -0.55, 0.27, 1.55);
	--ease-elastic-2: cubic-bezier(0.68, -3, 0.27, 5);
}

/* ==============================
   Common styles
   ============================== */

:root {
	scroll-behavior: auto;
}
html {
	-ms-overflow-style: scrollbar;
}
body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
main {
	overflow: clip;
}
iframe {
	border: none;
}
a,
b,
div,
ul,
li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-moz-outline-: none;
}
a:focus:not(.focus-visible),
a:active,
section:focus,
div:active,
div:focus {
	-moz-outline: none;
	outline: none;
}
a:focus.focus-visible,
button:focus.focus-visible,
div:focus.focus-visible {
	-moz-outline: 3px dotted #36a367 !important;
	outline: 3px dotted #36a367 !important;
	outline-offset: 0 !important;
}
img:not([draggable]),
embed,
object,
video {
	max-width: 100%;
	height: auto;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.hidden {
	display: none !important;
}
.relative {
	position: relative !important;
}
.no-hover {
	cursor: default !important;
}
.white {
	color: #fff !important;
}
.black {
	color: var(--color-dakr-1) !important;
}
.color-primary-1 {
	color: var(--color-primary-1) !important;
}
.opacity-025 {
	opacity: 0.25 !important;
}
.opacity-1 {
	opacity: 1 !important;
}
.size-16 {
	font-size: 16px !important;
}
.size-22 {
	font-size: 22px !important;
}
.box-shadow {
	box-shadow: var(--box-shadow-block) !important;
}
.stick-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
}
.round {
	border-radius: var(--border-radius-default) !important;
}
.circle {
	border-radius: 100px !important;
}
.round.overflow-hidden,
.circle.overflow-hidden {
	isolation: isolate;
	transform: translateZ(0);
}
::selection {
	color: #fff;
	background: var(--color-primary-1);
}
.light-content ::selection {
	color: #fff;
	background: var(--color-primary-1);
}
.animate,
.animate * {
	transition: var(--transition-default);
}
.parallax-mousemove {
	transition: var(--transition-default);
	-moz-transition: none !important;
	will-change: transform;
}
.parallax-mousemove-follow {
	-moz-transition: none !important;
}
@media not all and (min-resolution: 0.001dpcm) {
	@media {
		.parallax-mousemove,
		.parallax-mousemove-follow {
			transition: none !important;
		}
	}
}
[data-rellax-x] {
	transition: transform 0.25s var(--ease-out-short);
	transition-delay: 0.0025s;
	will-change: transform;
}
[data-rellax-y] {
	transition: transform 0.25s cubic-bezier(0, 0, 0.58, 1);
	transition-delay: 0.0025s;
	will-change: transform;
}
.no-animate {
	-webkit-transition-property: none !important;
	-moz-transition-property: none !important;
	-o-transition-property: none !important;
	transition-property: none !important;
}
.clearlist,
.clearlist li {
	list-style: none;
	padding: 0;
	margin: 0;
	background: none;
}
.full-wrapper {
	margin: 0 var(--full-wrapper-margin-x);
}
.container {
	max-width: var(--container-width);
	padding: 0 30px;
}
.row:not(
		.g-0,
		.g-1,
		.g-2,
		.g-3,
		.g-4,
		.g-5,
		.gx-0,
		.gx-1,
		.gx-2,
		.gx-3,
		.gx-4,
		.gx-5,
		.gy-0,
		.gy-1,
		.gy-2,
		.gy-3,
		.gy-4,
		.gy-5
	) {
	--bs-gutter-x: 30px;
}
.row.gx-huge {
	--bs-gutter-x: 276px;
}
.text-outline-cont {
	position: relative;
	display: inline-block;
}
.text-outline {
	position: relative;
}
.text-outline-1 {
	position: absolute;
	top: -0.36em;
	left: 0;
	color: #fff;
	-webkit-text-stroke: 1px var(--color-dark-1);
	opacity: 0.2;
	pointer-events: none;
}
.text-outline-2 {
	position: absolute;
	top: -0.72em;
	left: 0;
	color: #fff;
	-webkit-text-stroke: 1px var(--color-dark-1);
	opacity: 0.1;
	pointer-events: none;
}
.light-content .text-outline-1 {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	opacity: 0.17;
}
.light-content .text-outline-2 {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	opacity: 0.07;
}

/* ==============================
   Page loader
   ============================== */

.page-loader {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;
}
.loader {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.55);
	border-radius: 50%;
	animation: spinner 700ms infinite linear;
	will-change: transform;
	z-index: 100001;
}

.page-loader.dark {
	background: var(--color-dark-1);
}
.page-loader.dark .loader {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.page-loader.gradient .loader {
	border-color: transparent;
	background: linear-gradient(to right, white, white), var(--gradient-primary-1);
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}
.page-loader.gradient.dark .loader {
	border-color: transparent !important;
	background: linear-gradient(to right, var(--color-dark-1), var(--color-dark-1)),
		var(--gradient-primary-1);
	-webkit-background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
}

.page-loader.color .loader {
	border-color: var(--color-primary-light-1-a);
	border-left-color: var(--color-primary-1);
}

@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ==============================
   Typography
   ============================== */

body {
	color: var(--color-dark-1);
	font-family: var(--font-global);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.67;
}
a {
	color: var(--color-dark-1);
	text-decoration: underline;
	transition: color 0.1s var(--ease-default);
}
a:hover {
	color: var(--color-dark-4);
	text-decoration: underline;
}
b,
strong {
	font-weight: 500;
}
mark {
	position: relative;
	padding: 0;
	color: inherit;
	background-color: transparent;
	background-image: linear-gradient(90deg, rgba(17, 17, 17, 0.1) 0, rgba(17, 17, 17, 0.1) 100%);
	background-repeat: no-repeat;
	background-size: 100% 0.3em;
	background-position: 0 110%;
}
.light-content mark {
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.2) 0,
		rgba(255, 255, 255, 0.2) 100%
	);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin-bottom: 1em;
	font-weight: 500;
	line-height: 1.2;
}

h1,
.h1 {
	margin-bottom: 0.5em;
	font-size: 42px;
	letter-spacing: -0.04em;
}
h2,
.h2 {
	margin-bottom: 0.5em;
	font-size: 36px;
	letter-spacing: -0.03em;
}
h3,
.h3 {
	margin-bottom: 0.7em;
	font-size: 28px;
	letter-spacing: -0.03em;
}
h4,
.h4 {
	font-size: 24px;
}
h5,
.h5 {
	font-size: 20px;
}
h6,
.h6 {
	font-size: 16px;
	font-weight: 700;
}
p {
	margin: 0 0 1.5em 0;
}
ul,
ol {
	margin: 0 0 1.5em 0;
}
blockquote {
	margin: 0 0 2em 0;
	padding: 0;
	border: none;
	background: none;
	font-style: normal;
	line-height: 1.47;
}
blockquote p {
	position: relative;
	margin-bottom: 0.7em;
	font-size: 140%;
	font-style: normal;
	letter-spacing: -0.01em;
	line-height: 1.5;
}
blockquote footer {
	font-size: 15px;
	font-weight: 400;
}
dl dt {
	margin-bottom: 0.5em;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.0039em;
}
dl dd {
	margin-bottom: 1.9em;
	color: var(--color-gray-1);
}
.light-content dl dd {
	color: var(--color-dark-mode-gray-1);
}
pre {
	background-color: #f9f9f9;
	border-color: #ddd;
}
hr {
	background-color: #000;
	opacity: 0.1;
}
hr.white {
	background-color: #fff;
	opacity: 1;
}
.dark-mode hr.white {
	background-color: #fff;
	opacity: 0.15;
}
hr.black {
	background-color: var(--color-dark-1);
	opacity: 1;
}
hr.thick {
	height: 2px;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
.serif {
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: normal;
}
.font-alt {
	font-family: var(--font-alt);
}
.normal {
	font-weight: normal;
}
.strong {
	font-weight: 700 !important;
}
.lead {
	margin: 0 0 1em 0;
	font-size: 140%;
	font-weight: 400;
	letter-spacing: -0.012em;
	line-height: 1.5;
}

.highlight pre {
	border: 1px solid var(--color-gray-light-3);
	background: var(--color-gray-light-2);
	color: var(--color-dark-4);
	border-radius: var(--border-radius-default);
}
.light-content .highlight pre {
	border-color: transparent;
	background-color: var(--color-dark-3a);
	color: var(--color-gray-light-6);
}

/*
 * Headings styles
 */

/* ==============================
   Links
   ============================== */

.link-hover-anim {
	position: relative;
	display: inline-block;
	padding: 6px 0;
	overflow: hidden;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
	color: currentColor;
	background: none;
	border: none;
	cursor: pointer;
}
.link-hover-anim:hover {
	text-decoration: none !important;
}
.main-nav .link-hover-anim {
	top: 1px;
}
.link-strong {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 7px 0;
	transition: transform 0.5s var(--ease-elastic-1), opacity 0.5s var(--ease-elastic-1),
		color 0.2s var(--ease-default);
}
.underline .link-strong {
	border-bottom: 2px solid currentColor;
}
.underline .link-strong i {
	position: relative;
	top: 0.075em;
}
.link-hover-anim:not(.underline) .link-strong i:not([class^="icon-"]) {
	position: relative;
	top: -0.05em;
	vertical-align: middle;
}
.link-strong svg {
	position: relative;
	top: -0.1em;
	margin-right: 0.2em;
}
.link-strong-hovered {
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	opacity: 0;
	transform: translateY(150%) translateZ(0.001px) skewY(10deg);
}
.link-hover-anim:hover {
	color: inherit;
}
.link-strong-unhovered {
	display: block;
}
.link-hover-anim:hover .link-strong-unhovered {
	opacity: 0;
	transform: translateY(-150%) translateZ(0.001px) skewY(-10deg);
}

.link-hover-anim:hover .link-strong-hovered {
	opacity: 1;
	transform: translateY(0) translateZ(0.001px) skewY(0);
}
.light-content .link-strong,
.light-content .link-hover-anim {
	color: #fff;
}

/* ==============================
   Buttons
   ============================== */

.btn-mod,
a.btn-mod {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px 13px;
	color: #fff;
	background: var(--color-dark-1);
	border: 1px solid transparent;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.065em;
	border-radius: 0;
	box-shadow: none;
	transition: var(--transition-default);
	cursor: pointer;
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
	color: #fff;
	text-decoration: none;
	outline: none;
	border-color: transparent;
	box-shadow: none;
}
.btn-mod:active {
	cursor: pointer !important;
	outline: none !important;
}

.btn-mod.btn-small {
	height: auto;
	padding: 6px 15px;
	font-size: 13px;
	letter-spacing: 0.05em;
}
.btn-mod.btn-medium {
	height: auto;
	padding: 13px 20px 12px;
	font-size: 13px;
	letter-spacing: 0.085em;
}
.btn-mod.btn-large {
	height: auto;
	padding: 16px 32px 15px;
	font-size: 13px;
	letter-spacing: 0.085em;
}

.btn-mod.btn-border {
	color: var(--color-dark-1);
	border: 1px solid var(--color-dark-1);
	background: transparent;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus {
	color: var(--color-dark-1);
	border-color: var(--color-dark-1);
}

.btn-mod.btn-gradient {
	color: #fff;
	background: linear-gradient(
		to right,
		var(--color-dark-3a),
		var(--color-dark-1),
		var(--color-dark-1),
		var(--color-dark-3a)
	);
}

.btn-mod.btn-circle {
	border-radius: 30px;
}
.btn-mod.btn-round {
	border-radius: var(--border-radius-default);
}
.btn-full {
	width: 100%;
}

.btn-mod.btn-hover-anim {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	transform: translateZ(0);
}
.btn-mod.btn-hover-anim > span {
	position: relative;
}
.btn-mod.btn-hover-anim:before {
	content: "";
	display: block;
	width: 100%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0.7) translateY(55%);
	background: var(--color-dark-3a);
	border-radius: 100%;
	transition: all 0.25s cubic-bezier(0, 0, 0.31, 0.99);
}
.btn-mod.btn-hover-anim:hover {
	opacity: 1;
	border-color: var(--color-dark-3a);
}
.btn-mod.btn-hover-anim:hover:before {
	transform: scaleX(2) scaleY(1) translateY(-15%);
}

.btn-mod.btn-ellipse-inner {
	position: relative;
}
.btn-ellipse-inner {
	position: relative;
	overflow: hidden;
}
.btn-ellipse-unhovered {
	display: block;
	padding: 10px;
	transition: all 0.37s var(--ease-out-short);
}
.btn-ellipse-hovered {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	padding: 10px;
	opacity: 0;
	transition: all 0.37s var(--ease-out-short);
}

.btn-animate-y {
	position: relative;
	display: block;
	overflow: hidden;
}
.btn-animate-y-1 {
	display: block;
	transition: all 0.37s var(--ease-out-short), opacity 0.37s linear;
}
.btn-animate-y-2 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transform: translate(0, 100%);
	transition: all 0.37s var(--ease-out-short), opacity 0.37s linear;
}
.btn-mod:hover .btn-animate-y-1,
a:not(.no-hover):hover .btn-animate-y-1 {
	opacity: 0;
	transform: translate(0, -100%);
}
.btn-mod:hover .btn-animate-y-2,
a:not(.no-hover):hover .btn-animate-y-2 {
	opacity: 1;
	transform: translate(0, 0);
}

/*
 * Mobile menu button fix
 */

.mobile-on .link-hover-anim {
	top: 0;
}
.mobile-on .btn-border,
.mobile-on .btn-border:hover {
	color: #fff !important;
	border-color: #fff !important;
}

/* ==============================
   Forms fields
   ============================== */

.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select {
	display: inline-block;
	height: 27px;
	vertical-align: middle;
	font-size: 13px;
	font-weight: 400;
	color: var(--color-dark-1);
	border: 1px solid rgba(0, 0, 0, 0.183);
	padding-top: 0;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 0;
	box-shadow: none;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.form select:not([multiple]) {
	padding-right: 24px !important;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9px" height="5px"><path fill-rule="evenodd" fill="rgb(17, 17, 17)" d="M8.886,0.631 L8.336,0.117 C8.263,0.049 8.178,0.015 8.083,0.015 C7.988,0.015 7.903,0.049 7.830,0.117 L4.506,3.155 L1.183,0.117 C1.109,0.049 1.025,0.015 0.930,0.015 C0.834,0.015 0.750,0.049 0.677,0.117 L0.127,0.631 C0.053,0.699 0.017,0.778 0.017,0.867 C0.017,0.956 0.053,1.035 0.127,1.103 L4.253,4.892 C4.327,4.960 4.411,4.994 4.506,4.994 C4.602,4.994 4.686,4.960 4.759,4.892 L8.886,1.103 C8.959,1.035 8.996,0.956 8.996,0.867 C8.996,0.778 8.959,0.699 8.886,0.631 L8.886,0.631 Z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 9px 5px;
}
.form select[multiple] {
	height: auto;
}
.form input[type="text"]::placeholder,
.form input[type="email"]::placeholder,
.form input[type="number"]::placeholder,
.form input[type="url"]::placeholder,
.form input[type="search"]::placeholder,
.form input[type="tel"]::placeholder,
.form input[type="password"]::placeholder,
.form input[type="date"]::placeholder,
.form input[type="color"]::placeholder,
.form select::placeholder {
	color: var(--color-gray-2);
	transition: var(--transition-default), font-size 0s;
}
.form input[type="text"]:hover::placeholder,
.form input[type="email"]:hover::placeholder,
.form input[type="number"]:hover::placeholder,
.form input[type="url"]:hover::placeholder,
.form input[type="search"]:hover::placeholder,
.form input[type="tel"]:hover::placeholder,
.form input[type="password"]:hover::placeholder,
.form input[type="date"]:hover::placeholder,
.form input[type="color"]:hover::placeholder,
.form select::placeholder {
	color: var(--color-gray-1);
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover {
	border-color: rgba(0, 0, 0, 0.38);
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus {
	color: var(--color-dark-1);
	border-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	outline: none;
}
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="number"]:-webkit-autofill,
input[type="url"]:-webkit-autofill,
input[type="search"]:-webkit-autofill,
input[type="tel"]:-webkit-autofill,
input[type="password"]:-webkit-autofill,
input[type="date"]:-webkit-autofill,
input[type="color"]:-webkit-autofill,
textarea:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="email"]:-webkit-autofill:hover,
input[type="number"]:-webkit-autofill:hover,
input[type="url"]:-webkit-autofill:hover,
input[type="search"]:-webkit-autofill:hover,
input[type="tel"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:hover,
input[type="date"]:-webkit-autofill:hover,
input[type="color"]:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus,
input[type="email"]:-webkit-autofill:focus,
input[type="number"]:-webkit-autofill:focus,
input[type="url"]:-webkit-autofill:focus,
input[type="search"]:-webkit-autofill:focus,
input[type="tel"]:-webkit-autofill:focus,
input[type="password"]:-webkit-autofill:focus,
input[type="date"]:-webkit-autofill:focus,
input[type="color"]:-webkit-autofill:focus,
textarea:-webkit-autofill:focus {
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1), background-color 1s 900000s ease;
	-webkit-text-fill-color: var(--color-dark-1);
}
.light-content input[type="text"],
.light-content input[type="email"],
.light-content input[type="number"],
.light-content input[type="url"],
.light-content input[type="search"],
.light-content input[type="tel"],
.light-content input[type="password"],
.light-content input[type="date"],
.light-content input[type="color"],
.light-content select {
	color: #fff;
	background: none;
	border-color: rgba(255, 255, 255, 0.35);
}
.light-content input[type="text"]:hover,
.light-content input[type="email"]:hover,
.light-content input[type="number"]:hover,
.light-content input[type="url"]:hover,
.light-content input[type="search"]:hover,
.light-content input[type="tel"]:hover,
.light-content input[type="password"]:hover,
.light-content input[type="date"]:hover,
.light-content input[type="color"]:hover,
.light-content select:hover {
	border-color: rgba(255, 255, 255, 0.5);
}
.light-content input[type="text"]:focus,
.light-content input[type="email"]:focus,
.light-content input[type="number"]:focus,
.light-content input[type="url"]:focus,
.light-content input[type="search"]:focus,
.light-content input[type="tel"]:focus,
.light-content input[type="password"]:focus,
.light-content input[type="date"]:focus,
.light-content input[type="color"]:focus,
.light-content select:focus {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.75);
}
.light-content .form input[type="text"]::placeholder,
.light-content .form input[type="email"]::placeholder,
.light-content .form input[type="number"]::placeholder,
.light-content .form input[type="url"]::placeholder,
.light-content .form input[type="search"]::placeholder,
.light-content .form input[type="tel"]::placeholder,
.light-content .form input[type="password"]::placeholder,
.light-content .form input[type="date"]::placeholder,
.light-content .form input[type="color"]::placeholder,
.light-content .form select::placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.light-content .form input[type="text"]:hover::placeholder,
.light-content .form input[type="email"]:hover::placeholder,
.light-content .form input[type="number"]:hover::placeholder,
.light-content .form input[type="url"]:hover::placeholder,
.light-content .form input[type="search"]:hover::placeholder,
.light-content .form input[type="tel"]:hover::placeholder,
.light-content .form input[type="password"]:hover::placeholder,
.light-content .form input[type="date"]:hover::placeholder,
.light-content .form input[type="color"]:hover::placeholder,
.light-content .form select::placeholder {
	color: rgba(255, 255, 255, 0.75);
}
.light-content input[type="text"]:-webkit-autofill,
.light-content input[type="email"]:-webkit-autofill,
.light-content input[type="number"]:-webkit-autofill,
.light-content input[type="url"]:-webkit-autofill,
.light-content input[type="search"]:-webkit-autofill,
.light-content input[type="tel"]:-webkit-autofill,
.light-content input[type="password"]:-webkit-autofill,
.light-content input[type="date"]:-webkit-autofill,
.light-content input[type="color"]:-webkit-autofill,
.light-content textarea:-webkit-autofill,
.light-content input[type="text"]:-webkit-autofill:hover,
.light-content input[type="email"]:-webkit-autofill:hover,
.light-content input[type="number"]:-webkit-autofill:hover,
.light-content input[type="url"]:-webkit-autofill:hover,
.light-content input[type="search"]:-webkit-autofill:hover,
.light-content input[type="tel"]:-webkit-autofill:hover,
.light-content input[type="password"]:-webkit-autofill:hover,
.light-content input[type="date"]:-webkit-autofill:hover,
.light-content input[type="color"]:-webkit-autofill:hover,
.light-content textarea:-webkit-autofill:hover,
.light-content input[type="text"]:-webkit-autofill:focus,
.light-content input[type="email"]:-webkit-autofill:focus,
.light-content input[type="number"]:-webkit-autofill:focus,
.light-content input[type="url"]:-webkit-autofill:focus,
.light-content input[type="search"]:-webkit-autofill:focus,
.light-content input[type="tel"]:-webkit-autofill:focus,
.light-content input[type="password"]:-webkit-autofill:focus,
.light-content input[type="date"]:-webkit-autofill:focus,
.light-content input[type="color"]:-webkit-autofill:focus,
.light-content textarea:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
}
.form input[type="color"] {
	padding: 3px !important;
}
.form textarea {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-dark-1);
	border-color: rgba(0, 0, 0, 0.183);
	padding: 0 7px;
	outline: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	-webkit-appearance: none;
}
.form textarea::placeholder {
	color: var(--color-gray-2);
	transition: var(--transition-default);
}
.form textarea:hover::placeholder {
	color: var(--color-gray-1);
}
.form textarea:hover {
	border-color: rgba(0, 0, 0, 0.38);
}
.form textarea:focus {
	color: var(--color-dark-1);
	border-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.light-content textarea {
	color: #fff;
	background: none;
	border-color: rgba(255, 255, 255, 0.35);
}
.light-content textarea:hover {
	background: none;
	border-color: rgba(255, 255, 255, 0.5);
}
.light-content textarea:focus {
	color: #fff;
	background: none;
	border-color: rgba(255, 255, 255, 0.75);
}
.light-content .form textarea::placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.light-content .form textarea:hover::placeholder {
	color: rgba(255, 255, 255, 0.75);
}
.form label {
	display: inline-block;
	margin-bottom: 7px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
}
.form .form-group {
	margin-bottom: 21px;
}

.form div.error {
	margin-top: 20px;
	padding: 13px 20px;
	text-align: center;
	background: var(--bs-danger);
	color: #fff;
	border-radius: var(--border-radius-default);
}
.form div.error a,
.form div.error a:hover {
	color: #fff;
}
.form div.error label,
.form div.success label {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	text-transform: none;
}
.form div.success {
	margin-top: 20px;
	padding: 13px 20px;
	text-align: center;
	background: rgba(50, 178, 95, 0.75);
	color: #fff;
	border-radius: var(--border-radius-default);
}

.form-control {
	border-radius: 0;
}

/*
 * Input underline
 */

.form input[type="text"].underline,
.form input[type="email"].underline,
.form input[type="number"].underline,
.form input[type="url"].underline,
.form input[type="search"].underline,
.form input[type="tel"].underline,
.form input[type="password"].underline,
.form input[type="date"].underline,
.form input[type="color"].underline,
.form textarea.underline,
.form select.underline {
	border-top: none;
	border-left: none;
	border-right: none;
	padding-left: 0;
	border-width: 2px;
	border-color: var(--color-dark-1);
	border-radius: 0;
}
.form input[type="text"].underline,
.form input[type="email"].underline,
.form input[type="number"].underline,
.form input[type="url"].underline,
.form input[type="search"].underline,
.form input[type="tel"].underline,
.form input[type="password"].underline,
.form input[type="date"].underline,
.form input[type="color"].underline,
.form textarea.underline {
	padding-right: 0;
}
.form input[type="text"].underline:focus,
.form input[type="email"].underline:focus,
.form input[type="number"].underline:focus,
.form input[type="url"].underline:focus,
.form input[type="search"].underline:focus,
.form input[type="tel"].underline:focus,
.form input[type="password"].underline:focus,
.form input[type="date"].underline:focus,
.form input[type="color"].underline:focus,
.form textarea.underline:focus,
.form select.underline:focus {
	box-shadow: none;
}
.light-content .form input[type="text"].underline,
.light-content .form input[type="email"].underline,
.light-content .form input[type="number"].underline,
.light-content .form input[type="url"].underline,
.light-content .form input[type="search"].underline,
.light-content .form input[type="tel"].underline,
.light-content .form input[type="password"].underline,
.light-content .form input[type="date"].underline,
.light-content .form input[type="color"].underline,
.light-content .form textarea.underline,
.light-content .form select.underline {
	border-color: #fff;
}

/*
 * Input Gradient
 */

/* ==============================
   Home sections
   ============================== */

/*
 * Header common styles
 */

.home-section {
	width: 100%;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*
 * Scroll down icon
 */

@keyframes scroll-down-anim {
	0% {
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-5px);
	}
}

/*
 * Scroll down icon type 1
 */

/*
 * Scroll down icon type 2
 */
@keyframes scroll-down-2 {
	0% {
		transform: translateY(-10px);
	}
	50% {
		transform: translateY(10px);
		animation-timing-function: ease-in;
	}
	100% {
		transform: translateY(-10px);
	}
}

/*
 * Scroll down type 3
 */

/*
 * Scroll down icon type 4
 */

/*
 * Home section status
 */

/*
 * Home section social media links
 */

/*
 * HTML5 BG Video
 */

.bg-video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bg-video::-webkit-media-controls,
.bg-video::-webkit-media-controls-panel,
.bg-video::-webkit-media-controls-play-button,
.bg-video::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}
a.bg-video-button-muted {
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 24px;
	line-height: 1;
	color: var(--color-dark-1);
	z-index: 1000;
}
a.bg-video-button-pause {
	display: block;
	width: 1em;
	height: 1em;
	position: absolute;
	bottom: 20px;
	left: 60px;
	font-size: 24px;
	line-height: 1;
	color: var(--color-dark-1);
	z-index: 1000;
}
.light-content a.bg-video-button-muted,
.light-content a.bg-video-button-pause {
	color: #fff;
}

/*
 * Section edge figure
 */

/*
 * Section BG svg shape
 */

/*
 * Fullwidth gallery
 */
.fullwidth-gallery {
	display: flex !important;
	align-items: stretch;
}
.fullwidth-gallery .owl-wrapper-outer {
	display: flex;
	align-items: stretch;
	height: auto !important;
}
.fullwidth-gallery .owl-wrapper {
	display: flex !important;
	align-items: stretch;
}
.fullwidth-gallery .owl-item {
	display: flex !important;
	align-items: stretch;
	height: 100% !important;
}

/*
 * Typed text
 */

.typewrite .wrap:after {
	animation: blink 1s infinite;
}
@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*
 * Stack Images
 */

/* ==============================
   Custom appear animation
   ============================== */

/*
 * Splitting JS chars animation
 */

.appear-animate .charsAnimIn .char {
	opacity: 0;
	transform: translateY(0.5em) rotate(7deg);
	transform-origin: 0 50%;
	transition: transform 0.62s var(--ease-out-short), opacity 0.62s var(--ease-default);
	transition-delay: calc(0.027s * var(--char-index));
}
html:not(.mobile) .appear-animate .charsAnimIn .char {
	will-change: opacity, transform;
}
@media (prefers-reduced-motion: reduce), print {
	.appear-animate .charsAnimIn .char {
		opacity: 1 !important;
		transform: none !important;
	}
}
.charsAnimIn.animated .char,
.mobile .charsAnimIn .char {
	opacity: 1;
	transform: none;
}

/*
 * Splitting JS chars animation 1
 */

/*
 * Splitting JS chars animation 2
 */

/*
 * Splitting JS chars animation long
 */

/*
 * Splitting JS chars animation long 1
 */

/*
 * Splitting JS words animation
 */

/*
 * Splitting JS lines animation
 */

/*
 * Splitting JS lines animation long
 */

/*
 * Appearing animation styles
 */

:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.wow,
.wow-menubar,
.wow-p {
	opacity: 0.001;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
html:not(.mobile) .wow,
html:not(.mobile) .wow-menubar,
html:not(.mobile) .wow-p {
	/*will-change: opacity, transform;*/
}
.appear-animate .wow.scaleOutIn {
	opacity: 1;
	transform: scale(1.2);
}
.appear-animate .wow.animated,
.appear-animate .wow.scaleOutIn.animated,
.appear-animate .wow-menubar.animated,
.mobile .appear-animate .wow,
.mobile .appear-animate .wow-menubar,
.mobile .appear-animate .wow-p {
	opacity: 1;
	transform: scale(1);
}
@media (prefers-reduced-motion: reduce), print {
	.wow,
	.wow.scaleOutIn,
	.wow-menubar,
	.wow-p {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -37px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 37px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInUp {
	animation-name: fadeInUp;
}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(37px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInLeft {
	animation-name: fadeInLeft;
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(-37px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDownShort {
	0% {
		opacity: 0;
		transform: translate3d(0, -12px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUpShort {
	0% {
		opacity: 0;
		transform: translate3d(0, 12px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeftShort {
	0% {
		opacity: 0;
		transform: translate3d(12px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRightShort {
	0% {
		opacity: 0;
		transform: translate3d(-12px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
@keyframes scalexIn {
	0% {
		opacity: 0;
		transform: scaleX(0);
		transform-origin: left center;
	}
	to {
		opacity: 1;
		transform: scaleX(1);
		transform-origin: left center;
	}
}
@keyframes fadeScaleIn {
	0% {
		opacity: 0;
		transform: scale(0.95) translateZ(0.1px);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes scaleOutIn {
	0% {
		transform: scale(1.2) translateZ(0.1px);
	}
	to {
		transform: scale(1);
	}
}
.scaleOutIn {
	animation-name: scaleOutIn;
	animation-timing-function: var(--ease-out-short);
}
@keyframes fadeScaleOutIn {
	0% {
		opacity: 0;
		transform: translateY(10px) translateZ(0.1px) scale(1.1);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes clipRightIn {
	0% {
		clip-path: inset(0 100% 0 0);
	}

	to {
		clip-path: inset(0);
	}
}
@keyframes fadeRotateIn {
	0% {
		opacity: 0;
		transform: rotateX(60deg) rotateY(10deg) rotateZ(-10deg);
		transform-origin: top;
		animation-timing-function: var(--ease-out-short);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* ==============================
   Classic menu bar
   ============================== */

/*
 * Logo (in navigation panel)
 */

.nav-logo-wrap {
	position: absolute;
	top: 0;
	left: 0;
	flex-shrink: 0;
	z-index: 1;
}
.nav-logo-wrap .logo {
	display: flex;
	align-items: center;
	max-width: 188px;
	height: var(--menu-bar-height);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.nav-logo-wrap .logo img {
	max-height: 100%;
}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after {
	display: none;
}
.logo,
a.logo:hover {
	font-size: 18px;
	font-weight: 600 !important;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.9);
}

/*
 * Desktop nav
 */

.main-nav {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
	height: var(--menu-bar-height) !important;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.025), 0px 1px 1px 0px rgba(0, 0, 0, 0.01),
		0px 0px 50px 0px rgba(0, 0, 0, 0.07);
	z-index: 1030;
	transition: all 0.2s var(--ease-default);
}
.main-nav.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.small-height {
	height: var(--menu-bar-height-scrolled) !important;
}
.main-nav-sub {
	flex-grow: 1;
	display: flex;
	position: relative;
}
.inner-nav {
	flex-grow: 1;
	position: relative;
}
.inner-nav ul {
	margin: auto;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.3;
}
.inner-nav > ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.inner-nav ul li {
	margin: 0 18px;
	position: relative;
}
.inner-nav ul li:first-child {
	margin-left: 0;
}
.inner-nav ul li:last-child {
	margin-right: 0;
}
.inner-nav > ul.items-end {
	position: absolute;
	top: 0;
	right: 0;
}
.inner-nav ul li a {
	display: inline-block;
	text-decoration: none;
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
}
.inner-nav > ul > li > a {
	display: table-cell;
	vertical-align: middle;
	height: var(--menu-bar-height);
	opacity: 0.65;
}
.main-nav:not(.mobile-on).small-height .inner-nav > ul > li > a {
	height: var(--menu-bar-height-scrolled) !important;
}
.inner-nav ul li a:hover,
.inner-nav ul li a.active {
	color: var(--color-dark-1);
	opacity: 1;
	text-decoration: none;
}

/* Menu sub */

.inner-nav .mi-chevron-down {
	margin-left: -0.19em;
	font-size: 16px;
	transition: all 0.2s var(--ease-default), color 0 var(--ease-default);
}
.mn-sub {
	display: none;
	width: 220px;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	background: rgba(35, 35, 35, 0.9927);
	border-radius: 0 0 3px 3px;
}
.light-content .mn-sub {
	background: rgba(50, 50, 50, 0.9927);
}
.transparent .mn-sub,
.inner-nav .mn-sub .mn-sub {
	border-radius: 3px;
}
.transparent .mn-sub > li:first-child > a,
.transparent .mn-sub > li:first-child > a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.mn-sub > li:last-child > a {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.main-nav.mobile-on.transparent .mn-sub > li:first-child > a,
.main-nav.mobile-on.transparent .mn-sub > li:first-child > a,
.main-nav.mobile-on .mn-sub > li:last-child > a {
	border-radius: 0;
}
.mn-sub li {
	display: block;
	width: 100%;
	margin: 0 !important;
}
.inner-nav ul li .mn-sub li a {
	display: block;
	width: 100%;
	height: auto !important;
	line-height: 1.3 !important;
	position: relative;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 15px;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	text-transform: none;
	border-left: none;
	border-right: none;
	letter-spacing: 0;
	color: var(--color-gray-light-5) !important;
	outline-offset: -2px !important;
	transition: var(--transition-default);
}
.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active {
	background: rgba(255, 255, 255, 0.09);
	color: var(--color-gray-light-1) !important;
}
.mn-sub:not(.mn-has-multi) li ul {
	left: 100%;
	right: auto;
	top: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.07);
}
.inner-nav li .mn-sub.to-left {
	left: auto;
	right: 0;
}
.inner-nav > ul > li:last-child .mn-sub li ul,
.inner-nav > li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left {
	left: auto;
	right: 100%;
	top: 0;
	border-left: none;
	border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.mobile-on .inner-nav li:last-child .mn-sub li ul {
	left: auto;
	right: auto;
	top: 0;
}

/* Menu sub multi */
.mobile-on .mn-sub:not(.mn-has-multi) > li:last-child > a {
	border: none !important;
}

/*
 * Mobile nav
 */

.mobile-on .desktop-nav {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0 15px;
	z-index: 100;
}
.mobile-on .full-wrapper .desktop-nav {
	padding: 0;
}
.mobile-on .desktop-nav ul {
	position: relative;
	width: 100%;
	float: none;
	overflow-x: hidden;
	background: rgba(18, 18, 18, 0.995);
}
.mobile-on .desktop-nav > ul {
	overflow-y: auto;
	display: block;
}
.mobile-on .desktop-nav ul li {
	display: block;
	float: none !important;
	overflow: hidden;
}
.mobile-on .desktop-nav ul li ul {
	padding: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-on .desktop-nav ul li a {
	display: block;
	width: 100%;
	height: auto !important;
	line-height: 1.3 !important;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 10px;
	text-align: left;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.065);
	color: var(--color-gray-light-5);
	opacity: 1;
	cursor: pointer;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active {
	background: rgba(255, 255, 255, 0.025);
	color: #eee;
}
.mobile-on .desktop-nav ul li a:focus {
	outline-offset: -2px !important;
}

/* Mobile nav menu sub */

.mobile-on .mn-has-sub > .mi-chevron-down {
	display: block;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 22px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}
.mobile-on .js-opened > .mn-has-sub > .mi-chevron-down {
	border-color: rgba(255, 255, 255, 0.4);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.mobile-on .inner-nav li {
	margin: 0 !important;
}
.mobile-on .mn-sub {
	display: none;
	opacity: 0;
	position: relative;
	left: 0 !important;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: none !important;
	border-right: none !important;
	border-top: none;
	z-index: 10;
}
.mobile-on .mn-sub li {
	padding-left: 10px;
}
.inner-nav li.js-opened .mn-sub {
	opacity: 1;
}
.mobile-nav {
	display: none;
	margin-left: auto;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	cursor: pointer;
	height: var(--menu-bar-height);
	transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
	transition-property: background, color, height;
}
.main-nav.small-height .mobile-nav {
	height: var(--menu-bar-height-scrolled);
}
.mobile-nav:active {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.05) inset;
}
.mobile-on .mobile-nav {
	display: flex;
}
.mobile-nav-icon {
	position: relative;
	display: block;
	width: 1.8em;
	height: 2px;
	margin: auto;
	background: var(--color-dark-1);
}
.mobile-nav-icon:before,
.mobile-nav-icon:after {
	content: "";
	position: absolute;
	top: -0.5em;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-dark-1);
	transition: var(--transition-default);
	will-change: top, transform;
}
.mobile-nav-icon:after {
	top: 0.5em;
}
.mobile-nav.active .mobile-nav-icon {
	background: transparent;
}
.mobile-nav.active .mobile-nav-icon:before {
	top: 0;
	transform: rotate(45deg);
}
.mobile-nav.active .mobile-nav-icon:after {
	top: 0;
	transform: rotate(-45deg);
}

/* Mobile nav menu sub multi */
.mobile-on .mn-sub {
	width: 100%;
	float: none;
	position: relative;
	overflow-x: hidden;
}

/*
 * Dark panel style
 */
.main-nav.dark {
	background-color: rgba(10, 10, 10, 0.905);
	box-shadow: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.main-nav.dark-mode {
	background-color: rgba(27, 27, 27, 0.905);
}
.main-nav:not(.transparent) {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.main-nav.dark .inner-nav ul > li > a {
	color: #fff;
	opacity: 0.78;
}
.main-nav.dark .inner-nav ul > li > a:hover,
.main-nav.dark .inner-nav ul > li > a.active {
	color: #fff;
	opacity: 1;
}
.main-nav.dark .inner-nav ul li .mn-sub li a {
	opacity: 1;
}
.main-nav.dark .mobile-nav {
	background-color: transparent;
	border-color: transparent;
}
.main-nav.dark .mobile-nav-icon,
.main-nav.dark .mobile-nav-icon:before,
.main-nav.dark .mobile-nav-icon:after {
	background: #fff;
}
.main-nav.dark .mobile-nav.active .mobile-nav-icon {
	background: transparent;
}
.main-nav.mobile-on.dark .inner-nav {
	border-top: 1px solid rgba(100, 100, 100, 0.4);
}
.main-nav.dark .logo,
.main-nav.dark a.logo:hover {
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
}
.main-nav.dark .mn-sub {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.main-nav.dark .mi-chevron-down,
.main-nav.dark.body-scrolled .inner-nav ul > li > a:hover .mi-chevron-down,
.main-nav.dark.body-scrolled .inner-nav ul > li > a.active .mi-chevron-down {
	opacity: 1;
}

/*
 * Transparent panel style
 */

.main-nav.transparent {
	background: transparent !important;
	box-shadow: none;
}
.main-nav.js-transparent {
	transition: all 0.2s var(--ease-default);
}

/*
 * Menu social links
 */

/* ==============================
   Sections styles
   ============================== */

/*
 * Common section styles
 */

.page-section {
	width: 100%;
	display: block;
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: var(--section-padding-y);
	padding-bottom: var(--section-padding-y);
}
.parallax-1,
.parallax-2,
.parallax-3,
.parallax-4,
.parallax-5,
.parallax-6,
.parallax-7,
.parallax-8,
.parallax-9,
.parallax-10 {
	background-position-y: 0;
}
.bg-white {
	background-color: #fff;
}
.bg-dark-1 {
	background-color: var(--color-dark-1) !important;
}
.light-content {
	color: #fff;
}
.light-content a {
	color: rgba(255, 255, 255, 0.8);
}
.light-content a:hover {
	color: #fff;
}
.light-content .section-text {
	color: #fff;
}

.section-caption {
	margin-bottom: 25px;
	color: var(--color-gray-1);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}
.light-content .section-caption {
	color: #fff;
}
.section-caption-border {
	display: inline-block;
	padding: 0.45em 0.7em;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.0095em;
	border: 1px solid currentColor;
	border-radius: 70px;
	z-index: 2;
}
.section-caption-fancy {
	display: inline-block;
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.037em;
	background-image: linear-gradient(
		90deg,
		var(--color-dark-3) 0%,
		var(--color-dark-1) 33%,
		var(--color-dark-3) 66%,
		var(--color-dark-2) 100%
	);
	border-radius: 100px;
}
.section-caption-fancy.large {
	font-size: 16px;
}
.light-content .section-caption-fancy {
	color: #fff;
	background-image: linear-gradient(15deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.section-title {
	font-size: 56px;
	font-weight: 500;
	line-height: 1.107;
	letter-spacing: -0.03em;
}
.section-title-small {
	margin-top: 0;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.03em;
}
.section-title-medium {
	font-size: 82px;
	font-weight: 500;
	letter-spacing: -0.025em;
}
.section-title-strong {
	font-size: 80px;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.033em;
}
.section-descr {
	margin-top: 0;
	color: var(--color-gray-1);
	font-size: 23px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.005em;
}
.light-content .section-descr {
	color: #fff;
}
.section-text {
	font-size: 24px;
	line-height: 1.667;
	letter-spacing: -0.005em;
}

.section-line {
	width: 80px;
	height: 1px;
	margin: 0 auto 0 0;
	background: var(--color-dark-1);
}
.light-content .section-line {
	background: #fff;
}
.text-gray {
	color: var(--color-gray-1);
}
.text-gray a {
	color: var(--color-dark-1);
	transition: all 0.17s var(--ease-default);
}
.text-gray a:hover {
	color: var(--color-dark-4);
}
.light-content .text-gray {
	color: var(--color-dark-mode-gray-1);
}
.light-content .text-gray a {
	color: var(--color-dark-mode-gray-1);
}
.light-content .text-gray a:hover {
	color: #fff;
}

/*
 * Decorative elements
 */

/*
 * Marquee text line
 */

.marquee {
	position: relative;
	width: 100%;
	overflow: hidden;
}
@keyframes marquee-animation {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes marquee-animation-1 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes marquee-animation-1a {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}
@keyframes marquee-animation-2 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(50%, 0, 0);
	}
}
@keyframes marquee-animation-2a {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(50%, 0, 0);
	}
}
@keyframes marquee-animation-3 {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

/* ==============================
   Split section
   ============================== */

.split-column-left {
	min-height: 60vh;
	overflow: hidden;
	padding-top: var(--section-padding-y);
	padding-bottom: var(--section-padding-y);
	padding-right: 70px;
	border-bottom-right-radius: var(--border-radius-default);
	isolation: isolate;
	transform: translateZ(0);
}
.split-column-right {
	min-height: 60vh;
	overflow: hidden;
	padding-top: var(--section-padding-y);
	padding-bottom: var(--section-padding-y);
	padding-left: 70px;
	border-top-left-radius: var(--border-radius-default);
	isolation: isolate;
	transform: translateZ(0);
}

/* ==============================
   Services
   ============================== */

.services-tabs {
	display: block;
	margin: 0;
	padding: 0 calc(40px + var(--services-text-overlap)) 0 0;
	border: none;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.037em;
}
.services-tabs > li {
	display: block;
	margin-bottom: 0.175em;
}
.services-tabs > li > a {
	position: relative;
	display: inline-block;
	padding-bottom: 0.06em;
	text-decoration: none;
	opacity: 0.27;
	transition: var(--transition-default);
}
.services-tabs > li > a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: currentColor;
	transform-origin: left center;
	transform: scaleX(0);
	transition: all 0.5s cubic-bezier(0, 0, 0.58, 1);
}
.services-tabs > li a:hover {
	color: unset;
	opacity: 0.5;
}
.services-tabs > li a.active:before {
	transform: scaleX(1);
}
.services-tabs > li > a > .number {
	position: absolute;
	top: 0.8em;
	left: calc(100% + 0.5em);
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
	opacity: 0;
	transform: translateX(5px);
	transition: var(--transition-default);
}
.services-tabs > li a.active {
	opacity: 1;
}
.services-tabs > li a.active > .number {
	opacity: 1;
	transform: translateX(0);
}
.services-content {
	display: flex;
	width: 100%;
}
.services-content-item {
	position: relative;
	width: 100%;
	min-height: 600px;
	transition: var(--transition-default);
}
img.services-image {
	position: relative;
}
@keyframes services-tabs-animation-1 {
	0% {
		opacity: 0;
		transform: translate(0, 40px);
	}
	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
	}
}
.services-content-item.active img.services-image {
	animation: services-tabs-animation-1 0.7s var(--ease-out-long);
}
:root {
	--services-text-overlap: 220px;
}
.services-text {
	position: absolute;
	bottom: 60px;
	left: calc(-1 * var(--services-text-overlap));
	max-width: 410px;
	z-index: 1;
}
.services-text-container {
	padding: 50px;
	background: var(--color-gray-light-1);
}
@keyframes services-tabs-animation-2 {
	0% {
		transform: translate(0, 20px) scale(0.93);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}
.services-content-item.active .services-text {
	animation: services-tabs-animation-2 0.7s var(--ease-out-long);
	will-change: transform;
}
.services-title {
	margin-bottom: 0.575em;
	letter-spacing: -0.01em;
}
.services-text .text-gray {
	color: var(--color-dark-4);
}

.light-content .services-tabs > li > a {
	color: #fff;
	opacity: 0.4;
	transform: translateZ(0);
}
.light-content .services-tabs > li a:hover {
	opacity: 0.7;
}
.light-content .services-tabs > li > a.active {
	opacity: 1;
}
.light-content .services-text-container {
	background: var(--color-dark-3);
}
.light-content .services-text .text-gray {
	color: var(--color-dark-mode-gray-1);
}

/* ==============================
   Services 2
   ============================== */
.services-2-button {
	position: relative;
	padding: 58px;
	border: 1px solid var(--color-dark-1);
	border-radius: 200px;
}
.services-2-descr {
	position: relative;
	max-width: 600px;
	max-height: 30px;
	overflow: hidden;
	margin-top: -30px;
	margin-left: 100px;
	padding: 0 40px;
	background: #fff;
	font-size: 16px;
	opacity: 0;
	transition: max-height 0.7s var(--ease-default);
	will-change: max-height;
}
.services-2-descr.js-visible {
	max-height: 600px;
	opacity: 1;
}
.light-content .services-2-button {
	border-color: rgba(255, 255, 255, 0.5);
}
.light-content .services-2-descr {
	background: var(--color-dark-1);
}

/* ==============================
   Services 3
   ============================== */

/* ==============================
   Services 4
   ============================== */

/* ==============================
   Services 5
   ============================== */

/* ==============================
   Services 6
   ============================== */

/* ==============================
   Services 7
   ============================== */
@keyframes services-7-tabs-animation {
	0% {
		transform: translate(0, 10px) scale(0.98);
	}
	100% {
		transform: translate(0, 0) scale(1);
	}
}

/* ==============================
   Services 8
   ============================== */

/* ==============================
   Team
   ============================== */
.team-item-descr {
	position: relative;
	line-height: 1.3;
	text-align: center;
	transition: var(--transition-default);
}
.team-social-links {
	display: inline-flex;
	flex-direction: row;
	position: relative;
	font-size: 14px;
}
.team-social-links a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	color: var(--color-dark-1);
	text-decoration: none;
	transition: var(--transition-default);
}
.team-social-links a:not(.team-social-links a:last-child) {
	border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.team-social-links a:hover {
	opacity: 0.65;
}
.team-social-links svg,
.team-social-links img {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Hover state */

/* ==============================
   Team 1
   ============================== */

/* ==============================
   Features
   ============================== */

/* ==============================
   Features 1
   ============================== */
.features-1-number-style {
	font-size: 20px;
	font-weight: 500;
}
.features-1-title {
	font-size: 56px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.05em;
}
.features-1-descr {
	font-size: 17px;
	line-height: 1.647;
	letter-spacing: 0;
}

/* ==============================
   Features 2
   ============================== */

/* ==============================
   Alt features
   ============================== */
.alt-features-item {
	margin-top: 35px;
}
.alt-features-item.border-left {
	padding-left: 30px;
	border-left: 1px solid var(--color-gray-light-3);
}
.alt-features-item.box-shadow {
	width: 100%;
	padding: 30px;
	background: #fff;
	border-radius: var(--border-radius-default);
}
.alt-features-icon {
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0 22px 0;
	font-size: 48px;
	text-align: center;
	line-height: 1.3;
	color: currentColor;
}
.alt-features-icon svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}
.alt-features-title {
	margin-bottom: 11px;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -0.02em;
	transition: var(--transition-default);
}
.alt-features-descr {
	font-size: 16px;
	line-height: 1.625;
	color: var(--color-gray-1);
}
.light-content .alt-features-item.border-left {
	padding-left: 30px;
	border-color: rgba(255, 255, 255, 0.25);
}
.light-content .alt-features-descr {
	color: var(--color-dark-mode-gray-1);
}
.light-content .alt-features-item.box-shadow {
	background: var(--color-dark-3);
	border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .alt-features-icon {
	color: #fff;
}

/* ==============================
   Spot box
   ============================== */

/* ==============================
   Numbers
   ============================== */

/*
 * Numbers 1
 */

/*
 * Numbers 2
 */

/*
 * Numbers 3
 */

/* ==============================
   Steps
   ============================== */

/*
 * Steps 1
 */

/*
 * Steps 2
 */

/* ==============================
   Portfolio
   ============================== */

/*
 * Works filter
 */

/* Works filter elegant */

/* Works filter fancy */

/* Works filter gradient */

/* Works filter slick */

/* Work filter bold */

/*
 * Works grid
 */

/* Work item hover state */

/* Work item hover state alt */

/* Work item round */

/* Work item with hidden title */
/* Work item with hidden title hover white */

/* Work item fancy */

/* Works navigation */
.work-full-media img {
	max-width: 100%;
	height: auto;
}

/* ==============================
   Portfolio 1
   ============================== */

/* ==============================
   Portfolio 2
   ============================== */

.portfolio-2-item {
	will-change: unset !important;
}
.portfolio-2-title {
	font-size: 43px;
	font-weight: 500;
}
.portfolio-2-title a {
	display: block;
	text-decoration: none;
	transition: all 0.27s var(--ease-out-medium);
}
.portfolio-2-title a:hover {
	color: inherit;
	text-decoration: none;
}
.portfolio-2-image {
	overflow: hidden;
}
.portfolio-2-image img {
	width: 100%;
	transform: scale(1.02) translateZ(0.1px);
	transition: all 0.5s var(--ease-out-short);
}
.portfolio-2-image a:hover img {
	transform: translateZ(0.1px);
}
.light-content .portfolio-2-title a {
	color: #fff;
}

/* ==============================
   Portfolio 3
   ============================== */

/* ==============================
   Portfolio 4
   ============================== */

.portfolio-4-carousel.owl-carousel {
	display: flex !important;
	flex-direction: column;
	width: calc(100% + 10px);
}
.portfolio-4-carousel .owl-wrapper-outer {
	overflow: visible !important;
}
.portfolio-4-carousel .owl-item {
	padding-right: 10px;
}
.portfolio-4-carousel .owl-controls {
	order: 2;
	margin-top: 40px;
}
.portfolio-4-carousel .owl-buttons {
	padding-right: 10px;
	text-align: right;
}
.portfolio-4-carousel .owl-pagination {
	display: none;
}
.portfolio-4-carousel .owl-prev,
.portfolio-4-carousel .owl-next {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	margin-left: 10px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-1);
	border-radius: 50%;
	opacity: 1;
	transform: none;
}
.portfolio-4-carousel .owl-prev svg,
.portfolio-4-carousel .owl-next svg {
	position: relative;
}
.portfolio-4-carousel .owl-prev:before,
.portfolio-4-carousel .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-shadow: var(--box-shadow);
	transition: all 0.4s var(--ease-elastic-2);
}
.portfolio-4-carousel .owl-prev:hover:before,
.portfolio-4-carousel .owl-next:hover:before {
	box-shadow: var(--box-shadow-strong);
	transform: scale(1.07);
}
.portfolio-4-item > a {
	color: unset;
	text-decoration: none;
}
.portfolio-4-image {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: var(--border-radius-default);
	isolation: isolate;
	transform: translateZ(0);
}
.portfolio-4-image img {
	position: relative;
	transition: all 0.5s var(--ease-out-short);
}
.portfolio-4-title {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.02em;
}
.portfolio-4-intro {
	padding-right: 12px;
	transition: all 0.5s var(--ease-out-short);
}
.portfolio-4-descr {
	font-size: 16px;
}

/* Hover state */
.portfolio-4-item > a:hover .portfolio-4-image > img {
	transform: scale(1.05);
}
.portfolio-4-item > a:hover .portfolio-4-intro {
	transform: translateX(12px);
}

/* ==============================
   Portfolio 5
   ============================== */

/* Hover state */

/* ==============================
   Call action 1 section
   ============================== */

/* ==============================
   Call action 2 section
   ============================== */

/* ==============================
   Call action 3 section
   ============================== */

/* ==============================
   Call action 4 section
   ============================== */

/* ==============================
   Images compositions
   ============================== */

/*
 * Images composition 1
 */

/*
 * Images composition 2
 */

/*
 * Images composition 3
 */

/*
 * Images composition 4
 */

/*
 * Images composition 5
 */

/*
 * Images composition 6
 */

/*
 * Images composition 7
 */

/*
 * Images composition 8
 */

/*
 * Images composition 9
 */

/* ==============================
   Work process
   ============================== */

/* ==============================
   Logotypes
   ============================== */

/*
 * Logo carousel
 */

/*
 * Logo grid
 */

/* ==============================
   Post previews
   ============================== */

/* ==============================
   Post previews 1
   ============================== */

/* ==============================
   Post previews 2
   ============================== */

/* ==============================
   Post previews 3
   ============================== */

/* ==============================
   Newsletter
   ============================== */
.form input.newsletter-field {
	margin-right: 10px;
	flex-grow: 1.5;
}
.form input.newsletter-field::placeholder {
	color: var(--color-gray-1);
}
.form input.newsletter-field:focus {
	color: var(--color-dark-1);
}
.form input.newsletter-field.error {
	border-color: #dc3545 !important;
}
#subscribe-result {
	height: 0;
}

/*
 * Newsletter elegant
 */

/*
 * Newsletter strong
 */

/*
 * Newsletter modern
 */

/* ==============================
   Contact
   ============================== */

/* ==============================
   Contact 1
   ============================== */

/* ==============================
   Contact 2
   ============================== */

/* ==============================
   Google maps
   ============================== */
.map-section {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 !important;
	background: rgba(245, 245, 245, 0.93);
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
	transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}
.map-section:hover {
	background: rgba(245, 245, 245, 0.8);
}
.mt-close {
	display: none;
}

/* Map opened */

.map-section.js-active {
	height: 25px;
	background: rgba(245, 245, 245, 0.85);
}
.map-section.js-active:hover {
	background: rgba(245, 245, 245, 0.95);
}

/* Dark style */

.light-content .map-section {
	background: rgba(17, 17, 17, 0.92);
}
.light-content .map-section:hover {
	background: rgba(17, 17, 17, 0.88);
}

/* ==============================
   Footer
   ============================== */

.footer {
	font-size: 16px;
}
.footer a {
	transition: all 0.17s var(--ease-default);
}
.footer:not(.light-content) a:hover {
	text-decoration: none;
	color: var(--color-dark-3a) !important;
}
.footer-text a {
	text-decoration: none;
}
footer:not(.light-content) .text-gray a {
	color: var(--color-gray-1);
	transition: all 0.17s var(--ease-default);
}
footer:not(.light-content) .text-gray a:hover {
	color: var(--color-dark-1);
}
.light-content .footer-text {
	color: var(--color-gray-light-3);
}
.footer.light-content a:hover {
	color: #fff !important;
	text-decoration: none;
}

/* Link to top */

/* Link to top 2 */

/* ==============================
   Footer 1
   ============================== */

.footer-1 {
	font-size: 15px;
	text-transform: uppercase;
}
.footer-1 .small {
	font-size: 13px;
}
.fw-social-inline-item {
	display: inline-block;
}
.fw-social-inline a {
	position: relative;
	display: inline-block;
	margin: 5px 15px 10px;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}
.fw-social-inline .link-hover-anim {
	padding: 0;
}
.fw-social-inline .link-strong {
	padding: 0;
	transition: all 0.35s var(--ease-out-short);
}
.fw-social-inline .link-strong-hovered {
	top: 0;
	transform: translateY(150%) translateZ(0.001px);
}
.fw-social-inline .link-hover-anim:hover .link-strong-unhovered {
	transform: translateY(-150%) translateZ(0.001px);
}
.fw-social-inline .link-strong:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-dark-1);
	opacity: 0.5;
	transform-origin: left center;
	transition: all 0.27s var(--ease-out-medium);
}
.light-content .fw-social-inline a {
	color: #fff;
}
.light-content .fw-social-inline .link-strong:before {
	background: #fff;
}
.footer-text {
	text-transform: none;
}
.footer-text a {
	text-decoration: underline;
}
.fw-top-link {
	text-decoration: none;
}
.light-content .fw-top-link {
	color: #fff;
	text-decoration: none;
}
.light-content .fw-top-link .icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: -8px;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	border: 1px solid #fff;
	border-radius: 50%;
	transition: all 0.4s var(--ease-out-medium);
}
.light-content .fw-top-link .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.25);
	transition: all 0.4s var(--ease-elastic-1);
}
.light-content .fw-top-link .icon svg,
.light-content .fw-top-link .icon img,
.light-content .fw-top-link .icon i {
	position: relative;
}
.fw-top-link-underline {
	position: relative;
}
.fw-top-link-underline:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: 0.5;
	transform: scaleX(0);
	transform-origin: left center;
	transition: all 0.4s var(--ease-out-medium);
}
.fw-top-link:hover .fw-top-link-underline:before {
	transform: scaleX(1);
}
.light-content .fw-top-link:hover .icon {
	border-color: transparent;
}
.light-content .fw-top-link:hover .icon {
	color: var(--color-dark-1);
}
.light-content .fw-top-link:hover .icon:before {
	opacity: 1;
	transform: scale(1.1);
}

/* ==============================
   Footer 2
   ============================== */

/* ==============================
   Blog
   ============================== */
.blog-media {
	margin-bottom: 30px;
}
.blog-media img,
.blog-media .video,
.blog-media iframe {
	width: 100%;
}

/*
 * Pagination
 */

.pagination {
	font-size: 13px;
}
.pagination a,
.pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	margin-right: 5px;
	padding: 9px 16px;
	border: 1px solid var(--color-gray-light-5);
	color: var(--color-gray-1);
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	border-radius: var(--border-radius-default);
	transition: var(--transition-default);
}
.pagination a:hover {
	text-decoration: none;
	border-color: var(--color-dark-1);
	color: var(--color-dark-1);
}
.pagination a.active,
.pagination a.active:hover {
	border-color: var(--color-dark-1);
	color: var(--color-dark-1);
	cursor: default;
}

.light-content .pagination a {
	border-color: rgba(255, 255, 255, 0.35);
	color: var(--color-dark-mode-gray-1);
}
.light-content .pagination a:hover {
	border-color: var(--color-dark-mode-gray-1);
	color: #fff;
}
.light-content .pagination a.active,
.light-content .pagination a.active:hover {
	border-color: var(--color-dark-mode-gray-1);
	color: #fff;
}

/*
 * Comments
 */

/*
 * Sidebar
 */

.widget:not(:last-child) {
	margin-bottom: 60px;
}

/* Search widget */

/* Widget menu */

/* Widget tags */
.tags a {
	display: inline-block;
	margin: 0 2px 8px 0;
	padding: 5px 7px;
	border: 1px solid var(--color-gray-light-5);
	color: var(--color-dark-4);
	font-size: 15px;
	text-decoration: none;
	border-radius: var(--border-radius-default);
	-webkit-transition: var(--transition-default);
	transition: var(--transition-default);
}
.tags a:hover {
	text-decoration: none;
	border-color: var(--color-dark-3a);
	color: var(--color-dark-1);
}

.light-content .tags a {
	border-color: var(--color-dark-mode-gray-1);
	color: var(--color-dark-mode-gray-1);
}
.light-content .tags a:hover {
	border-color: #fff;
	color: #fff;
}

/* Comments */

/* Posts */

/* ==============================
   Pricing
   ============================== */

.pricing-item {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	text-align: center;
}
.pricing-item-inner {
	display: flex;
	align-items: stretch;
	width: 100%;
	background: #fff;
	box-shadow: var(--box-shadow-block);
	transition: var(--transition-default);
	border-radius: 1.5rem !important;
}
.pricing-item-inner:hover {
	box-shadow: var(--box-shadow-block-strong);
	transform: translateY(-5px);
}
.pricing-btn {
	border-radius: 0.8rem !important;
}
.pricing-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px;
	text-align: center;
	overflow: hidden;
}
.pricing-title {
	position: relative;
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.02em;
	z-index: 1;
}
.pricing-features {
	max-width: 180px;
	margin: 0 auto 40px;
	text-align: left;
	letter-spacing: 0;
}
.pr-list {
	margin: 0;
	padding: 0;
	color: var(--color-dark-1);
	font-size: 1rem;
	font-weight: 500;
}
.pr-list li {
	display: flex;
	row-gap: 5px;
	margin-bottom: 12px;
	padding: 0;
	list-style: none;
}
.pr-list li:last-child {
	margin-bottom: 0;
}
.pricing-num {
	position: relative;
	display: inline-block;
	align-self: center;
	font-size: 60px;
	font-weight: 500;
	letter-spacing: -0.057em;
	line-height: 1;
}
.pricing-num sup {
	position: absolute;
	top: 0.8em;
	left: -0.8em;
	font-size: 20px;
	font-weight: 400;
}
.pr-per {
	margin-bottom: 30px;
	color: var(--color-gray-1);
	font-size: 16px;
}
.light-content .pricing-item-inner {
	background: var(--color-dark-3);
	border: 1px solid var(--color-dark-mode-gray-2);
}
.light-content .pr-list {
	color: #fff;
}
.light-content .pr-per {
	color: var(--color-dak-mode-gray-1);
}

/* ==============================
   Shortcodes
   ============================== */

/*
 * Lightbox modal
 */

/*
 * Owl carousel
 */

.owl-buttons {
	position: static;
}
.owl-prev,
.owl-next {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 27px;
	height: 57px;
	padding: 11px;
	box-sizing: content-box;
	font-size: 57px;
	text-align: center;
	color: var(--color-dark-1);
	opacity: 0.8;
	z-index: 6;
	transition: var(--transition-default);
}
.owl-prev:hover,
.owl-next:hover {
	opacity: 1;
}
.light-content .owl-prev,
.light-content .owl-next {
	color: #fff;
}
.owl-prev {
	left: 20px;
}
.owl-next {
	right: 20px;
}
.owl-prev svg,
.owl-next svg {
	display: block;
	height: 1em;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.35));
}
.light-content .owl-prev svg,
.light-content .owl-next svg {
	color: #fff;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.35));
}

.owl-pagination {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 0;
	text-align: center;
	line-height: 1;
}
.owl-page {
	display: inline-block;
	padding: 7px;
	position: relative;
	z-index: 1000 !important;
}
.owl-page span {
	width: 8px;
	height: 8px;
	display: block;
	background: none;
	border: 1px solid var(--color-dark-1);
	position: relative;
	border-radius: 50%;
	transition: var(--transition-default);
}
.owl-page.active span {
	background: var(--color-dark-1);
	border: 1px solid var(--color-dark-1);
}
.light-content .owl-page span {
	border: 1px solid #fff;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.light-content .owl-page.active span {
	background: #fff;
	border: 1px solid #fff;
}

/* Features slider */
.item-carousel .owl-prev {
	left: -30px;
}
.item-carousel .owl-next {
	right: -30px;
}

.item-carousel {
	padding-bottom: 70px;
}
.item-carousel .owl-pagination {
	bottom: 0;
}
.item-carousel .owl-item {
	padding: 0 50px;
}

/* Logotype slider */
.small-item-carousel.owl-carousel .owl-prev,
.small-item-carousel.owl-carousel .owl-next {
	opacity: 0;
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* Work slider & sontent slider */
.work-full-slider .owl-pagination,
.content-slider .owl-pagination {
	bottom: 15px;
}
.work-full-slider img {
	width: 100%;
}

/* Team carousel */
.team-carousel.owl-carousel {
	width: calc(100% + 30px);
}
.team-carousel .owl-item {
	padding-right: 30px;
}
.team-carousel .owl-item .team-item {
	opacity: 0;
	transform: scale(0.85);
	transition: all 0.5s ease;
}
.team-carousel .owl-item.active .team-item {
	opacity: 1;
	transform: scale(1);
}
.team-carousel .owl-pagination {
	display: none;
}
.team-carousel .owl-prev,
.team-carousel .owl-next {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(50% - var(--team-item-descr-height) / 2);
	width: 48px;
	height: 48px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-1);
	opacity: 1;
}
.team-carousel .owl-prev {
	left: 0;
	transform: translate(-50%, -50%);
}
.team-carousel .owl-next {
	right: 0;
	transform: translate(calc(50% - 30px), -50%);
}
.team-carousel .owl-prev svg,
.team-carousel .owl-next svg {
	position: relative;
	width: 1em;
	height: 1em;
}
.team-carousel .owl-prev:before,
.team-carousel .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-shadow: var(--box-shadow);
	transition: all 0.4s var(--ease-elastic-2);
}
.team-carousel .owl-prev:hover:before,
.team-carousel .owl-next:hover:before {
	box-shadow: var(--box-shadow-strong);
	transform: scale(1.25);
}

/* Testimonials slider 1 */
.testimonials-slider-1 .owl-item {
	/* transition: all 1s var(--ease-out-long); */
	/* removed animation by zihao*/
}
.testimonials-slider-1 .owl-item:not(.active) {
	opacity: 0;
	transform: scale(0.75);
}
.testimonials-slider-1 .owl-buttons {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.testimonials-slider-1 .owl-prev,
.testimonials-slider-1 .owl-next {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: static;
	width: 48px;
	height: 48px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-1);
	opacity: 1;
	transform: translate(0, 0);
}
.testimonials-slider-1 .owl-next {
	margin-left: 10px;
}
.testimonials-slider-1 .owl-prev svg,
.testimonials-slider-1 .owl-next svg {
	position: relative;
	width: 1em;
	height: 1em;
}
.testimonials-slider-1 .owl-prev:before,
.testimonials-slider-1 .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-shadow: var(--box-shadow);
	transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-1 .owl-prev:hover:before,
.testimonials-slider-1 .owl-next:hover:before {
	box-shadow: var(--box-shadow-strong);
	transform: scale(1.07);
}
.testimonials-slider-1 blockquote {
	position: relative;
	margin: 0 0 1.5em 0;
	/* padding-left: 1.9778em; */
	font-size: 46px;
	border: none;
	background: none;
}
.testimonials-slider-1 blockquote p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5;
}

/* Testimonials slider 2 */
.testimonials-slider-2 .owl-item {
	transition: all 1s var(--ease-out-long);
}
.testimonials-slider-2 .owl-item:not(.active) {
	opacity: 0;
	transform: scale(0.75);
}
.testimonials-slider-2 .owl-buttons {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.testimonials-slider-2 .owl-prev,
.testimonials-slider-2 .owl-next {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: static;
	width: 48px;
	height: 48px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-1);
	border-radius: 50%;
	opacity: 1;
	transform: translate(0, 0);
	transition: all 0.27s var(--ease-default);
}
.testimonials-slider-2 .owl-next {
	margin-left: 10px;
}
.testimonials-slider-2 .owl-prev svg,
.testimonials-slider-2 .owl-next svg {
	position: relative;
	width: 1em;
	height: 1em;
}
.testimonials-slider-2 .owl-prev:before,
.testimonials-slider-2 .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-shadow: var(--box-shadow);
	transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-2 .owl-prev:hover:before,
.testimonials-slider-2 .owl-next:hover:before {
	box-shadow: var(--box-shadow-strong);
	transform: scale(1.07);
}
.testimonials-slider-2 blockquote {
	position: relative;
	margin: 0 0 1.5em 0;
	padding-left: 220px;
	border: none;
	background: none;
	font-size: 43px;
}
.testimonials-slider-2 blockquote p {
	font-size: 43px;
	font-weight: 500;
	line-height: 1.395;
	letter-spacing: -0.03em;
}

/* Testimonials slider 3 */
.testimonials-slider-3.owl-carousel {
	display: flex !important;
	flex-direction: column;
	width: calc(100% + 30px);
}
.testimonials-slider-3 .owl-wrapper-outer {
	overflow: visible !important;
}
.testimonials-slider-3 .owl-wrapper {
	display: flex !important;
}
.testimonials-slider-3 .owl-item {
	display: flex;
	align-items: stretch;
	padding-right: 10px;
}
.testimonials-slider-3 .owl-controls {
	order: 2;
	margin-top: 10px;
}
.testimonials-slider-3 .owl-buttons {
	padding-right: 30px;
	text-align: right;
}
.testimonials-slider-3 .owl-pagination {
	display: none;
}
.testimonials-slider-3 .owl-prev,
.testimonials-slider-3 .owl-next {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	margin-left: 10px;
	padding: 0;
	font-size: 24px;
	text-align: center;
	color: var(--color-dark-1);
	border-radius: 50%;
	opacity: 1;
	transform: none;
}
.testimonials-slider-3 .owl-prev:before,
.testimonials-slider-3 .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	box-shadow: var(--box-shadow);
	transition: all 0.4s var(--ease-elastic-2);
}
.testimonials-slider-3 .owl-prev:hover:before,
.testimonials-slider-3 .owl-next:hover:before {
	box-shadow: var(--box-shadow-strong);
	transform: scale(1.07);
}
.testimonials-slider-3 .owl-prev svg,
.testimonials-slider-3 .owl-next svg {
	position: relative;
}
.testimonials-3-item {
	position: relative;
	display: flex;
	align-items: stretch;
	padding: 0;
	background: #fff;
	border-radius: 10px 0px;
	box-shadow: var(--box-shadow-block);
}
.testimonials-3-text {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}
.testimonials-3-text p {
	font-size: 24px;
	line-height: 1.5;
	letter-spacing: -0.0225em;
}
.light-content .testimonials-3-item {
	background: var(--color-dark-3);
	border: 1px solid var(--color-dark-mode-gray-2);
}

.slider-strong .owl-prev,
.slider-strong .owl-next {
	margin-left: 7px;
	border: 1px solid var(--color-dark-1);
}
.slider-strong .owl-prev:before,
.slider-strong .owl-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-dark-1);
	border-radius: 50%;
	z-index: -1;
	opacity: 0;
	transform: scale(0.3);
	transition: all 0.27s var(--ease-out-medium);
}
.slider-strong .owl-prev:hover,
.slider-strong .owl-next:hover {
	color: #fff;
	border-color: transparent;
}
.slider-strong .owl-prev:hover:before,
.slider-strong .owl-next:hover:before {
	opacity: 1;
	transform: scale(1.08);
}
.slider-strong .owl-prev svg,
.slider-strong .owl-next svg {
	width: unset;
	height: unset;
	filter: none;
}
.light-content .slider-strong .owl-prev,
.light-content .slider-strong .owl-next {
	border-color: #fff;
}
.light-content .slider-strong .owl-prev:hover,
.light-content .slider-strong .owl-next:hover {
	border-color: transparent;
}
.light-content .slider-strong .owl-prev:hover svg,
.light-content .slider-strong .owl-next:hover svg {
	color: var(--color-dark-1);
}
.light-content .slider-strong .owl-prev:before,
.light-content .slider-strong .owl-next:before {
	background: #fff;
}

.slider-bold .owl-prev,
.slider-bold .owl-next {
	font-size: 32px;
}
.slider-bold .owl-prev:before,
.slider-bold .owl-next:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-dark-1);
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.75);
	transition: all 0.27s var(--ease-default);
}
.slider-bold .owl-prev svg,
.slider-bold .owl-next svg {
	filter: none;
}
.slider-bold .owl-prev:hover,
.slider-bold .owl-next:hover {
	color: #fff;
}
.slider-bold .owl-prev:hover:before,
.slider-bold .owl-next:hover:before {
	opacity: 1;
	transform: scale(1);
}
.light-content .slider-bold .owl-prev:before,
.light-content .slider-bold .owl-next:before {
	background: #fff;
}
.light-content .slider-bold .owl-prev:hover,
.light-content .slider-bold .owl-next:hover {
	color: var(--color-dark-1);
}
.light-content .slider-bold .owl-prev:hover svg,
.light-content .slider-bold .owl-next:hover svg {
	color: var(--color-dark-1);
}

/* Owl Carousel Animation */

/*
 * Testimonials 4
 */

/*
 * Testimonials 5
 */

/*
 * Testimonials 6
 */

/*
 * Tabs
 */

/*
 * Tabs minimal
 */

.tpl-minimal-tabs {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	border: none;
}
.tpl-minimal-tabs > li {
	display: inline-block;
	padding: 0 5px;
	background: none !important;
}
.tpl-minimal-tabs > li > a,
.tpl-minimal-tabs > li > a:focus {
	padding: 5px 20px 5px;
	text-decoration: none;
	color: var(--color-dark-1);
	background: none;
	border: 1px solid transparent;
	border-radius: 100px !important;
}
.tpl-minimal-tabs > li > a:hover {
	background: none;
	border-color: var(--color-gray-light-5) !important;
	color: var(--color-dark-1);
}
.tpl-minimal-tabs li a.active,
.tpl-minimal-tabs li a.active:hover {
	border: 1px solid var(--color-dark-3) !important;
	background: none !important;
	color: var(--color-dark-1) !important;
	cursor: default;
}
.light-content .tpl-minimal-tabs > li > a {
	color: #fff;
}
.light-content .tpl-minimal-tabs > li > a:hover {
	border-color: var(--color-dark-4) !important;
}
.light-content .tpl-minimal-tabs li a.active,
.light-content .tpl-minimal-tabs li a.active:hover {
	border: 1px solid #fff !important;
	color: #fff !important;
}

/*
 * Tabs alternative
 */

/*
 * Tooltips
 */

.dark-mode .tooltip-inner {
	background-color: var(--color-dark-3a);
	border: 1px solid var(--color-dark-mode-gray-2);
	opacity: 1 !important;
}

/*
 * Alert messages
 */

.alert {
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
 * Accordion
 */

.accordion {
	border-bottom: 1px solid var(--color-dark-1);
}
.accordion > dt {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
}
.accordion > dt > a {
	display: block;
	position: relative;
	color: var(--color-dark-1);
	text-decoration: none;
	padding: 20px 30px 20px 0;
	border-top: 1px solid var(--color-dark-1);
	transition: var(--transition-default);
}
.accordion > dt > a:hover {
	text-decoration: none;
}
.accordion > dt > a.active {
	cursor: default;
}
.accordion > dt > a:after {
	content: "\e91f";
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%);
	color: var(--color-dark-1);
	font-family: "icons" !important;
	font-size: 22px;
	text-align: center;
	transition: var(--transition-default);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
	transform: translateY(-50%) rotate(-180deg);
}
.accordion > dd {
	margin-bottom: 1.55em;
	font-size: 18px;
	line-height: 1.625;
}

.light-content .accordion {
	border-color: #fff;
}
.light-content .accordion > dt > a {
	color: #fff;
	border-color: #fff;
}
.light-content .accordion > dt > a:after {
	color: #fff;
}
.light-content .accordion > dd {
	color: #fff;
	font-weight: 400;
}

/*
 * Toggle
 */

.toggle {
	border-bottom: 1px solid var(--color-dark-1);
}
.toggle > dt {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
}
.toggle > dt > a {
	display: block;
	position: relative;
	color: var(--color-dark-1);
	text-decoration: none;
	padding: 20px 30px 20px 0;
	border-top: 1px solid var(--color-dark-1);
	transition: var(--transition-default);
}
.toggle > dt > a:hover {
	text-decoration: none;
}
.toggle > dt > a:after {
	content: "\e91f";
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	position: absolute;
	top: 50%;
	right: 3px;
	transform: translateY(-50%);
	color: var(--color-dark-1);
	font-family: "icons" !important;
	font-size: 22px;
	text-align: center;
	transition: var(--transition-default);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after {
	transform: translateY(-50%) rotate(-180deg);
}
.toggle > dd {
	margin-bottom: 1.55em;
	font-size: 18px;
	line-height: 1.625;
	opacity: 1;
}

.light-content .toggle {
	border-color: #fff;
}
.light-content .toggle > dt > a {
	color: #fff;
	border-color: #fff;
}
.light-content .toggle > dt > a:after {
	color: #fff;
}
.light-content .toggle > dd {
	color: #fff;
	font-weight: 400;
}

/*
 * Accorfion style 1
 */

.accordion-1 {
	border-bottom: 1px solid var(--color-dark-1);
}
.accordion-1 > dt {
	margin-bottom: 0;
	font-size: 31px;
	font-weight: 500;
	text-transform: uppercase;
}
.accordion-1 > dt > a {
	display: block;
	position: relative;
	color: var(--color-dark-1);
	text-decoration: none;
	padding: 22px 30px 22px 0;
	border-top: 1px solid var(--color-dark-1);
	transition: var(--transition-default);
}
.accordion-1 > dt > a:hover {
	text-decoration: none;
}
.accordion-1 > dt > a > span {
	position: relative;
	display: inline-block;
}
.accordion-1 > dt > a > span:before {
	content: "";
	position: absolute;
	top: 0.05em;
	left: calc(100% + 7px);
	width: 5px;
	height: 5px;
	background: var(--color-dark-1);
	border-radius: 3px;
	opacity: 0;
	transform: scale(0);
	transition: var(--transition-default);
}
.accordion-1 > dt > a:hover > span:before {
	opacity: 1;
	transform: none;
}
.accordion-1 > dd {
	margin-bottom: 1.55em;
	font-size: 16px;
	line-height: 1.625;
	opacity: 1;
}
.accordion-1 > dd > div {
	opacity: 0;
	transform: translateY(7px);
	transition: all 0.27s 0.125s var(--ease-default);
}
.accordion-1 > dd.active > div {
	opacity: 1;
	transform: none;
}

.light-content .accordion-1 {
	border-color: rgba(255, 255, 255, 0.9);
}
.light-content .accordion-1 > dt > a {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.9);
}
.light-content .accordion-1 > dt > a > span:before {
	background: #fff;
}

/*
 * Progress bars
 */

/* Alt progress bars */

/*
 * Icons examples
 */

/*
 * Morphext
 */

.morphext > .animated {
	display: inline-block;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
}

/* ==============================
   Skip to content link
   ============================== */

.skip-to-content {
	position: absolute;
	top: 3px;
	left: 3px;
	padding: 20px 40px;
	color: #ffffff;
	background: var(--color-dark-1);
	-webkit-transform: translateY(-150%);
	-moz-transform: translateY(-150%);
	transform: translateY(-150%);
	z-index: 100000;
}
.skip-to-content:hover,
.skip-to-content:focus,
.skip-to-content.focus-visible {
	color: #ffffff;
	opacity: 1;
	background: #000;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

/* ==============================
   Cookies
   ============================== */

.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	max-width: 500px;
	padding: 10px;
	z-index: 999;
}

/* ==============================
   Intro page
   ============================== */