:root {
	--menu-margin: 40px;
	--menu-height: calc(100vh - var(--menu-margin));
	--menu-color: var(--e-global-color-primary);
	--menu-text: var(--e-global-color-text)
}

.elementor-kit-5 {
	--menu-margin: 40px;
	--menu-height: calc(100vh - var(--menu-margin));
	--menu-color: var(--e-global-color-primary);
	--menu-text: var(--e-global-color-text)
}

#menu_c {
	background-color: var(--menu-color) !important
}

#menu_c #menu .current-menu-item {
	background-color: var(--menu-color) !important;
	color: var(--menu-text) !important
}

#menu_c #menu .current-menu-item a,
#menu_c #menu .elementor-item-active {
	color: var(--menu-text) !important
}

#menu_c #menu a:hover,
#menu_c #menu .menu-item:hover {
	background-color: var(--menu-color) !important;
	color: var(--menu-text) !important
}

#menu_c #conts {
	background-color: var(--menu-color) !important
}

#menu_c #conts #contents .elementor-toc__header-title,
#menu_c #conts #contents a,
#menu_c #conts #contents .elementor-toc__list-item-text {
	color: var(--menu-text) !important
}

#menu_c #conts #contents .elementor-item-active {
	font-weight: 700 !important
}

#menu_c #conts #contents li {
	padding: 5px 10px
}

#menu_c #conts #contents li:hover {
	color: var(--menu-color) !important;
	background-color: var(--menu-text) !important
}

#menu_c #conts #contents li:hover a,
#menu_c #conts #contents li:hover .elementor-toc__list-item-text {
	color: var(--menu-color) !important
}

#menu_c #conts #contents li:hover svg {
	fill: var(--menu-color) !important
}

#prev_bt .elementor-button,
#next_bt .elementor-button,
#home_bt .elementor-button {
	background-color: var(--menu-color) !important;
	color: var(--menu-text) !important
}

#prev_bt .elementor-button svg,
#next_bt .elementor-button svg,
#home_bt .elementor-button svg {
	fill: var(--menu-text) !important
}

#prev_bt .elementor-button:hover,
#next_bt .elementor-button:hover,
#home_bt .elementor-button:hover {
	color: var(--menu-color) !important;
	background-color: var(--menu-text) !important
}

#prev_bt .elementor-button:hover svg,
#next_bt .elementor-button:hover svg,
#home_bt .elementor-button:hover svg {
	fill: var(--menu-color) !important
}

#sidemenu_button .elementor-icon {
	background-color: var(--menu-color) !important;
	color: var(--menu-text) !important;
	border-color: var(--menu-text) !important
}

#sidemenu_button .elementor-icon svg {
	fill: var(--menu-text) !important
}

#sidemenu_button .elementor-icon:hover {
	color: var(--menu-color) !important;
	border-color: var(--menu-color) !important;
	background-color: var(--menu-text) !important
}

#sidemenu_button .elementor-icon:hover svg {
	fill: var(--menu-color) !important
}

html,
body {
	overflow: auto;
	overflow-x: hidden
}

.mayus {
	text-transform: uppercase !important
}

.gri {
	font-size: .75em;
	border-radius: 20px;
	padding: .25em 1.25em;
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-text);
	text-wrap: nowrap;
	font-weight: 500;
	cursor: default
}

.masked {
	mask-size: 90%;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-origin: border-box;
	-webkit-mask-size: 90%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-origin: border-box
}

.masked.shape-9 {
	mask-image: url('../media/Shapes/shape-009.webp');
	-webkit-mask-image: url('../media/Shapes/shape-009.webp')
}

.masked.shape-8 {
	mask-image: url('../media/Shapes/shape-008.webp');
	-webkit-mask-image: url('../media/Shapes/shape-008.webp')
}

.masked.shape-7 {
	mask-image: url('../media/Shapes/shape-007.webp');
	-webkit-mask-image: url('../media/Shapes/shape-007.webp')
}

.masked.shape-6 {
	mask-image: url('../media/Shapes/shape-006.webp');
	-webkit-mask-image: url('../media/Shapes/shape-006.webp')
}

.masked.shape-5 {
	mask-image: url('../media/Shapes/shape-005.webp');
	-webkit-mask-image: url('../media/Shapes/shape-005.webp')
}

.masked.shape-4 {
	mask-image: url('../media/Shapes/shape-004.webp');
	-webkit-mask-image: url('../media/Shapes/shape-004.webp')
}

