/*************************************************************/
/********************[   Website - Root   ]*******************/
/*************************************************************/
:root {
	--color-black-rgb: 				0, 0, 0;
	--color-white-rgb: 				255, 255, 255;
	--color-blue-rgb:				35, 113, 161;
	--color-green-rgb:				1, 132, 36;
	--color-red-rgb:				214, 54, 56;
	--color-orange-rgb:				230, 145, 56;
	--color-purple-rgb:				103, 78, 167;
	--color-pink-rgb:				166, 77, 121;

	--color-header-rgb:				237, 237, 237;
	--color-footer-rgb:				81, 81, 80;

	--color-dark-rgb:				62, 62, 61;
	--color-light-rgb:				241, 241, 241;
	--color-action-rgb:				65, 170, 208;

	--color-primary-text-rgb: 		67, 67, 67;
	--color-secondary-text-rgb: 	132, 132, 132;
	--color-gray-text-rgb:			188, 188, 188;

	--website-width-content:		1170px;

	--website-height-header:		80px;
}


/*************************************************************/
/******************[   Website - General   ]******************/
/*************************************************************/
span, a, p, h1, h2, li, h3, h4, h5, h6, button, th, label, input, select, textarea, optgroup, small {
	font-family: 					'Roboto', sans-serif;
}


/*************************************************************/
/********************[   Website - Body   ]*******************/
/*************************************************************/
html {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;
	min-height: 					100%;
	overflow: 						hidden scroll;
}

body {
	/*
		background-image: 			url(../images/frontend/bg.jpg) !important;
		background-repeat: 			repeat !important;
		background-position: 		top center !important;
		background-attachment: 		scroll !important;
	*/

	background-color: 				#201932;
}

.frontend-body {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction:					column;
}


/*************************************************************/
/********************[   Website - Font   ]*******************/
/*************************************************************/
@font-face {
	font-family: 					Copperplate Light;
	src: 							url(../../assets/fonts/copperplate-gothic-light.ttf);
}

@font-face {
	font-family: 					Copperplate Bold;
	src: 							url(../../assets/fonts/copperplate-gothic-bold.ttf);
}


/*************************************************************/
/********************[   Website - Link   ]*******************/
/*************************************************************/
.frontend-link {
	text-decoration:				unset;
}

@media (hover: hover) {
	.frontend-link:hover {
		text-decoration: 			underline;
		text-underline-offset:		2px;
	}
}

@media (hover: none) {
	.frontend-link:active {
		text-decoration: 			underline;
		text-underline-offset:		2px;
	}
}


/*************************************************************/
/*******************[   Website - Header   ]******************/
/*************************************************************/
.frontend-header {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

.frontend-header > .frontend-header-top {
	position:						relative;
	display:						flex;
	align-items: 					center;
	justify-content: 				end;
	margin-right:		 			auto;
	margin-left: 					auto;

	width:							100%;
	max-width:						var(--website-width-content);
	height:							32px;
}

.frontend-header > .frontend-header-top > .frontend-header-top-link {
	font-size:						11px;
	text-transform:					uppercase;
	color:							rgba(var(--color-gray-text-rgb), 1);
}

.frontend-header > .frontend-header-bottom {
	position:						relative;
	display:						flex;
	align-items: 					center;
	justify-content: 				space-between;
	margin-right:		 			auto;
	margin-left: 					auto;
	width:							100%;
	gap:							16px;
	max-width:						var(--website-width-content);
}

.frontend-header > .frontend-header-bottom::before {
	position: 						absolute;
	display: 						block;
	content: 						'';
	height: 						100%;
	width: 							500%;
	left: 							-250%;
	top: 							0;

	background: 					rgba(var(--color-header-rgb), 1) url(../images/frontend/menu.jpg);
}

.frontend-header > .frontend-header-bottom > .frontend-header-logo {
	display:						flex;
	align-items:					center;
	text-decoration:				unset;
	z-index:						1;
	gap:							12px;
}

.frontend-header > .frontend-header-bottom > .frontend-header-logo > .icon {
	display:						block;
	object-fit:						scale-down;

	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .1));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .1));
}