.masked.shape-3 {
	mask-image: url('../media/Shapes/shape-003.webp');
	-webkit-mask-image: url('../media/Shapes/shape-003.webp')
}

.masked.shape-2 {
	mask-image: url('../media/Shapes/shape-002.webp');
	-webkit-mask-image: url('../media/Shapes/shape-002.webp')
}

.masked.shape-1 {
	mask-image: url('../media/Shapes/shape-001.webp');
	-webkit-mask-image: url('../media/Shapes/shape-001.webp')
}

.rotate-mask-5,
.rotate-mask-r-5 {
	animation-name: rotateL-5
}

.rotate-mask-5 .elementor-widget-container,
.rotate-mask-r-5 .elementor-widget-container {
	animation-name: rotateR-5
}

.rotate-mask-l-5 {
	animation-name: rotateR-5
}

.rotate-mask-l-5 .elementor-widget-container {
	animation-name: rotateL-5
}

.rotate-5 .elementor-widget-container,
.rotate-r-5 .elementor-widget-container {
	animation-name: rotateR-5
}

.rotate-l-5 .elementor-widget-container {
	animation-name: rotateL-5
}

@keyframes rotateL-5 {

	0%,
	100% {
		transform: rotate(-5deg)
	}

	50% {
		transform: rotate(5deg)
	}
}

@keyframes rotateR-5 {

	0%,
	100% {
		transform: rotate(5deg)
	}

	50% {
		transform: rotate(-5deg)
	}
}

.rotate-mask-10,
.rotate-mask-r-10 {
	animation-name: rotateL-10
}

.rotate-mask-10 .elementor-widget-container,
.rotate-mask-r-10 .elementor-widget-container {
	animation-name: rotateR-10
}

.rotate-mask-l-10 {
	animation-name: rotateR-10
}

.rotate-mask-l-10 .elementor-widget-container {
	animation-name: rotateL-10
}

.rotate-10 .elementor-widget-container,
.rotate-r-10 .elementor-widget-container {
	animation-name: rotateR-10
}

.rotate-l-10 .elementor-widget-container {
	animation-name: rotateL-10
}

@keyframes rotateL-10 {

	0%,
	100% {
		transform: rotate(-10deg)
	}

	50% {
		transform: rotate(10deg)
	}
}

@keyframes rotateR-10 {

	0%,
	100% {
		transform: rotate(10deg)
	}

	50% {
		transform: rotate(-10deg)
	}
}

.rotate-mask-20,
.rotate-mask-r-20 {
	animation-name: rotateL-20
}

.rotate-mask-20 .elementor-widget-container,
.rotate-mask-r-20 .elementor-widget-container {
	animation-name: rotateR-20
}

.rotate-mask-l-20 {
	animation-name: rotateR-20
}

.rotate-mask-l-20 .elementor-widget-container {
	animation-name: rotateL-20
}

.rotate-20 .elementor-widget-container,
.rotate-r-20 .elementor-widget-container {
	animation-name: rotateR-20
}

.rotate-l-20 .elementor-widget-container {
	animation-name: rotateL-20
}

@keyframes rotateL-20 {

	0%,
	100% {
		transform: rotate(-20deg)
	}

	50% {
		transform: rotate(20deg)
	}
}

@keyframes rotateR-20 {

	0%,
	100% {
		transform: rotate(20deg)
	}

	50% {
		transform: rotate(-20deg)
	}
}

.rotate-mask-45,
.rotate-mask-r-45 {
	animation-name: rotateL-45
}

.rotate-mask-45 .elementor-widget-container,
.rotate-mask-r-45 .elementor-widget-container {
	animation-name: rotateR-45
}

.rotate-mask-l-45 {
	animation-name: rotateR-45
}

.rotate-mask-l-45 .elementor-widget-container {
	animation-name: rotateL-45
}

.rotate-45 .elementor-widget-container,
.rotate-r-45 .elementor-widget-container {
	animation-name: rotateR-45
}

.rotate-l-45 .elementor-widget-container {
	animation-name: rotateL-45
}

@keyframes rotateL-45 {

	0%,
	100% {
		transform: rotate(-45deg)
	}

	50% {
		transform: rotate(45deg)
	}
}

@keyframes rotateR-45 {

	0%,
	100% {
		transform: rotate(45deg)
	}

	50% {
		transform: rotate(-45deg)
	}
}

.rotate-mask-90,
.rotate-mask-r-90 {
	animation-name: rotateL-90
}

.rotate-mask-90 .elementor-widget-container,
.rotate-mask-r-90 .elementor-widget-container {
	animation-name: rotateR-90
}

.rotate-mask-l-90 {
	animation-name: rotateR-90
}

.rotate-mask-l-90 .elementor-widget-container {
	animation-name: rotateL-90
}

.rotate-90 .elementor-widget-container,
.rotate-r-90 .elementor-widget-container {
	animation-name: rotateR-90
}

.rotate-l-90 .elementor-widget-container {
	animation-name: rotateL-90
}

@keyframes rotateL-90 {

	0%,
	100% {
		transform: rotate(-90deg)
	}

	50% {
		transform: rotate(90deg)
	}
}

@keyframes rotateR-90 {

	0%,
	100% {
		transform: rotate(90deg)
	}

	50% {
		transform: rotate(-90deg)
	}
}

.rotate-mask-180,
.rotate-mask-r-180 {
	animation-name: rotateL-180
}

.rotate-mask-180 .elementor-widget-container,
.rotate-mask-r-180 .elementor-widget-container {
	animation-name: rotateR-180
}

.rotate-mask-l-180 {
	animation-name: rotateR-180
}

.rotate-mask-l-180 .elementor-widget-container {
	animation-name: rotateL-180
}

.rotate-180 .elementor-widget-container,
.rotate-r-180 .elementor-widget-container {
	animation-name: rotateR-180
}

.rotate-l-180 .elementor-widget-container {
	animation-name: rotateL-180
}

@keyframes rotateL-180 {

	0%,
	100% {
		transform: rotate(-180deg)
	}

	50% {
		transform: rotate(180deg)
	}
}

@keyframes rotateR-180 {

	0%,
	100% {
		transform: rotate(180deg)
	}

	50% {
		transform: rotate(-180deg)
	}
}

.rotate-mask-360,
.rotate-mask-r-360 {
	animation-name: rotateL-360
}

.rotate-mask-360 .elementor-widget-container,
.rotate-mask-r-360 .elementor-widget-container {
	animation-name: rotateR-360
}

.rotate-mask-l-360 {
	animation-name: rotateR-360
}

.rotate-mask-l-360 .elementor-widget-container {
	animation-name: rotateL-360
}

.rotate-360 .elementor-widget-container,
.rotate-r-360 .elementor-widget-container {
	animation-name: rotateR-360
}

.rotate-l-360 .elementor-widget-container {
	animation-name: rotateL-360
}

@keyframes rotateL-360 {

	0%,
	100% {
		transform: rotate(-360deg)
	}

	50% {
		transform: rotate(360deg)
	}
}

@keyframes rotateR-360 {

	0%,
	100% {
		transform: rotate(360deg)
	}

	50% {
		transform: rotate(-360deg)
	}
}

.time-1,
.time-1 .elementor-widget-container {
	animation-duration: 0.5s
}

.time-2,
.time-2 .elementor-widget-container {
	animation-duration: 1s
}

.time-3,
.time-3 .elementor-widget-container {
	animation-duration: 1.5s
}

.time-4,
.time-4 .elementor-widget-container {
	animation-duration: 2s
}

.time-5,
.time-5 .elementor-widget-container {
	animation-duration: 2.5s
}

.time-10,
.time-10 .elementor-widget-container {
	animation-duration: 5s
}

.time-20,
.time-20 .elementor-widget-container {
	animation-duration: 10s
}

.time-30,
.time-30 .elementor-widget-container {
	animation-duration: 15s
}

.time-60,
.time-60 .elementor-widget-container {
	animation-duration: 30s
}

.time-120,
.time-120 .elementor-widget-container {
	animation-duration: 60s
}

.time-240,
.time-240 .elementor-widget-container {
	animation-duration: 120s
}

.anchor,
.anchor .elementor-widget-container {
	transform-origin: center;
	height: unset !important
}

.loop,
.loop .elementor-widget-container {
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	white-space: nowrap;
	display: block;
	transform-origin: 50% 50%
}

.loop img,
.loop .elementor-widget-container img {
	object-fit: cover !important;
	aspect-ratio: 1/1 !important;
}

.fit-img img,
.fit-img .elementor-widget-container img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	scale: 1.01
}

.thin {
	font-weight: 100 !important
}

.light {
	font-weight: 300 !important
}

.regular {
	font-weight: 500 !important
}

.bold {
	font-weight: 700 !important
}