.frontend-header > .frontend-header-bottom > .frontend-header-logo > .title {
	font-weight: 					500;
	line-height: 					1.3;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu {
	display:						flex;
	z-index:						1;
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item {
	display: 						flex;

	text-decoration:				unset;
	text-transform:					uppercase;
	letter-spacing: 				-0.2px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	color:							rgba(var(--color-secondary-text-rgb), 1);
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item:not(.frontend-header-menu-item-disabled):hover {
	color:							rgba(var(--color-green-rgb), 1);
	background-color:				rgba(var(--color-green-rgb), .2);

	border-bottom-color:			rgba(var(--color-green-rgb), 1);
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item.frontend-header-menu-item-active:not(.frontend-header-menu-item-disabled) {
	color:							rgba(var(--color-green-rgb), 1);
	background-color:				rgba(var(--color-green-rgb), .2);

	border-bottom-color:			rgba(var(--color-green-rgb), 1);
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item.frontend-header-menu-item-disabled {
	cursor:							not-allowed;
	opacity:						.4;
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-mobile {
	display:						flex;
	cursor:							pointer;
}

.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-mobile > img {
	display:						block;
}

@media (min-width: 992px) {
	.frontend-header {
		padding:					0 32px;
	}

	.frontend-header > .frontend-header-top {
		gap:						24px;
	}

	.frontend-header > .frontend-header-bottom {
		height: 					var(--website-height-header);
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-logo > .icon {
		width:						90px;
		height:						108px;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-logo > .title {
		font-size: 					18px;
		letter-spacing: 			-0.4px;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu {
		margin-left:				auto;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items {
		display:					flex;
		align-items:				center;
		gap:						8px;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item {
		justify-content: 			center;
		align-items: 				center;
		text-align: 				center;
		white-space: 				nowrap;

		font-size: 					15px;
		padding: 					0 16px;
		height: 					var(--website-height-header);
		font-weight:				500;

		border-top:					2px solid transparent;
		border-bottom:				2px solid transparent;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-mobile {
		display:					none;
	}
}

@media (max-width: 991px) {
	.frontend-header {
		padding:					0 24px;
	}

	.frontend-header > .frontend-header-top {
		gap:						24px;
	}

	.frontend-header > .frontend-header-bottom {
		height: 					calc(var(--website-height-header) - 20px);
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-logo > .icon {
		width:						60px;
		height:						72px;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-logo > .title {
		font-size: 					16px;
		letter-spacing: 			-0.4px;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu {
		order:						2;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items {
		position: 					absolute;
		display:					flex;
		flex-direction: 			column;
		max-width:					240px;
		width: 						100%;
		top: 						calc(var(--website-height-header) - 20px);
		right: 						0;
		gap:						4px;
		padding: 					4px;

		border:						1px solid rgba(var(--color-header-rgb), 1);
		background-color:			rgba(var(--color-white-rgb), 1);
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items > .frontend-header-menu-item {
		justify-content: 			start;
		align-items: 				start;
		text-align: 				left;
		white-space: 				normal;

		font-size: 					14px;
		padding: 					8px 16px;
		font-weight:				500;
	}

	.frontend-header > .frontend-header-bottom > .frontend-header-menu > .frontend-header-menu-items:not(.frontend-header-menu-items-show) {
		display:					none !important;
	}
}


/*************************************************************/
/******************[   Website - Content   ]******************/
/*************************************************************/
.frontend-content {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction:					column;
}

.frontend-content > .frontend-content-inside {
	position:						relative;
	display:						flex;
	align-items: 					start;
	align-self:						center;
	flex:							1 1 auto;
	max-width:						var(--website-width-content);

	background-color:				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.frontend-content > .frontend-content-inside {
		width:						calc(100% - 64px);
		margin-right:		 		32px;
		margin-left: 				32px;
		padding: 					32px 32px;
	}
}

@media (max-width: 991px) {
	.frontend-content > .frontend-content-inside {
		width:						calc(100% - 48px);
		margin-right:		 		24px;
		margin-left: 				24px;
		padding: 					24px 24px;
	}
}

@media (min-width: 992px) {
	.frontend-content > .frontend-content-inside.frontend-content-inside-offset-top {
		margin-top:					-40px;
		margin-bottom:				32px;
	}

	.frontend-content > .frontend-content-inside.frontend-content-inside-space {
		margin-top:					32px;
		margin-bottom:				32px;
		padding:					64px !important;
	}
}

@media (max-width: 991px) {
	.frontend-content > .frontend-content-inside.frontend-content-inside-offset-top {
		margin-top:					24px;
		margin-bottom:				24px;
	}

	.frontend-content > .frontend-content-inside.frontend-content-inside-space {
		margin-top:					24px;
		margin-bottom:				24px;
	}
}

.frontend-content > .frontend-content-inside > .frontend-content-gutenberg {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width:							100%;
}


/*************************************************************/
/*******************[   Website - Banner   ]******************/
/*************************************************************/
.frontend-banner {
	position:						relative;
	display:						flex;
	margin-top:						32px;
	background-color:				rgba(var(--color-green-rgb), 1);
	background-image: 				linear-gradient(to right bottom, #007620 40%, #66b57b);

/*
	background-image: 				url(../images/frontend/cloud-3.jpg) !important;
	background-repeat: 				no-repeat;
	background-position: 			top center;
	background-attachment: 			scroll;
	background-size: 				cover;
*/
}

@media (min-width: 992px) {
	.frontend-banner {
		height:						320px;
	}
}


/*************************************************************/
/*******************[   Website - Slider   ]******************/
/*************************************************************/
.frontend-slider {
	position:						relative;
	display:						flex;
	align-items: 					center;
	margin-right:		 			auto;
	margin-left: 					auto;
	width:							100%;
	max-width:						var(--website-width-content);
}

.frontend-slider > .frontend-slide {
	display:						flex;
	align-items:					center;
	gap:							18px;
	width: 							100%;
}

.frontend-slider > .frontend-slide:not(.frontend-slide-hidden) {
	position:						relative;
	pointer-events: 				auto;
	opacity:						1;
}

.frontend-slider > .frontend-slide.frontend-slide-hidden {
	position:						absolute;
	pointer-events: 				none;
	opacity:						0;
}

.frontend-slider > .frontend-slide > .frontend-slide-image {
	display:						flex;

	-webkit-transition: 			opacity 1s;
	-moz-transition: 				opacity 1s;
	-ms-transition: 				opacity 1s;
	-o-transition: 					opacity 1s;
	transition: 					opacity 1s;
}

.frontend-slider > .frontend-slide:not(.frontend-slide-hidden) > .frontend-slide-image {
	opacity:						1;
}

.frontend-slider > .frontend-slide.frontend-slide-hidden > .frontend-slide-image {
	opacity:						0;
}

.frontend-slider > .frontend-slide > .frontend-slide-image > img {
	display:						block;
	object-fit:						scale-down;

	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
}

.frontend-slider > .frontend-slide > .frontend-slide-body {
	position: 						relative;
	display:						flex;
	flex-direction:					column;
	padding: 						24px 0px;
}

.frontend-slider > .frontend-slide > .frontend-slide-body {
	width:							100%;

	-webkit-transition: 			opacity 1s;
	-moz-transition: 				opacity 1s;
	-ms-transition: 				opacity 1s;
	-o-transition: 					opacity 1s;
	transition: 					opacity 1s;
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content {
	display:						flex;
	flex-direction:					column;
	gap:							4px;
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(1) {
	line-height: 					1.2em;
	font-weight: 					700;

	text-transform:					uppercase;
	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(2) {
	line-height: 					1.2em;
	font-weight: 					200;

	text-transform:					uppercase;
	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots {
	position:						relative;
	display:						flex;
	gap:							6px;
	margin-top:						24px;
	height:							16px;
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots > .frontend-slide-dot {
	cursor:							pointer;
	width:							12px;
	height:							12px;
	border-radius:					50px;
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots > .frontend-slide-dot:not(.frontend-slide-dot-active) {
	background-color:				rgba(var(--color-white-rgb), 1);
}

.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots > .frontend-slide-dot.frontend-slide-dot-active {
	background-color:				rgba(var(--color-black-rgb), 1);
}

@media (min-width: 992px) {
	.frontend-slider > .frontend-slide > .frontend-slide-image {
		position: 					relative;
		top:						0px;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-image > img {
		max-width: 					360px;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content {
		align-items:				start;
		margin-top:					-40px;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(1) {
		font-size: 					60px;
		text-align:					left;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(2) {
		font-size: 					40px;
		text-align:					left;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots {
		align-items:				start;
		justify-content: 			start;
	}
}

@media (max-width: 991px) {
	.frontend-slider {
		padding: 					0px 24px;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-image {
		position: 					absolute;
		top:						0px;
		left:						-32px;
		width: 						100%;
		height: 					100%;
		opacity: 					.8;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-image > img {
		position: 					absolute;
		object-fit: 				scale-down;
		width: 						100%;
		height: 					100%;
		right: 						0%;

		-webkit-transform: 			translateX(50%);
		-moz-transform: 			translateX(50%);
		-ms-transform: 				translateX(50%);
		-o-transform: 				translateX(50%);
		transform: 					translateX(50%);
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body {
		width:						100%;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content {
		align-items:				start;
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(1) {
		font-size: 					38px;
		text-align:					left;
		text-shadow: 				0px 2px 4px rgba(var(--color-black-rgb), .2);
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-content > span:nth-child(2) {
		font-size: 					24px;
		text-align:					left;
		text-shadow: 				0px 2px 4px rgba(var(--color-black-rgb), .2);
	}

	.frontend-slider > .frontend-slide > .frontend-slide-body > .frontend-slide-dots {
		align-items:				start;
		justify-content: 			start;
	}
}


/*************************************************************/
/********************[   Website - Card   ]*******************/
/*************************************************************/
.frontend-card {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	gap:							24px;
}

.frontend-card > .frontend-card-head {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	justify-content:				center;
	align-items:					center;
	text-decoration:				unset;
	padding:						20px;
	gap:							16px;
	/*background-color:				rgba(var(--color-dark-rgb), 1);*/
	background-color: 				#201932;
}

.frontend-card > .frontend-card-head > .image {
	display:						block;
	object-fit:						scale-down;
	margin-right:					auto;
	margin-left:					auto;

	width:							100%;
	height:							100px;

	-webkit-transform: 				scale(1.0);
	-moz-transform: 				scale(1.0);
	-ms-transform: 					scale(1.0);
	-o-transform: 					scale(1.0);
	transform: 						scale(1.0);

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;
}

.frontend-card > .frontend-card-head > .title {
	position: 						relative;

	font-size:						22px;
	font-weight:					600;

	text-transform:					uppercase;
	text-align:						center;

	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-card > .frontend-card-head > .description {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			3;
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	text-align:						center;

	font-size:						14px;
	line-height:					22px;
	height:							66px;

	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-card > .frontend-card-body {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	justify-content:				start;
	align-items:					start;
	text-decoration:				unset;
	gap:							16px;
}

.frontend-card > .frontend-card-body > .title {
	position: 						relative;

	font-size:						26px;
	font-weight:					600;
	line-height:					1.2;

	text-transform:					uppercase;
	text-align:						center;
	
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-card > .frontend-card-body > .description {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	text-align:						left;

	font-size:						14px;
	line-height:					22px;
	height:							44px;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-card > .frontend-card-body > .button {
	display:						flex;
	align-items:					center;
	padding:						6px 12px;
	gap:							12px;
	text-decoration:				unset;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	border-top:						2px solid transparent;
	border-bottom:					2px solid rgba(var(--color-green-rgb), 1);
	background-color:				rgba(var(--color-green-rgb), .8);
}

.frontend-card > .frontend-card-body > .button.disabled {
	cursor:							not-allowed;
	opacity:						.4;
}

.frontend-card > .frontend-card-body > .button > .title {
	font-size:						13px;
	font-weight:					500;
	text-transform:					uppercase;
	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-card > .frontend-card-body > .button > .arrow {
	display:						block;
	object-fit:						scale-down;
}

@media (hover: hover) {
	.frontend-card > .frontend-card-head:hover .image {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}

	.frontend-card > .frontend-card-body > .button:not(.disabled):hover {
		background-color:			rgba(var(--color-green-rgb), 1);
	}
}

@media (hover: none) {
	.frontend-card > .frontend-card-head:hover .image {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}

	.frontend-card > .frontend-card-body > .button:not(.disabled):active {
		background-color:			rgba(var(--color-green-rgb), 1);
	}
}


/*************************************************************/
/*******************[   Website - Footer   ]******************/
/*************************************************************/
.frontend-footer {
	position:						relative;
	display:						flex;
	flex-direction:					column;
}

.frontend-footer > .frontend-footer-top {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	flex-wrap:						wrap;
	align-items: 					start;
	justify-content: 				space-between;
	margin-right:		 			auto;
	margin-left: 					auto;
	gap:							24px;
	width:							100%;
	max-width:						var(--website-width-content);

	background-color:				rgba(var(--color-dark-rgb), 1);
	background-color:				#2b2243;
}

.frontend-footer > .frontend-footer-top > .frontend-footer-logo {
	display:						flex;
	align-items:					center;
	text-decoration:				unset;
	z-index:						1;
	gap:							12px;
}

.frontend-footer > .frontend-footer-top > .frontend-footer-logo > .icon {
	display:						block;
	object-fit:						scale-down;
	width:							40px;
	height:							48px;
	
	-webkit-filter: 				drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(2px 2px 2px rgba(var(--color-black-rgb), .2));
}

.frontend-footer > .frontend-footer-top > .frontend-footer-logo > .title {
	font-size: 						14px;
	letter-spacing: 				-0.2px;
	font-weight: 					500;

	color:							rgba(var(--color-white-rgb), 1);
}


.frontend-footer > .frontend-footer-top > .frontend-footer-menu {
	position:						relative;
	display:						flex;
	align-items: 					center;
	gap:							16px;
}

@media (min-width: 576px) {
	.frontend-footer > .frontend-footer-top > .frontend-footer-menu {
		flex-wrap:					nowrap;
		align-items: 				center;
	}
}

@media (max-width: 575px) {
	.frontend-footer > .frontend-footer-top > .frontend-footer-menu {
		flex-wrap:					wrap;
		align-items: 				start;
	}
}

.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item {
	font-size:						14px;
	text-decoration:				unset;
	white-space:					nowrap;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;
}

.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item:not(.frontend-header-menu-item-active) {
	color:							rgba(var(--color-gray-text-rgb), 1);
}

.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item.frontend-header-menu-item-active {
	font-weight:					500;
	color:							rgba(var(--color-green-rgb), 1);
}

.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item.frontend-header-menu-item-disabled {
	cursor:							not-allowed;
	opacity:						.2;
}

@media (hover: hover) {
	.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item:not(.frontend-header-menu-item-disabled):hover {
		color:						rgba(var(--color-green-rgb), 1);
	}
}

@media (hover: none) {
	.frontend-footer > .frontend-footer-top > .frontend-footer-menu > .frontend-header-menu-item:not(.frontend-header-menu-item-disabled):active {
		color:						rgba(var(--color-green-rgb), 1);
	}
}

.frontend-footer > .frontend-footer-bottom {
	position:						relative;
	display:						flex;
	align-items: 					center;
	margin-right:		 			auto;
	margin-left: 					auto;
	width:							100%;
	max-width:						var(--website-width-content);

	background-color:				rgba(var(--color-footer-rgb), 1);
	background-color: #403855;
	
}

.frontend-footer > .frontend-footer-bottom > span {
	font-size:						13px;
	color:							rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.frontend-footer > .frontend-footer-top {
		padding: 					16px 32px;
	}

	.frontend-footer > .frontend-footer-bottom {
		padding: 					16px 32px;
	}
}

@media (max-width: 991px) {
	.frontend-footer > .frontend-footer-top {
		padding: 					16px 24px;
	}

	.frontend-footer > .frontend-footer-bottom {
		padding: 					16px 24px;
	}
}

/*************************************************************/
/*****************[   Website - Gutenberg   ]*****************/
/*************************************************************/
.frontend-copperplate-light {
	font-family:					Copperplate Light !important;
}

.frontend-copperplate-bold {
	font-family:					Copperplate Bold !important;
}

.frontend-roboto {
	font-family: 					'Roboto', sans-serif;
}

.frontend-indent {
	text-indent: 					50px;
}

.frontend-space-left {
	margin-left:					50px;
}

.frontend-space-right {
	margin-right:					50px;
}

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

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

.frontend-justify {
	text-align:						justify;
}

.frontend-space-top-minus-4 {
	margin-top:						-4px;
}

.frontend-space-top-minus-8 {
	margin-top:						-8px;
}

.frontend-space-top-minus-12 {
	margin-top:						-12px;
}

.frontend-space-top-minus-16 {
	margin-top:						-16px;
}

.frontend-space-top-minus-20 {
	margin-top:						-20px;
}

.frontend-space-top-minus-24 {
	margin-top:						-24px;
}

.frontend-letter-spacing-minus-2 {
	letter-spacing:					-0.2px;
}

.frontend-letter-spacing-minus-3 {
	letter-spacing:					-0.3px;
}

.frontend-letter-spacing-minus-4 {
	letter-spacing:					-0.4px;
}

.frontend-letter-spacing-minus-5 {
	letter-spacing:					-0.5px;
}

.frontend-letter-spacing-minus-6 {
	letter-spacing:					-0.6px;
}

.frontend-color-green {
	color:							rgba(var(--color-green-rgb), 1);
}

.frontend-color-blue {
	color:							rgba(var(--color-blue-rgb), 1);
}

.frontend-color-red {
	color:							rgba(var(--color-red-rgb), 1);
}

.frontend-color-orange {
	color:							rgba(var(--color-orange-rgb), 1);
}

.frontend-color-purple {
	color:							rgba(var(--color-purple-rgb), 1);
}

.frontend-color-pink {
	color:							rgba(var(--color-pink-rgb), 1);
}

.frontend-list li::marker {
	font-weight: 					bold;
}

.frontend-list li {
	padding-left:					8px;
}


/*************************************************************/
/*****************[   Frontend - Language   ]*****************/
/*************************************************************/
.frontend-language-selector {
	position: 						relative;
	top: 							0;
	right: 							0;
	height: 						36px;
	z-index: 						1;
	flex-shrink:					0;
}

@media (max-width: 991px) {
	.frontend-language-selector {
		order:						1;
		margin-left:				auto;
	}
}

.frontend-language-selector .toggle-languages #php-g-translator.open ~ .language-options {
	display:						block;
}

.frontend-language-selector .toggle-languages #php-g-translator:not(.open) ~ .language-options {
	display:						none;
}

@media (min-width: 992px) {
	.frontend-language-selector,
	.g-translator-custom .toggle-translator {
		width:						140px !important;
	}
	
	.frontend-language-selector .toggle-languages #php-g-translator {
		font-size: 					13px;
	}

	.frontend-language-selector .toggle-languages .select-language-item {
		font-size: 					13px;
	}
}

@media (max-width: 991px) {
	.frontend-language-selector,
	.g-translator-custom .toggle-translator {
		width:						120px !important;
	}
	
	.frontend-language-selector .toggle-languages #php-g-translator {
		font-size: 					12px;
	}

	.frontend-language-selector .toggle-languages .select-language-item {
		font-size: 					12px;
	}

	.frontend-language-selector .toggle-languages .toggle-cert {
		display:					none;
	}
}




/*************************************************************/
/*******************[   Frontend - News   ]*******************/
/*************************************************************/
.frontend-content-news {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.frontend-content-news > .frontend-content-news-item {
	display: 						flex;
	align-items: 					center;
	cursor: 						pointer;
	text-decoration:				unset;
	gap: 							12px;
	padding: 						8px 16px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition:	 				all .2s;
	transition: 					all .2s;

	border-width: 					1px;
	border-radius: 					4px;
	border-style: 					solid;
	border-color:					rgba(32, 25, 50, .2);
}

.frontend-content-news > .frontend-content-news-item > .year {
	padding-right:					8px;
	font-size:						16px;
	font-weight:					600;
	color:							rgba(32, 25, 50, 1);

	border-right-width: 			1px;
	border-right-style: 			solid;
	border-right-color:				rgba(32, 25, 50, .2);
}

.frontend-content-news > .frontend-content-news-item > .details {
	display: 						flex;
	flex-direction: 				column;
}

.frontend-content-news > .frontend-content-news-item > .details > span {
	font-size:						15px;
	font-weight:					400;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-content-news > .frontend-content-news-item > .button {
	display: 						flex;
	align-items: 					center;
	padding: 						6px 12px;
	gap: 							12px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition:	 				all .2s;
	transition: 					all .2s;

	text-decoration:				unset;
	margin-left: 					auto;

	-webkit-box-shadow: 			0 2px 6px rgba(0, 0, 0, .2);
	-moz-box-shadow: 				0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 					0 2px 6px rgba(0, 0, 0, .2);

	border-top: 					2px solid transparent;
	border-bottom: 					2px solid rgba(var(--color-green-rgb), 1);
	background-color: 				rgba(var(--color-green-rgb), .8);

	color: 							rgba(var(--color-white-rgb), 1);
}

.frontend-content-news > .frontend-content-news-item > .button > span {
	font-size: 						13px;
	font-weight: 					500;
	text-transform: 				uppercase;
	color: 							rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-content-news > .frontend-content-news-item:hover {
		background-color:			rgba(32, 25, 50, .1);
	}

	.frontend-content-news > .frontend-content-news-item > .button:hover {
		background-color:			rgba(var(--color-green-rgb), 1);
	}
}

.frontend-content-news > .frontend-content-news-message {
	position:						relative;
	display:						flex;
	overflow:						auto;

	width:							100%;
	flex-shrink:					0;
}

.frontend-content-news > .frontend-content-news-message > img {
	position:						relative;
	width:							100%;
	max-width:						700px;
	height:							auto;
	object-fit:						scale-down;
	transform-origin: 				top center;
	margin-left: 					auto;
	margin-right: 					auto;

	-webkit-transition: 			transform .4s ease-in-out;
	-moz-transition: 				transform .4s ease-in-out;
	-ms-transition: 				transform .4s ease-in-out;
	-o-transition: 					transform .4s ease-in-out;
	transition: 					transform .4s ease-in-out;
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-70 > img {
	-webkit-transform: 				scale(0.7);
	-moz-transform: 				scale(0.7);
	-ms-transform: 					scale(0.7);
	-o-transform: 					scale(0.7);
	transform: 						scale(0.7);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-80 > img {
	-webkit-transform: 				scale(0.8);
	-moz-transform: 				scale(0.8);
	-ms-transform: 					scale(0.8);
	-o-transform: 					scale(0.8);
	transform: 						scale(0.8);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-90 > img {
	-webkit-transform: 				scale(0.9);
	-moz-transform: 				scale(0.9);
	-ms-transform: 					scale(0.9);
	-o-transform: 					scale(0.9);
	transform: 						scale(0.9);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-100 > img {
	-webkit-transform: 				scale(1.0);
	-moz-transform: 				scale(1.0);
	-ms-transform: 					scale(1.0);
	-o-transform: 					scale(1.0);
	transform: 						scale(1.0);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-110 > img {
	-webkit-transform: 				scale(1.1);
	-moz-transform: 				scale(1.1);
	-ms-transform: 					scale(1.1);
	-o-transform: 					scale(1.1);
	transform: 						scale(1.1);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-120 > img {
	-webkit-transform: 				scale(1.2);
	-moz-transform: 				scale(1.2);
	-ms-transform: 					scale(1.2);
	-o-transform: 					scale(1.2);
	transform: 						scale(1.2);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-130 > img {
	-webkit-transform: 				scale(1.3);
	-moz-transform: 				scale(1.3);
	-ms-transform: 					scale(1.3);
	-o-transform: 					scale(1.3);
	transform: 						scale(1.3);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-140 > img {
	-webkit-transform: 				scale(1.4);
	-moz-transform: 				scale(1.4);
	-ms-transform: 					scale(1.4);
	-o-transform: 					scale(1.4);
	transform: 						scale(1.4);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-150 > img {
	-webkit-transform: 				scale(1.5);
	-moz-transform: 				scale(1.5);
	-ms-transform: 					scale(1.5);
	-o-transform: 					scale(1.5);
	transform: 						scale(1.5);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-160 > img {
	-webkit-transform: 				scale(1.6);
	-moz-transform: 				scale(1.6);
	-ms-transform: 					scale(1.6);
	-o-transform: 					scale(1.6);
	transform: 						scale(1.6);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-170 > img {
	-webkit-transform: 				scale(1.7);
	-moz-transform: 				scale(1.7);
	-ms-transform: 					scale(1.7);
	-o-transform: 					scale(1.7);
	transform: 						scale(1.7);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-180 > img {
	-webkit-transform: 				scale(1.8);
	-moz-transform: 				scale(1.8);
	-ms-transform: 					scale(1.8);
	-o-transform: 					scale(1.8);
	transform: 						scale(1.8);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-190 > img {
	-webkit-transform: 				scale(1.9);
	-moz-transform: 				scale(1.9);
	-ms-transform: 					scale(1.9);
	-o-transform: 					scale(1.9);
	transform: 						scale(1.9);
}

.frontend-content-news > .frontend-content-news-message.frontend-content-news-message-200 > img {
	-webkit-transform: 				scale(2.0);
	-moz-transform: 				scale(2.0);
	-ms-transform: 					scale(2.0);
	-o-transform: 					scale(2.0);
	transform: 						scale(2.0);
}

.frontend-content-news > .frontend-content-news-actions {
	display:						flex;
	justify-content:				space-between;
}

.frontend-content-news > .frontend-content-news-actions > .frontend-content-news-action {
	display: 						flex;
	align-items: 					center;
	text-decoration: 				unset;

	padding: 						6px 12px;
	gap: 							12px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition:	 				all .2s;
	transition: 					all .2s;

	border-top: 					2px solid transparent;
	border-bottom: 					2px solid rgba(var(--color-green-rgb), 1);
	background-color: 				rgba(var(--color-green-rgb), .8);
}

.frontend-content-news > .frontend-content-news-actions > .frontend-content-news-action > img {
	display: 						block;
	object-fit: 					scale-down;
}

.frontend-content-news > .frontend-content-news-actions > .frontend-content-news-action > span {
	font-size: 						13px;
	font-weight: 					500;
	text-transform: 				uppercase;
	color: 							rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-content-news > .frontend-content-news-actions > .frontend-content-news-action:hover {
		background-color:			rgba(var(--color-green-rgb), 1);
	}
}


.frontend-content-news-options {
	position: 						sticky;
	display:						flex;
	flex-direction:					row;
	align-items:					center;
	overflow: 						auto hidden;

	width:							100%;
	top: 							0;
	z-index: 						1;
	border-radius:					0px;
	background-color: 				#403855;
}

.frontend-content-news-options > .frontend-content-news-option {
	display:						flex;
	align-items:					center;
	justify-content: 				center;
	text-decoration:				unset;

	gap:							8px;
	flex-grow:						1;
	width: 							140px;
	min-width: 						140px;
	height:							40px;
}

.frontend-content-news-options > .frontend-content-news-option.disabled {
	opacity:						.4;
	cursor:							not-allowed;
}

.frontend-content-news-options > .frontend-content-news-option > img {
	display:						block;
	object-fit:						scale-down;
	width:							16px;
	height:							16px;
}

.frontend-content-news-options > .frontend-content-news-option > span {
	font-size:						14px;
	text-align:						center;
	white-space:					nowrap;
	
	color:							rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-content-news-options > .frontend-content-news-option:not(.disabled):hover {
		background-color:			#2b2243;
	}
}