.bolder {
	font-weight: 900 !important
}

.img-blue {
	filter: invert(32%) sepia(87%) saturate(6186%) hue-rotate(228deg) brightness(105%) contrast(91%)
}

.img-gray {
	filter: invert(84%) sepia(51%) saturate(1%) hue-rotate(1deg) brightness(100%) contrast(92%)
}

.img-green {
	filter: invert(50%) sepia(88%) saturate(384%) hue-rotate(87deg) brightness(94%) contrast(89%)
}

.img-black {
	filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(0) brightness(0%) contrast(100%)
}

.img-white {
	filter: invert(100%)
}

.img-yellow {
	filter: invert(88%) sepia(26%) saturate(1934%) hue-rotate(333deg) brightness(103%) contrast(98%)
}

.img-yellow-2 {
	filter: invert(90%) sepia(21%) saturate(2179%) hue-rotate(347deg) brightness(106%) contrast(101%)
}

.img-yellow-3 {
	filter: invert(94%) sepia(13%) saturate(3243%) hue-rotate(330deg) brightness(94%) contrast(102%)
}

.white {
	color: var(--e-global-color-secondary) !important
}

.white-bold b,
.white-b b,
.white-bold strong,
.white-b strong {
	color: var(--e-global-color-secondary)
}

.white-link a,
.white-a a {
	color: var(--e-global-color-secondary) !important
}

.white-hover:hover,
.white-h:hover {
	color: var(--e-global-color-secondary) !important
}

.white-bg,
.white-bg {
	background-color: var(--e-global-color-secondary) !important
}

.white-fill,
.white-fill {
	fill: var(--e-global-color-secondary) !important
}

.white-hover-bg:hover,
.white-bg-h:hover {
	background-color: var(--e-global-color-secondary) !important
}

.white-border,
.white-br {
	border-color: var(--e-global-color-secondary) !important
}

.white-line,
.white-line tr {
	border-bottom: var(--e-global-color-secondary) 2px solid !important
}

.white-list ul>li:before,
.white-li ul>li:before {
	color: var(--e-global-color-secondary) !important
}

.white-th th {
	color: var(--e-global-color-secondary) !important
}

.white-table table,
.white-t table {
	border-bottom: 2px solid var(--e-global-color-secondary) !important;
	border-top: 2px solid var(--e-global-color-secondary) !important
}

.white-table table td,
.white-t table td {
	border-bottom: 1px solid var(--e-global-color-secondary) !important
}

.white-table table th,
.white-t table th {
	border-bottom: 1px solid var(--e-global-color-secondary) !important
}

.gray {
	color: var(--e-global-color-7df26ef) !important
}

.gray-bold b,
.gray-b b,
.gray-bold strong,
.gray-b strong {
	color: var(--e-global-color-7df26ef)
}

.gray-link a,
.gray-a a {
	color: var(--e-global-color-7df26ef) !important
}

.gray-hover:hover,
.gray-h:hover {
	color: var(--e-global-color-7df26ef) !important
}

.gray-bg,
.gray-bg {
	background-color: var(--e-global-color-7df26ef) !important
}

.gray-fill,
.gray-fill {
	fill: var(--e-global-color-7df26ef) !important
}

.gray-hover-bg:hover,
.gray-bg-h:hover {
	background-color: var(--e-global-color-7df26ef) !important
}

.gray-border,
.gray-br {
	border-color: var(--e-global-color-7df26ef) !important
}

.gray-line,
.gray-line tr {
	border-bottom: var(--e-global-color-7df26ef) 2px solid !important
}

.gray-list ul>li:before,
.gray-li ul>li:before {
	color: var(--e-global-color-7df26ef) !important
}

.gray-th th {
	color: var(--e-global-color-7df26ef) !important
}

.gray-table table,
.gray-t table {
	border-bottom: 2px solid var(--e-global-color-7df26ef) !important;
	border-top: 2px solid var(--e-global-color-7df26ef) !important
}

.gray-table table td,
.gray-t table td {
	border-bottom: 1px solid var(--e-global-color-7df26ef) !important
}

.gray-table table th,
.gray-t table th {
	border-bottom: 1px solid var(--e-global-color-7df26ef) !important
}

.blue {
	color: var(--e-global-color-accent) !important
}

.blue-bold b,
.blue-b b,
.blue-bold strong,
.blue-b strong {
	color: var(--e-global-color-accent)
}

.blue-link a,
.blue-a a {
	color: var(--e-global-color-accent) !important
}

.blue-hover:hover,
.blue-h:hover {
	color: var(--e-global-color-accent) !important
}

.blue-bg,
.blue-bg {
	background-color: var(--e-global-color-accent) !important
}

.blue-fill,
.blue-fill {
	fill: var(--e-global-color-accent) !important
}

.blue-hover-bg:hover,
.blue-bg-h:hover {
	background-color: var(--e-global-color-accent) !important
}

.blue-border,
.blue-br {
	border-color: var(--e-global-color-accent) !important
}

.blue-line,
.blue-line tr {
	border-bottom: var(--e-global-color-accent) 2px solid !important
}

.blue-list ul>li:before,
.blue-li ul>li:before {
	color: var(--e-global-color-accent) !important
}

.blue-th th {
	color: var(--e-global-color-accent) !important
}

.blue-table table,
.blue-t table {
	border-bottom: 2px solid var(--e-global-color-accent) !important;
	border-top: 2px solid var(--e-global-color-accent) !important
}

.blue-table table td,
.blue-t table td {
	border-bottom: 1px solid var(--e-global-color-accent) !important
}

.blue-table table th,
.blue-t table th {
	border-bottom: 1px solid var(--e-global-color-accent) !important
}

.green {
	color: var(--e-global-color-b569d17) !important
}

.green-bold b,
.green-b b,
.green-bold strong,
.green-b strong {
	color: var(--e-global-color-b569d17)
}

.green-link a,
.green-a a {
	color: var(--e-global-color-b569d17) !important
}

.green-hover:hover,
.green-h:hover {
	color: var(--e-global-color-b569d17) !important
}

.green-bg,
.green-bg {
	background-color: var(--e-global-color-b569d17) !important
}

.green-fill,
.green-fill {
	fill: var(--e-global-color-b569d17) !important
}

.green-hover-bg:hover,
.green-bg-h:hover {
	background-color: var(--e-global-color-b569d17) !important
}

.green-border,
.green-br {
	border-color: var(--e-global-color-b569d17) !important
}

.green-line,
.green-line tr {
	border-bottom: var(--e-global-color-b569d17) 2px solid !important
}

.green-list ul>li:before,
.green-li ul>li:before {
	color: var(--e-global-color-b569d17) !important
}

.green-th th {
	color: var(--e-global-color-b569d17) !important
}

.green-table table,
.green-t table {
	border-bottom: 2px solid var(--e-global-color-b569d17) !important;
	border-top: 2px solid var(--e-global-color-b569d17) !important
}

.green-table table td,
.green-t table td {
	border-bottom: 1px solid var(--e-global-color-b569d17) !important
}

.green-table table th,
.green-t table th {
	border-bottom: 1px solid var(--e-global-color-b569d17) !important
}

.black {
	color: var(--e-global-color-text) !important
}

.black-bold b,
.black-b b,
.black-bold strong,
.black-b strong {
	color: var(--e-global-color-text)
}

.black-link a,
.black-a a {
	color: var(--e-global-color-text) !important
}

.black-hover:hover,
.black-h:hover {
	color: var(--e-global-color-text) !important
}

.black-bg,
.black-bg {
	background-color: var(--e-global-color-text) !important
}

.black-fill,
.black-fill {
	fill: var(--e-global-color-text) !important
}

.black-hover-bg:hover,
.black-bg-h:hover {
	background-color: var(--e-global-color-text) !important
}

.black-border,
.black-br {
	border-color: var(--e-global-color-text) !important
}

.black-line,
.black-line tr {
	border-bottom: var(--e-global-color-text) 2px solid !important
}

.black-list ul>li:before,
.black-li ul>li:before {
	color: var(--e-global-color-text) !important
}

.black-th th {
	color: var(--e-global-color-text) !important
}

.black-table table,
.black-t table {
	border-bottom: 2px solid var(--e-global-color-text) !important;
	border-top: 2px solid var(--e-global-color-text) !important
}

.black-table table td,
.black-t table td {
	border-bottom: 1px solid var(--e-global-color-text) !important
}

.black-table table th,
.black-t table th {
	border-bottom: 1px solid var(--e-global-color-text) !important
}

.yellow {
	color: var(--e-global-color-primary) !important
}

.yellow-bold b,
.yellow-b b,
.yellow-bold strong,
.yellow-b strong {
	color: var(--e-global-color-primary)
}

.yellow-link a,
.yellow-a a {
	color: var(--e-global-color-primary) !important
}

.yellow-hover:hover,
.yellow-h:hover {
	color: var(--e-global-color-primary) !important
}

.yellow-bg,
.yellow-bg {
	background-color: var(--e-global-color-primary) !important
}

.yellow-fill,
.yellow-fill {
	fill: var(--e-global-color-primary) !important
}

.yellow-hover-bg:hover,
.yellow-bg-h:hover {
	background-color: var(--e-global-color-primary) !important
}

.yellow-border,
.yellow-br {
	border-color: var(--e-global-color-primary) !important
}

.yellow-line,
.yellow-line tr {
	border-bottom: var(--e-global-color-primary) 2px solid !important
}

.yellow-list ul>li:before,
.yellow-li ul>li:before {
	color: var(--e-global-color-primary) !important
}

.yellow-th th {
	color: var(--e-global-color-primary) !important
}

.yellow-table table,
.yellow-t table {
	border-bottom: 2px solid var(--e-global-color-primary) !important;
	border-top: 2px solid var(--e-global-color-primary) !important
}

.yellow-table table td,
.yellow-t table td {
	border-bottom: 1px solid var(--e-global-color-primary) !important
}

.yellow-table table th,
.yellow-t table th {
	border-bottom: 1px solid var(--e-global-color-primary) !important
}

.yellow-2 {
	color: var(--e-global-color-8c05089) !important
}

.yellow-2-bold b,
.yellow-2-b b,
.yellow-2-bold strong,
.yellow-2-b strong {
	color: var(--e-global-color-8c05089)
}

.yellow-2-link a,
.yellow-2-a a {
	color: var(--e-global-color-8c05089) !important
}

.yellow-2-hover:hover,
.yellow-2-h:hover {
	color: var(--e-global-color-8c05089) !important
}

.yellow-2-bg,
.yellow-2-bg {
	background-color: var(--e-global-color-8c05089) !important
}

.yellow-2-fill,
.yellow-2-fill {
	fill: var(--e-global-color-8c05089) !important
}

.yellow-2-hover-bg:hover,
.yellow-2-bg-h:hover {
	background-color: var(--e-global-color-8c05089) !important
}

.yellow-2-border,
.yellow-2-br {
	border-color: var(--e-global-color-8c05089) !important
}

.yellow-2-line,
.yellow-2-line tr {
	border-bottom: var(--e-global-color-8c05089) 2px solid !important
}

.yellow-2-list ul>li:before,
.yellow-2-li ul>li:before {
	color: var(--e-global-color-8c05089) !important
}

.yellow-2-th th {
	color: var(--e-global-color-8c05089) !important
}

.yellow-2-table table,
.yellow-2-t table {
	border-bottom: 2px solid var(--e-global-color-8c05089) !important;
	border-top: 2px solid var(--e-global-color-8c05089) !important
}

.yellow-2-table table td,
.yellow-2-t table td {
	border-bottom: 1px solid var(--e-global-color-8c05089) !important
}

.yellow-2-table table th,
.yellow-2-t table th {
	border-bottom: 1px solid var(--e-global-color-8c05089) !important
}

.yellow-3 {
	color: var(--e-global-color-91b0853) !important
}

.yellow-3-bold b,
.yellow-3-b b,
.yellow-3-bold strong,
.yellow-3-b strong {
	color: var(--e-global-color-91b0853)
}

.yellow-3-link a,
.yellow-3-a a {
	color: var(--e-global-color-91b0853) !important
}

.yellow-3-hover:hover,
.yellow-3-h:hover {
	color: var(--e-global-color-91b0853) !important
}

.yellow-3-bg,
.yellow-3-bg {
	background-color: var(--e-global-color-91b0853) !important
}

.yellow-3-fill,
.yellow-3-fill {
	fill: var(--e-global-color-91b0853) !important
}

.yellow-3-hover-bg:hover,
.yellow-3-bg-h:hover {
	background-color: var(--e-global-color-91b0853) !important
}

.yellow-3-border,
.yellow-3-br {
	border-color: var(--e-global-color-91b0853) !important
}

.yellow-3-line,
.yellow-3-line tr {
	border-bottom: var(--e-global-color-91b0853) 2px solid !important
}

.yellow-3-list ul>li:before,
.yellow-3-li ul>li:before {
	color: var(--e-global-color-91b0853) !important
}

.yellow-3-th th {
	color: var(--e-global-color-91b0853) !important
}

.yellow-3-table table,
.yellow-3-t table {
	border-bottom: 2px solid var(--e-global-color-91b0853) !important;
	border-top: 2px solid var(--e-global-color-91b0853) !important
}

.yellow-3-table table td,
.yellow-3-t table td {
	border-bottom: 1px solid var(--e-global-color-91b0853) !important
}

.yellow-3-table table th,
.yellow-3-t table th {
	border-bottom: 1px solid var(--e-global-color-91b0853) !important
}

.transparent,
.trans {
	color: var(--e-global-color-06e2e0f) !important
}

.transparent-bold b,
.trans-bold b,
.transparent-b b,
.trans-b b,
.transparent-bold strong,
.trans-bold strong,
.transparent-b strong,
.trans-b strong {
	color: var(--e-global-color-06e2e0f)
}

.transparent-link a,
.trans-link a,
.transparent-a a,
.trans-a a {
	color: var(--e-global-color-06e2e0f) !important
}

.transparent-hover:hover,
.trans-hover:hover,
.transparent-h:hover,
.trans-h:hover {
	color: var(--e-global-color-06e2e0f) !important
}

.transparent-bg,
.trans-bg,
.transparent-bg,
.trans-bg {
	background-color: var(--e-global-color-06e2e0f) !important
}

.transparent-fill,
.trans-fill,
.transparent-fill,
.trans-fill {
	fill: var(--e-global-color-06e2e0f) !important
}

.transparent-hover-bg:hover,
.trans-hover-bg:hover,
.transparent-bg-h:hover,
.trans-bg-h:hover {
	background-color: var(--e-global-color-06e2e0f) !important
}

.transparent-border,
.trans-border,
.transparent-br,
.trans-br {
	border-color: var(--e-global-color-06e2e0f) !important
}

.transparent-line,
.trans-line,
.transparent-line tr,
.trans-line tr {
	border-bottom: var(--e-global-color-06e2e0f) 2px solid !important
}

.transparent-list ul>li:before,
.trans-list ul>li:before,
.transparent-li ul>li:before,
.trans-li ul>li:before {
	color: var(--e-global-color-06e2e0f) !important
}

.transparent-th th,
.trans-th th {
	color: var(--e-global-color-06e2e0f) !important
}

.transparent-table table,
.trans-table table,
.transparent-t table,
.trans-t table {
	border-bottom: 2px solid var(--e-global-color-06e2e0f) !important;
	border-top: 2px solid var(--e-global-color-06e2e0f) !important
}

.transparent-table table td,
.trans-table table td,
.transparent-t table td,
.trans-t table td {
	border-bottom: 1px solid var(--e-global-color-06e2e0f) !important
}

.transparent-table table th,
.trans-table table th,
.transparent-t table th,
.trans-t table th {
	border-bottom: 1px solid var(--e-global-color-06e2e0f) !important
}

.glass {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}

.bullet {
	font-size: 125%;
	font-weight: 900;
	margin-left: -10px;
	padding-right: 5px
}

h2,
h3,
h4,
h5,
h6 {
	font-weight: normal
}

.index .text {
	padding-left: .4em
}

.index.source .type,
.index.graph .type,
.index.table .type {
	font-weight: bold
}

.table .elementor-widget-container {
	max-width: 100%;
	overflow: auto
}

.table table {
	min-width: 100% !important;
	width: max-content !important;
	border: none
}

.table table,
.table table thead,
.table table tbody,
.table table tfoot,
.table table tr {
	border: unset
}

.table table td,
.table table th {
	border: none;
	width: auto;
	max-width: 250px !important;
	min-width: 40px !important
}

.table-line tr {
	border-bottom: var(--e-global-color-7df26ef) 2px solid
}

.table-line tbody tr:last-child,
.table-line tfoot tr:last-child {
	border-bottom: none !important
}

.table-line tfoot tr:first-child {
	border-top: 2px solid !important
}

.table-left td,
.table-left th {
	text-align: left
}

.table-right td,
.table-right th {
	text-align: right
}

.table-center td,
.table-center th {
	text-align: center
}

.table-lined table {
	border-collapse: separate;
	border-spacing: 10px
}

.table-lined table tr {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	position: relative;
	padding: 0;
	margin: 10px 0;
	background-color: transparent !important
}

.table-lined table tr td,
.table-lined table tr th {
	padding: 10px;
	border: none !important;
	background-color: transparent !important
}

.table-lined table tr td::before {
	content: '';
	position: absolute;
	top: 0;
	left: -10px;
	right: -10px;
	bottom: 0;
	border: 2px solid var(--e-global-color-secondary);
	border-radius: 20px;
	z-index: -1
}

.round {
	border-radius: 10px;
	padding: 5px
}

.round-2 {
	border-radius: 20px;
	padding: 10px
}

.white-lined table tr td::before {
	border-color: var(--e-global-color-b569d17) !important
}

.gray-lined table tr td::before {
	border-color: var(--e-global-color-7df26ef) !important
}

.blue-lined table tr td::before {
	border-color: var(--e-global-color-accent) !important
}

.green-lined table tr td::before {
	border-color: var(--e-global-color-b569d17) !important
}

.black-lined table tr td::before {
	border-color: var(--e-global-color-text) !important
}

.yellow-lined table tr td::before {
	border-color: var(--e-global-color-primary) !important
}

.big-bold strong,
.bold-big strong,
.big-bold b,
.bold-big b {
	font-size: 2em
}

strong,
b {
	font-weight: 700
}

table {
	border-bottom: 2px solid var(--e-global-color-7df26ef);
	border-top: 2px solid var(--e-global-color-7df26ef);
	border: 0
}

table tr {
	background-color: var(--e-global-color-06e2e0f);
	transition: all .25s
}

table tr:hover {
	background-color: rgba(0, 0, 0, 0.1)
}

table td {
	border-bottom: 1px solid var(--e-global-color-7df26ef);
	border: 0;
	margin: 0;
	min-width: 100px;
	padding: 10px;
	text-align: center;
	vertical-align: top
}

table td:first-child {
	text-align: left
}

table th {
	border-bottom: 1px solid var(--e-global-color-7df26ef);
	border: 0;
	margin: 0;
	min-width: 100px;
	padding: 10px;
	text-align: center;
	vertical-align: middle
}

.left {
	text-align: left !important
}

.right {
	text-align: right !important
}

.center {
	text-align: center !important
}

.title {
	font-weight: 100
}

.title b,
.title strong {
	font-size: 110%;
	font-weight: normal !important
}

.title b b,
.title strong b,
.title b strong,
.title strong strong {
	font-size: 100%
}

.mask {
	-webkit-mask-image: linear-gradient(145deg, var(--e-global-color-7df26ef) 25%, transparent 85%);
	mask-image: linear-gradient(145deg, var(--e-global-color-7df26ef) 25%, transparent 85%)
}

.ind {
	max-width: 75vw
}

.list ul,
.li ul {
	list-style: none
}

.list ul li,
.li ul li {
	list-style-type: none
}

.list ul li:before,
.li ul li:before {
	content: "\2022";
	display: inline-block;
	margin-left: -1em;
	width: 1em
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
	max-width: 100%
}

p b,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
ul b,
ol b {
	font-size: 100%
}

ul,
ol {
	margin-left: .25em;
	padding: 0;
	padding-bottom: .5em;
	padding-left: 1em
}

ul li,
ol li {
	margin-left: .25em;
	margin: .25em 0;
	padding: 0;
	padding-bottom: .5em
}

.elementor-lightbox-image {
	background-color: #cccccc;
	padding: 2em
}

.elementor-toc__list-wrapper {
	margin: 0;
	padding-bottom: 1em;
	padding: 0
}

.elementor-toc__list-wrapper-toc__list-item {
	margin: 0;
	padding-bottom: 1em;
	padding: 0
}

.hidden {
	height: 0;
	opacity: 0;
	overflow: hidden;
	width: 0
}

.no-ul ul {
	list-style-type: none
}

::selection {
	color: var(--menu-text);
	background: var(--menu-color)
}

::-webkit-scrollbar {
	height: 5px;
	width: 5px
}

::-webkit-scrollbar-button {
	height: 0;
	width: 0
}

::-webkit-scrollbar-thumb {
	background: var(--menu-color);
	border-radius: 50px
}

::-webkit-scrollbar-thumb:hover {
	background: var(--menu-color)
}

::-webkit-scrollbar-thumb:active {
	background: var(--menu-color)
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.25);
	border-radius: 10px
}

::-webkit-scrollbar-track:hover {
	background: rgba(255, 255, 255, 0.25)
}

::-webkit-scrollbar-track:active {
	background: rgba(255, 255, 255, 0.25)
}

::-webkit-scrollbar-corner {
	background: var(--e-global-color-7df26ef)
}

.no-select {
	user-select: none
}