/* plus-jakarta-sans-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-800 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/plus-jakarta/plus-jakarta-sans-v8-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* press-start-2p-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Press Start 2P';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pressstart2p/press-start-2p-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins/poppins-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins/poppins-v23-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--revilodesign_fontFamily					:	'Poppins';
	--revilodesign_fontFamilyFancy				:	'Press Start 2P';
	
	--revilodesign_white						:	255, 255, 255;
	--revilodesign_black						:	0, 0, 0;
	
	--revilodesign_primary						:	93, 211, 158;
	--revilodesign_secondary					:	15, 51, 63;
	
	--revilodesign_textColor					:	rgba( var(--revilodesign_black), .88 );
	--revilodesign_headlines					:	rgba( var(--revilodesign_black), 1 );
	
	--revilodesign_light						:	232, 240, 240;
	--revilodesign_grey							:	105, 119, 113;
	--revilodesign_dark							:	40, 42,44;
	
	--revilodesign_yellow						:	252, 202, 116;
	--revilodesign_orange						:	243, 146, 0;
	--revilodesign_green						:	93, 211, 158;

	--revilodesign_error						:	255, 110, 108;
	--revilodesign_errorLight					:	255, 235, 235;
	--revilodesign_success						:	84, 170, 110;
	--revilodesign_successLight					:	235, 255, 240;
	--revilodesign_warning						:	255, 193, 7;
	--revilodesign_warningLight					:	255, 249, 231;
	--revilodesign_blue							:	88, 161, 213;
	--revilodesign_blueLight					:	226, 241, 255;

	--revilodesign_boxShadow					:	0px 0px 16px rgba(25, 34, 64, 0.15);
	--revilodesign_boxShadowBig					:	0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	--revilodesign_cardShadow					:	rgba(50, 50, 93, 0.11) 0px 2px 5px -1px, rgba(0, 0, 0, 0.12) 0px 1px 3px -1px;
	--revilodesign_textGradientGreen			:	linear-gradient(120deg, rgba( var(--revilodesign_primary), 1), #07ff90, #00cb70 );
	--revilodesign_textGradientBlue				:	linear-gradient(120deg, #2c65f6 -4.69%, #00ffe4 22.24%, #0ad3fb 84.45%);
	--revilodesign_textGradientPurple			:	linear-gradient(120deg, #f62c99, #ff70e6, #d60afb );
	--revilodesign_borderRadius					:	4px;
	--revilodesign_borderRadiusMiddle			:	14px;
	--revilodesign_borderRadiusBigs				:	24px;
	--revilodesign_borderColor					:	rgba( var(--revilodesign_black), .2);
	--revilodesign_transition					:	all 0.2s ease-in-out;
	--revilodesign_transitionBounce				:	linear(0,0.5737 7.6%,0.8382 11.87%,0.9463 14.19%,1.0292 16.54%,1.0886 18.97%,1.1258 21.53%,1.137 22.97%,1.1424 24.48%,1.1423 26.1%,1.1366 27.86%,1.1165 31.01%,1.0507 38.62%,1.0219 42.57%,0.9995 46.99%,0.9872 51.63%,0.9842 58.77%,1.0011 81.26%,1);

	--revilodesign_maxWidth						:	1448px;
	
	--revilodesign_headline_fancy_fontSize		:	6rem;
	--revilodesign_headline_fancy_lineHeight	:	calc( var(--revilodesign_headline_hero_fontSize) + 5rem );
	--revilodesign_headline_fancy_fontWeight	:	400;
	
	--revilodesign_headline_hero_fontSize		:	6.5rem;
	--revilodesign_headline_hero_lineHeight		:	calc( var(--revilodesign_headline_hero_fontSize) + .8rem );
	--revilodesign_headline_hero_fontWeight		:	900;

	--revilodesign_headline_h1_fontSize			:	5rem;
	--revilodesign_headline_h1_lineHeight		:	calc( var(--revilodesign_headline_h1_fontSize) + .8rem );
	--revilodesign_headline_h1_fontWeight		:	700;

	--revilodesign_headline_h2_fontSize			:	5rem;
	--revilodesign_headline_h2_lineHeight		:	calc( var(--revilodesign_headline_h2_fontSize) + .8rem );
	--revilodesign_headline_h2_fontWeight		:	700;

	--revilodesign_headline_h3_fontSize			:	1.6rem;
	--revilodesign_headline_h3_lineHeight		:	calc( var(--revilodesign_headline_h3_fontSize) + .8rem );
	--revilodesign_headline_h3_fontWeight		:	700;

	--revilodesign_headline_h4_fontSize			:	1.2rem;
	--revilodesign_headline_h4_lineHeight		:	calc( var(--revilodesign_headline_h3_fontSize) + .8rem );
	--revilodesign_headline_h4_fontWeight		:	700;

	--revilodesign_headline_sub_fontSize		:	.8rem;
	--revilodesign_headline_sub_lineHeight		:	calc( var(--revilodesign_headline_sub_fontSize) + .8rem );
	--revilodesign_headline_sub_fontWeight		:	300;
	
	--revilodesign_text_small_fontSize			:	0.9rem;
	--revilodesign_headline_sub_lineHeight		:	calc( var(--revilodesign_text_small_fontSize) + .8rem );
	--revilodesign_text_small_fontWeight		:	300;
	
	--revilodesign_text_fontSize				:	1.1rem;
	--revilodesign_text_lineHeight				:	calc( var(--revilodesign_text_fontSize) + .8rem );
	--revilodesign_text_fontWeight				:	300;
	
	--revilodesign_text_lead_fontSize			:	1.2rem;
	--revilodesign_text_lead_lineHeight			:	calc( var(--revilodesign_text_medium_fontSize) + .2rem );
	--revilodesign_text_lead_fontWeight			:	700;
	
	--revilodesign_text_medium_fontSize			:	2rem;
	--revilodesign_text_medium_lineHeight		:	calc( var(--revilodesign_text_medium_fontSize) + .8rem );
	--revilodesign_text_medium_fontWeight		:	700;
	
	--revilodesign_text_large_fontSize			:	3rem;
	--revilodesign_text_large_lineHeight		:	calc( var(--revilodesign_text_large_fontSize) + .8rem );
	--revilodesign_text_large_fontWeight		:	700;
	
	--revilodesign_text_menu_fontSize			:	4rem;
	--revilodesign_text_menu_lineHeight			:	calc( var(--revilodesign_text_menu_fontSize) + .8rem );
	--revilodesign_text_menu_fontWeight			:	700;
}
@media ( max-width: 1200px ) {
	:root {
		--revilodesign_headline_fancy_fontSize		:	4rem;		
		--revilodesign_headline_hero_fontSize		:	4.5rem;	
		--revilodesign_headline_h1_fontSize			:	3.6rem;	
		--revilodesign_headline_h2_fontSize			:	3rem;	
		--revilodesign_headline_h3_fontSize			:	1.6rem;	
		--revilodesign_headline_h4_fontSize			:	1.2rem;	
		--revilodesign_headline_sub_fontSize		:	.8rem;		
		--revilodesign_text_small_fontSize			:	0.9rem;		
		--revilodesign_text_fontSize				:	1.1rem;		
		--revilodesign_text_lead_fontSize			:	1.2rem;		
		--revilodesign_text_medium_fontSize			:	2rem;		
		--revilodesign_text_large_fontSize			:	3rem;		
		--revilodesign_text_menu_fontSize			:	4rem;
	}
}
@media ( max-width: 768px ) {
	:root {
		--revilodesign_headline_fancy_fontSize		:	2rem;
		--revilodesign_headline_fancy_lineHeight	:	calc(var(--revilodesign_headline_hero_fontSize) + .8rem);
		--revilodesign_headline_hero_fontSize		:	3.5rem;	
		--revilodesign_headline_h1_fontSize			:	3rem;	
		--revilodesign_headline_h2_fontSize			:	2.5rem;	
		--revilodesign_headline_h3_fontSize			:	1.6rem;	
		--revilodesign_headline_h4_fontSize			:	1.2rem;	
		--revilodesign_headline_sub_fontSize		:	.8rem;		
		--revilodesign_text_small_fontSize			:	0.9rem;		
		--revilodesign_text_fontSize				:	1rem;		
		--revilodesign_text_lead_fontSize			:	1.1rem;		
		--revilodesign_text_medium_fontSize			:	1.6rem;		
		--revilodesign_text_large_fontSize			:	1.8rem;		
		--revilodesign_text_menu_fontSize			:	2rem;
	}
}
@media ( max-width: 589px ) {
	:root {
		--revilodesign_headline_fancy_fontSize		:	2rem;
		--revilodesign_headline_fancy_lineHeight	:	calc(var(--revilodesign_headline_hero_fontSize) + .8rem);
		--revilodesign_headline_hero_fontSize		:	2.5rem;	
		--revilodesign_headline_h1_fontSize			:	2rem;	
		--revilodesign_headline_h2_fontSize			:	1.5rem;	
		--revilodesign_headline_h3_fontSize			:	1.4rem;	
		--revilodesign_headline_h4_fontSize			:	1.2rem;	
		--revilodesign_headline_sub_fontSize		:	.8rem;		
		--revilodesign_text_small_fontSize			:	0.9rem;		
		--revilodesign_text_fontSize				:	1rem;		
		--revilodesign_text_lead_fontSize			:	1.1rem;		
		--revilodesign_text_medium_fontSize			:	1.6rem;		
		--revilodesign_text_large_fontSize			:	1.8rem;		
		--revilodesign_text_menu_fontSize			:	2rem;
	}
}
/*---------*/
/* GENERAL */
/*---------*/
:focus-visible {
	outline: 2px solid rgba( var(--revilodesign_primary), 1);
	outline-offset: 2px;
	border-radius: var(--revilodesign_borderRadius);
}
.revilodesign a img {
	border: none;
}
.revilodesign .clear {
	clear: both;
}
.revilodesign .center {
	text-align: center;
}
.revilodesign u {
	text-decoration: none;
	background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,224,145,0) 88%,rgba( var(--revilodesign_green), 1) 89%,rgba( var(--revilodesign_green), 1));
}
/*--------*/
/* ALIGN  */
/*--------*/
.revilodesign .alignright {
	padding: 0;
	margin: 0 0 0 24px;
	float: right;
}
.revilodesign .aligncenter {
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.revilodesign .alignleft {
	padding: 0;
	margin: 0 24px 0 0;
	float: left;
}
/*-----------------*/
/* !TOGGLE ELEMENT */
/*-----------------*/
.toggle.open i {
	transform: rotate(180deg);
	transition: var(--revilodesign_transition);
}
/*-------*/
/* !CODE */
/*-------*/
code {
	padding: 2px 4px;
	background: rgba( var(--revilodesign_light), 1);
	border-radius: var(--revilodesign_borderRadius);
	border: 1px solid rgba( var(--revilodesign_light), 1);
	font-size: 14px;
	word-break: break-word;
}
/*---------*/
/* ALERTS */
/*---------*/
.revilodesign div.alert {
	z-index: 998;
	position: fixed;
	left: 50%;
	top: 0;
	transform: translateX(-50%) translateY(-120%);
	width: 480px;
	max-width: calc(100vw - 48px);
	border-radius: var(--revilodesign_borderRadius);
	padding: 8px 16px 8px 56px;
	color: rgba( var(--revilodesign_white), 1);
	border: 1px solid rgba( var(--revilodesign_grey), 1);
	margin-bottom: 24px;
	animation-name: alert;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 5s;
	animation-delay: 1s;
}
.revilodesign div.alert.alert-fixed {
	z-index: 1;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	width: 100%;
	max-width: 100%;
	animation: none;
}
@keyframes alert {
	0% {
		transform: translateX(-50%) translateY(-120%);
	} 25% {
		transform: translateX(-50%) translateY(80px);
	} 75% {
		transform: translateX(-50%) translateY(80px);
	} 100% {
		transform: translateX(-50%) translateY(-120%);
	}
}
.revilodesign div.alert::after {
	content: "\f057";
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: calc( 100% - 12px );
	display: flex;
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
	background: rgba(255,255,255,0.6);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	cursor: pointer;
	padding: 6px 0;
}
.revilodesign div.alert.alert-info {
	color: var(--revilodesign_blue);
	border-color: var(--revilodesign_blue);
	background: rgba( var(--revilodesign_blueLight), 1);
}
.revilodesign div.alert.alert-success {
	color: rgba( var(--revilodesign_success), 1);
	border-color: rgba( var(--revilodesign_success), 1);
	background: rgba( var(--revilodesign_successLight), 1);
}
.revilodesign div.alert.alert-error {
	color: rgba( var(--revilodesign_error), 1);
	border-color: rgba( var(--revilodesign_error), 1);
	background: rgba( var(--revilodesign_errorLight), 1);
}
.revilodesign div.alert.alert-warning {
	color: rgba( var(--revilodesign_warning), 1);
	border-color: rgba( var(--revilodesign_warning), 1);
	background: rgba( var(--revilodesign_warningLight), 1);
}
.revilodesign div.alert.alert-success::after {
	content: "\f00c";
	color: rgba( var(--revilodesign_white), 1);
	background: rgba( var(--revilodesign_success), 1);
}
.revilodesign div.alert.alert-error::after {
	content: "\f06a";
	color: rgba( var(--revilodesign_white), 1);
	background: rgba( var(--revilodesign_error), 1);
}
.revilodesign div.alert.alert-info::after {
	content: '\f05a';
	color: rgba( var(--revilodesign_white), 1);
	background: var(--revilodesign_blue);
}
.revilodesign div.alert.alert-warning::after {
	content: '\f071';
	color: rgba( var(--revilodesign_white), 1);
	background: rgba( var(--revilodesign_warning), 1);
}
.revilodesign div.alert.alert-none {
	padding: 0;
	border: none;
}
.revilodesign div.alert.alert-none::after {
	display: none;
}
.revilodesign div.alert h3 {
	padding: 0 0 0 0;
	font-size: 16px;
	line-height: 24px;
}
.revilodesign div.alert.alert-small * {
	font-size: 14px !important;
	line-height: 20px !important;
}
.revilodesign div.alert.alert-success * {
	color: rgba( var(--revilodesign_success), 1);
}
.revilodesign div.alert.alert-error * {
	color: rgba( var(--revilodesign_error), 1);
}
.revilodesign div.alert.alert-info * {
	color: var(--revilodesign_blue);
}
.revilodesign div.alert.alert-warning * {
	color: rgba( var(--revilodesign_warning), 1);
}
.revilodesign div.alert p,
.revilodesign div.alert ul {
	padding: 0 0 0 0 !important;
}
.revilodesign div.alert p+p {
	padding: 8px 0 0 0;
}
/*------*/
/* FORM */
/*------*/
.revilodesign form {
	gap: 16px;
	display: flex;
	flex-direction: column;
}
.revilodesign label {
	font-size: 16px;
	padding-bottom: 2px;
	text-align: left;
	width: 100%;
	display: block;
}
.revilodesign input,
.revilodesign select {
	font-size: 16px;
	border: 1px solid rgba( var(--revilodesign_secondary), 1);
	background: rgba( var(--revilodesign_white), 1);
	border-radius: var(--revilodesign_borderRadius);
	color: var(--revilodesign_textColor);
	padding: 6px 16px;
	width: 100%;
	height: 48px;
}
.revilodesign textarea {
	font-size: 16px;
	border: 1px solid rgba( var(--revilodesign_secondary), 1);
	background: rgba( var(--revilodesign_white), 1);
	border-radius: var(--revilodesign_borderRadius);
	color: var(--revilodesign_textColor);
	padding: 6px;
	width: 100%;
	resize: vertical;
}
.revilodesign input:focus,
.revilodesign select:focus,
.revilodesign textarea:focus {
	outline: none;
	border-color: rgba( var(--revilodesign_primary), 1);
	background-color: rgba( var(--revilodesign_secondary), 1);
	box-shadow: 0 0 0 4px rgba( var(--revilodesign_primary), .2);
	color: rgba( var(--revilodesign_white), 1);
}
.revilodesign input[type="radio"],
.revilodesign input[type="checkbox"] {
	width: auto;
	height: auto;
}
/*-------------*/
/* BORDER BOX  */
/*-------------*/
.revilodesign * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*-----------*/
/* ADDRESS  */
/*-----------*/
.revilodesign address {
	font-style: italic;
	padding: 0 0 24px 0;
}
/*-------*/
/* MARK  */
/*-------*/
.revilodesign mark {
	background-color: rgba( var(--revilodesign_green), 1);
	padding: 0 2px;
}
/*-------------*/
/* WP CAPTION  */
/*-------------*/
.revilodesign div.wp-caption {
	display: inline-block;
	background: rgba( var(--revilodesign_white), 1);
	padding: 5px;
	margin-bottom: 24px;
	border: 1px solid rgba( var(--revilodesign_grey), 1);
}
.revilodesign div.wp-caption img {
	max-width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}
.revilodesign div.wp-caption p {
	width: 100%;
	text-align: center;
	padding: 0;
}
/*---------*/
/* TABLE  */
/*---------*/
.revilodesign table {
	width: 100%;
	margin: 0 0 24px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.revilodesign table thead,
.revilodesign table tbody,
.revilodesign table tfoot,
.revilodesign table tr {
	width: 100%;
}
.revilodesign table td,
.revilodesign table th {
	text-align: left;
	padding: 12px 8px;
}
.revilodesign thead th {
	padding: 12px 8px;
	background: rgba( var(--revilodesign_secondary), 1);
	color: rgba( var(--revilodesign_white), 1);
}
.revilodesign table tr:nth-child(even) td,
.revilodesign table tbody tr:nth-child(even) th {
	background: rgba( var(--revilodesign_black), 0.032);
}
.revilodesign table tr:hover td,
.revilodesign table tbody tr:hover th {
	background: rgba( var(--revilodesign_black), 0.088);
}
.revilodesign table th:first-of-type,
.revilodesign table tr:nth-child(even) td:first-of-type {
	border-radius: var(--revilodesign_borderRadius) 0 0 var(--revilodesign_borderRadius);
}
.revilodesign table th:last-of-type,
.revilodesign table tr:nth-child(even) td:last-of-type {
	border-radius: 0 var(--revilodesign_borderRadius) var(--revilodesign_borderRadius) 0;
}
.revilodesign table td+td,
.revilodesign table th+th,
.revilodesign table th+td {
	border-left: 1px solid rgba( var(--revilodesign_white), 1);
}
.revilodesign table th+th {
	border-color: rgba( var(--revilodesign_white), .2);
}
.revilodesign table td span.logo {
	width: 88px;
	height: 40px;
	display: flex;
}
.revilodesign table td span.logo picture,
.revilodesign table td span.logo picture img {
	width: 100%;
	height: 100%;
	display: flex;
	object-fit: contain;
	object-position: center;
}
/*--------------*/
/* !TABLE SMALL */
/*--------------*/
.revilodesign table.table-small th,
.revilodesign table.table-small td {
	padding: 8px;
	font-size: 14px;
}
/*-------*/
/* LIST  */
/*-------*/
.revilodesign ol,
.revilodesign ul {
	padding: 0 0 24px 40px;
}
.revilodesign ul li {
	list-style: disc;
	text-align: left;
}
.revilodesign ol li {
	list-style: decimal;
	text-align: left;
}
.revilodesign ul.check,
.revilodesign ul.pro,
.revilodesign ul.contra,
.revilodesign ul.icon,
.revilodesign ul.clean {
	padding: 0 0 24px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	gap: 12px;
}
.revilodesign ul.check li,
.revilodesign ul.pro li,
.revilodesign ul.contra li,
.revilodesign ul.icon li,
.revilodesign ul.clean li {
	list-style: none;
	position: relative;
	padding-left: 32px;
	text-align: left;
}
.revilodesign ul.icon li {
	padding-left: 40px;
}
.revilodesign ul.clean li {
	padding-left: 0;
}
.revilodesign ul.check li::before,
.revilodesign ul.pro li::before,
.revilodesign ul.contra li::before {
	content: '\f00c';
	font-family: "Font Awesome 5 Free"; 
	font-weight: 600;
	width: 24px;
	height: 24px;
	background-image: url('../images/check-icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	color: rgba( var(--revilodesign_white), 1);
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 2px;
}
.revilodesign ul.pro li::before {
	content: '\f164';
}
.revilodesign ul.contra li::before {
	content: '\f165';
	background: rgba( var(--revilodesign_error), 1);
	box-shadow: 0 0 0 4px rgba( var(--revilodesign_errorLight), 1);
	color: rgba( var(--revilodesign_errorLight), 1);
}
.revilodesign ul.icon i {
	width: 32px;
	height: 32px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: 0px;
}
.revilodesign ul.list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
}
.revilodesign ul.social {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.revilodesign ul.social li a {
	border-radius: var(--revilodesign_borderRadius);
	padding: 8px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(var(--revilodesign_primary), 1);
	color: rgba( var(--revilodesign_green), 1);
	font-size: var(--revilodesign_text_medium_fontSize);
}
.revilodesign ul.social li a:hover {
	text-decoration: none;
	color: rgba( var(--revilodesign_primary), 1);
	background-color: rgba(var(--revilodesign_green), 1);
	box-shadow: 0 0 0 4px rgba(var(--revilodesign_green), 0.2);
	font-size: var(--revilodesign_text_medium_fontSize);
}
/*-------------*/
/* BLOCKQUOTE  */
/*-------------*/
.revilodesign blockquote {
	position: relative;
	color: rgba( var(--revilodesign_grey), 1);
	padding: 24px 0 0 24px;
	border-left: 2px solid rgba( var(--revilodesign_primary), 1 );
	margin-bottom: 24px;
}
.revilodesign blockquote p {
	font-style: italic;
}
/*-----------------*/
/* !BG COLOR WHITE */
/*-----------------*/
.bg-color-white {
	background-color: rgba(var(--revilodesign_white), 1);
}
/*-----------------*/
/* !BG COLOR LIGHT */
/*-----------------*/
.bg-color-light {
	background-color: rgba( var(--revilodesign_light), 1);
}
/*-----------------*/
/* !BG COLOR GREEN */
/*-----------------*/
.bg-color-green {
	background-color: rgba( var(--revilodesign_green), 1);
}
/*-----------*/
/* !BG IMAGE */
/*-----------*/
.bg_image,
canvas.animated-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.bg_image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/*--------------*/
/* BG COLOR DARK */
/*---------------*/
.revilodesign .bg-color-dark {
	background-color: rgba( var(--revilodesign_dark), 1);
	overflow: hidden;
}
.revilodesign .bg-color-dark p.subheadline {
	color: rgba(var(--revilodesign_white), .72);
}
.revilodesign .bg-color-dark p {
	color: rgba(var(--revilodesign_white), 1);
}
.revilodesign .bg-color-dark .revilodesign-btn.btn-underlined {
	color: rgba(var(--revilodesign_white), 1);
}

.revilodesign .bg-color-dark .bg-color-light {
	background-color: rgba( var(--revilodesign_white), .1 );
}
/*----------*/
/* BG IMAGE */
/*----------*/
.bg-image {
	background-color: rgba(var(--revilodesign_white), 1);
}
.bg-image h1,
.bg-image h2,
.bg-image h3,
.bg-image h4,
.bg-image p,
.bg-image p.subheadline  {
	color: rgba(var(--revilodesign_white), 1);
}
.bg-image p.subheadline a {
	color: rgba(var(--revilodesign_white), 1);
}
.bg-image p.subheadline a:hover {
	text-decoration: underline;
}
/*------------*/
/* SELECTION  */
/*------------*/
.revilodesign ::selection {
	background: rgba( var(--revilodesign_primary), 1 );
	color: rgba( var(--revilodesign_white), 1 );
}
.revilodesign ::-moz-selection {
	background: rgba( var(--revilodesign_primary), 1 );
	color: rgba( var(--revilodesign_white), 1 );
}
/*-----------*/
/* OVERLAYER */
/*-----------*/
.revilodesign div.overlayer {
	z-index: 997;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 24px;
	display: none;
}
.revilodesign div.overlayer div.overlayerBg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vw;
}
.revilodesign div.overlayer div.overlayerContent {
	position: relative;
	z-index: 9;
	background: rgba( var(--revilodesign_white), 1);
	border-radius: var(--revilodesign_borderRadius);
	box-shadow: var(--revilodesign_boxShadow);
	padding: 24px;
	max-width: 600px;
	width: 100%;
}
.revilodesign div.overlayer div.overlayerContent h2 {
	padding-bottom: 16px;
}
.revilodesign div.overlayer div.overlayerContent div.overlayerCross {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: var(--revilodesign_borderRadius);
	color: rgba( var(--revilodesign_error), 1);
	transition: var(--revilodesign_transition);
	transform: rotate(0);
}
.revilodesign div.overlayer div.overlayerContent div.overlayerCross:hover {
	background: rgba( var(--revilodesign_errorLight), 1);
	transform: rotate(360deg);
}
/*----------------*/
/* IFRAME / VIDEO */
/*----------------*/
.revilodesign div.iframe,
.revilodesign div.video {
	position: relative;
	border-radius: var(--revilodesign_borderRadius);
	overflow: hidden;
	background: var(--revilodesign_yellow);
}
.revilodesign div.iframe::after,
.revilodesign div.video::after {
	content: '';
	display: block;
	margin-top: 56.25%;
}
.revilodesign div.iframe iframe,
.revilodesign div.video video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/*----------*/
/* HEADLINE */
/*----------*/
.revilodesign h1,
.revilodesign h2,
.revilodesign h3,
.revilodesign h4,
.revilodesign h5,
.revilodesign h6,
.revilodesign .headline {
	color: var(--revilodesign_headlines);
	padding-bottom: 12px;
}
.revilodesign h1,
.revilodesign .h1,
.revilodesign .h1 * {
	font-size: var(--revilodesign_headline_h1_fontSize);
	line-height: var(--revilodesign_headline_h1_lineHeight);
	font-weight: var(--revilodesign_headline_h1_fontWeight);
}
.revilodesign h2,
.revilodesign .h2,
.revilodesign .h2 * {
	font-size: var(--revilodesign_headline_h2_fontSize);
	line-height: var(--revilodesign_headline_h2_lineHeight);
	font-weight: var(--revilodesign_headline_h2_fontWeight);
}
.revilodesign h3,
.revilodesign .h3,
.revilodesign .h3 * {
	font-size: var(--revilodesign_headline_h3_fontSize);
	line-height: var(--revilodesign_headline_h3_lineHeight);
	font-weight: var(--revilodesign_headline_h3_fontWeight);
}
.revilodesign h4,
.revilodesign .h4,
.revilodesign .h4 * {
	font-size: var(--revilodesign_headline_h4_fontSize);
	line-height: var(--revilodesign_headline_h4_lineHeight);
	font-weight: var(--revilodesign_headline_h4_fontWeight);
}
.revilodesign p {
	padding: 0 0 24px 0;
	color: var(--revilodesign_textColor);
	font-size: var(--revilodesign_text_fontSize);
	line-height: var(--revilodesign_text_lineHeight);
	font-weight: var(--revilodesign_text_fontWeight);
	margin: 0;
}
.revilodesign img {
	max-width: 100%;
	height: auto;
}
.revilodesign .lead {
	font-weight: var(--revilodesign_text_lead_fontWeight);
	font-size: var(--revilodesign_text_lead_fontSize);
	line-height: var(--revilodesign_text_lead_lineHeight);
}
.revilodesign .medium {
	font-weight: var(--revilodesign_text_medium_fontWeight);
	font-size: var(--revilodesign_text_medium_fontSize);
	line-height: var(--revilodesign_text_medium_lineHeight);
}
.revilodesign .large {
	font-weight: var(--revilodesign_text_large_fontWeight);
	font-size: var(--revilodesign_text_large_fontSize);
	line-height: var(--revilodesign_text_large_lineHeight);
}
.revilodesign .hero {
	font-size: var(--revilodesign_headline_h1_fontSize);
	line-height: var(--revilodesign_headline_h1_lineHeight);
	font-weight: var(--revilodesign_headline_h1_fontWeight);
	color: rgba( var(--revilodesign_green), 1);
}
.revilodesign b,
.revilodesign strong,
.revilodesign .bold {
	font-weight: 700;
	color: rgba( var(--revilodesign_dark), 1);
}
.revilodesign a {
	color: rgba( var(--revilodesign_primary), 1);
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	font-weight: var(--revilodesign_text_large_fontWeight);
}
.revilodesign a:hover {
	text-decoration: underline;
}
.revilodesign a:hover i {
	text-decoration: none;
}
/*-------------*/
/* !FANCY TEXT */
/*-------------*/
.revilodesign .fancy,
.revilodesign .fancy *:not(i) {
	font-size: var(--revilodesign_headline_fancy_fontSize);
	line-height: var(--revilodesign_headline_fancy_lineHeight);
	font-weight: var(--revilodesign_headline_fancy_fontWeight);
	font-family: var(--revilodesign_fontFamilyFancy);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	width: 100%;
}
.revilodesign .fancy span {
	display: block;
	opacity: 0;
	width: 100%;
}
.revilodesign .fancy span:nth-child(1) {
	text-align: left;
}
.revilodesign .fancy span:nth-child(2) {
	text-align: center;
}
.revilodesign .fancy span:nth-child(3) {
	text-align: right;
}
/*-------------*/
/* !TEXT COLOR */
/*-------------*/
.revilodesign .text-color-gradient-green,
.revilodesign .text-color-gradient-green * {
	background-image: var(--revilodesign_textGradientGreen);
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba( var(--revilodesign_primary), 1);
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.revilodesign .text-color-gradient-blue,
.revilodesign .text-color-gradient-blue * {
	background-image: var(--revilodesign_textGradientBlue);
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba( var(--revilodesign_primary), 1);
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.revilodesign .text-color-gradient-purple,
.revilodesign .text-color-gradient-purple * {
	background-image: var(--revilodesign_textGradientPurple);
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba( var(--revilodesign_primary), 1);
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.revilodesign .text-color-black {
	color: rgba( var(--revilodesign_black), 1);
}
.revilodesign .text-color-white {
	color: rgba( var(--revilodesign_white), 1);
}
/*--------*/
/* GLOBAL */
/*--------*/
.revilodesign *:not( .fa-thin, .fa-solid, .fa-sharp, .fa-regular, .fa-light, .fa-brands ) {
	font-family: var(--revilodesign_fontFamily);
}
.revilodesign .green {
	color: rgba( var(--revilodesign_primary), 1) !important;
}

/*-------------*/
/* SUBHEADLINE */
/*-------------*/
.revilodesign p.subheadline {
	display: inline-flex;
	align-items: center;
	padding-bottom: 8px;
	color: rgba( var(--revilodesign_black), .5);
	letter-spacing: 2px;
	text-transform: uppercase;
	gap: 8px;
}
.revilodesign .text-align-center p.subheadline {
	justify-content: center;
}
.revilodesign p.subheadline a {
	color: rgba( var(--revilodesign_grey), 1);
	display: flex;
	align-items: center;
}
.revilodesign p.subheadline a:hover {
	text-decoration: none;
}
.revilodesign p.subheadline a i {
	margin-right: 8px;
}
/*------*/
/* LINE */
/*------*/
.revilodesign-line {
	width: 100%;
	height: 2px;
	margin:  0 0 24px 0;
	position: relative;
}
.revilodesign-line.revilodesign-line-center,
.text-align-center .revilodesign-line {
	display: flex;
	justify-content: center;
}
.revilodesign-line:before {
	content: '';
	display: block;
	width: 0;
	max-width: 100%;
	height: 100%;
	background-color: rgba( var(--revilodesign_grey), 1);
}
.active .revilodesign-line:before {
	background-color: rgba( var(--revilodesign_grey), 1);
	animation-name: revilodesignLine;
	animation-delay: 0.2s;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
}
@keyframes revilodesignLine {
	0% { width: 0%;}
	100% { width: 200px;}
}
/*------*/
/* CARD */
/*------*/
.revilodesign-card {
	padding: 24px;
	gap: 24px;
	height: 100%;
	border-radius: var(--revilodesign_borderRadius);
	border: 1px solid rgba( var(--revilodesign_black), 0.1);
	position: relative;
}
.revilodesign-card-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: relative;
	z-index: 9;
}
.revilodesign-card-content .buttons {
	padding-top: 0;
}
.boxes-nospace .revilodesign-card {
	padding: 64px 48px;
}
.boxes-image-type-icon .revilodesign-card div.revilodesign-card-icon {
	display: inline-flex;
	margin: 0 auto;
	justify-content: center;
	box-shadow: 0 0 0 4px rgba( var(--revilodesign_green), 0.16 );
	border-radius: var(--revilodesign_borderRadius);
	color: rgba( var(--revilodesign_primary), 1 );
	background-color: rgba( var(--revilodesign_green), 1 );
	font-size: 24px;
	padding: 16px;
	height: 56px;
	width: 56px;
}
.boxes-image-type-icon .revilodesign-card div.revilodesign-card-icon picture.vector {
	width: 24px;
	height: 24px;
}
.boxes-image-type-logo .revilodesign-card div.revilodesign-card-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
.boxes-image-type-logo .revilodesign-card div.revilodesign-card-icon picture {
	width: 100%;
	min-width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.boxes-image-type-logo .revilodesign-card div.revilodesign-card-icon picture img {
	width: 100%;
	min-width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.text-align-left .revilodesign-card div.revilodesign-card-icon {
	justify-content: flex-start;
}
.boxes.text-align-center .revilodesign-card div.revilodesign-card-icon.revilodesign-card-icon-padding {
	padding: 12px;
	border-radius: var(--revilodesign_borderRadius);
}
.revilodesign-card div.revilodesign-card-icon.revilodesign-card-icon-padding picture.icon {
	width: 48px;
	height: 48px;
}
.text-align-left .revilodesign-card div.revilodesign-card-icon.revilodesign-card-icon-padding {
	display: flex;
	justify-content: flex-start;
}
.text-align-right .revilodesign-card div.revilodesign-card-icon.revilodesign-card-icon-padding {
	display: flex;
	justify-content: flex-end;
}
.text-align-center .revilodesign-card div.revilodesign-card-icon.revilodesign-card-icon-padding {
	display: flex;
	justify-content: center;
}
.revilodesign-card div.revilodesign-card-logo {
	width: 100%;
	height: 80px;
}
.revilodesign-card div.revilodesign-card-logo picture,
.revilodesign-card div.revilodesign-card-logo picture img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
/*-----------*/
/* HEADLINES */
/*-----------*/
.revilodesign .hero-headline {
	font-size: var(--revilodesign_headline_hero_fontSize);
	line-height: var(--revilodesign_headline_hero_lineHeight);
	font-weight: var(--revilodesign_headline_hero_fontWeight);
}
/*----------*/
/* BUTTONS  */
/*----------*/
.buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	padding-bottom: 24px;
	width: 100%;
}
.content-align-center .buttons,
.buttons.buttons-center {
	justify-content: center;
}
.content-align-right .buttons,
.buttons.buttons-right {
	justify-content: flex-end;
}
@media ( max-width: 768px ) {
	.buttons {
		justify-content: center;
	}	
}
/*---------------*/
/* BUTTON NORMAL */
/*---------------*/
.revilodesign .btn {
	text-align: center;
	min-height: 48px;
	position: relative;
	cursor: pointer;
	border: none;
	z-index: 9;
	border-radius: var(--revilodesign_borderRadiusMiddle);
	overflow: hidden;
	
}
.revilodesign button.btn,
.revilodesign input.btn {
	color: rgba( var(--revilodesign_black), 1 );
	background: rgba( var(--revilodesign_yellow), 1 );
	padding: 0 24px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.revilodesign .btn .btn-text {
	text-align: center;
	height: 100%;
	padding: 8px 0 8px 24px;
	gap: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	color: rgba( var(--revilodesign_black), 1 );
	background: rgba( var(--revilodesign_yellow), 1 );
	border: none;
	text-decoration: none;
	white-space: wrap;
	gap: 6px;
	width: auto;
	font-weight: 700;
	border-radius: var(--revilodesign_borderRadiusMiddle);
	position: relative;
	z-index: 9;
	transition: transform .7s var(--revilodesign_transitionBounce), background-color .3s cubic-bezier(.25,1,.5,1),color .5s cubic-bezier(.25,1,.5,1);
}
.revilodesign .btn svg {
	height: 16px;
	width: auto;
}
.revilodesign .btn .btn-before svg path {
	fill: rgba( var(--revilodesign_white), 1);
}
.revilodesign .btn span.btn-before,
.revilodesign .btn span.btn-after {
	background-color: rgba( var(--revilodesign_black), 1);
	border-radius: var(--revilodesign_borderRadiusMiddle);
	transition: left .7s var(--revilodesign_transitionBounce);
	width: 48px;
	height: 100%;
	position: absolute;
	left: -53.3333333333px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.revilodesign .btn span.btn-before svg {
	transform: translateX(-10px) scale(1);
	transition: transform .7s var(--ease-out-elastic) .1s;
}
.revilodesign .btn span.btn-after {
	left: initial;
	position: relative;
	background: initial;
}
/*---------------*/
/* !BUTTON HOVER */
/*---------------*/
.revilodesign .btn:hover .btn-text {
	text-decoration: none;
	color: rgba( var(--revilodesign_white), 1);
	background-color: rgba( var(--revilodesign_black), 1);
	transform: translateX(56px);
	gap: 24px;
	
}
.revilodesign .btn:hover span.btn-before {
	left: 0;
	justify-content: center;
}
.revilodesign .btn:hover span.btn-after {
	left: 0;
	justify-content: center;
}
.revilodesign .btn:hover span.btn-before svg {
	transform: translateX(0);
}
.revilodesign .btn:hover,
.revilodesign .btn:hover {

}
.revilodesign .btn.center,
.revilodesign .btn.btn-center {
	margin: 0 auto;
	display: table;
}
/*---------------*/
/* !BUTTON SIZES */
/*---------------*/
.revilodesign .btn.btn-size-big {
	height: 64px;
}
btn.btn-size-big span.btn-before {
	width: 64px;
	left: -72px;
}
/*------------------*/
/* BUTTON SECONDARY */
/*------------------*/
.btn.btn-secondary {
	background: rgba( var(--revilodesign_secondary), 1 );
}
.btn.btn-secondary:hover {
	animation-name: btnAnimationSecondary;
}
@keyframes btnAnimationSecondary {
	0% {
		box-shadow: 0 0 0 0 rgba( var(--revilodesign_secondary), .4 ), 0 0 0 0 rgba( var(--revilodesign_secondary), .1 ), 0 0 0 0 rgba( var(--revilodesign_white), .3 )
	} 100% {
		box-shadow: 0 0 0 4px rgba( var(--revilodesign_secondary), .4 ), 0 0 0 5px rgba( var(--revilodesign_secondary), .1 ), 0 0 0 6px rgba( var(--revilodesign_white), .3 )
	}
}
/*--------------*/
/* BUTTON BLACK */
/*--------------*/
.btn.btn-black {
	background: rgba( var(--revilodesign_black), 1 );
}
.btn.btn-black:hover {
	animation-name: btnAnimationBlack;
}
@keyframes btnAnimationBlack {
	0% {
		box-shadow: 0 0 0 0 rgba( var(--revilodesign_black), .4 ), 0 0 0 0 rgba( var(--revilodesign_black), .1 ), 0 0 0 0 rgba( var(--revilodesign_white), .3 )
	} 100% {
		box-shadow: 0 0 0 4px rgba( var(--revilodesign_black), .4 ), 0 0 0 5px rgba( var(--revilodesign_black), .1 ), 0 0 0 6px rgba( var(--revilodesign_white), .3 )
	}
}
/*-------------------*/
/* !BUTTON GRADIENTS */
/*-------------------*/
.btn.btn-gradient-purple {
	background: var(--revilodesign_textGradientPurple);
}
.btn.btn-gradient-blue {
	background: var(--revilodesign_textGradientBlue);
}
.btn.btn-gradient-green {
	background: var(--revilodesign_textGradientGreen);
}
/*--------------*/
/* BUTTON WHITE */
/*--------------*/
.btn.btn-white {
	background: rgba( var(--revilodesign_white), 1 );
}
.btn.btn-white:hover {
	animation-name: btnAnimationWhite;
}
@keyframes btnAnimationWhite {
	0% {
		box-shadow: 0 0 0 0 rgba( var(--revilodesign_white), .4 ), 0 0 0 0 rgba( var(--revilodesign_white), .1 ), 0 0 0 0 rgba( var(--revilodesign_white), .3 )
	} 100% {
		box-shadow: 0 0 0 4px rgba( var(--revilodesign_white), .4 ), 0 0 0 5px rgba( var(--revilodesign_white), .1 ), 0 0 0 6px rgba( var(--revilodesign_white), .3 )
	}
}
/*--------------*/
/* BUTTON SMALL */
/*--------------*/
.btn.btn-small {
	padding: 6px 12px;
}
/*--------------*/
/* BUTTON SMALL */
/*--------------*/
.btn.btn-big {
	padding: 16px 32px;
	font-size: var(--revilodesign_text_medium_fontSize);
	line-height: var(--revilodesign_text_medium_lineHeight);
	letter-spacing: 2px;
	height: auto;
}
.revilodesign .btn.btn-big .btn-text {
	padding-left: 48px;
}
/*-------------------*/
/* BUTTON UNDERLINED */
/*-------------------*/
.btn.btn-underlined {
	background: none;
	color: rgba( var(--revilodesign_dark), 1);
	border-radius: 0;
	padding: 8px 12px;
}
.btn.btn-underlined::before {
	content: '';
	display: block;
	background: rgba( var(--revilodesign_primary), 1);
	height: 4px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	transition: var(--revilodesign_transition);
	border-radius: var(--revilodesign_borderRadius);
}
.btn.btn-underlined:hover::before {
	height: 100%;
	background: radial-gradient( at center, rgba( var(--revilodesign_petrol), 1), var(--revilodesign_pertol_dark) );
}
.btn.btn-underlined:hover,
.btn.btn-underlined:active {
	color: rgba( var(--revilodesign_primary), 1);
	border-radius: var(--revilodesign_borderRadius);
}
/*---------------*/
/* !BUTTON ARROW */
/*---------------*/
.btn.btn-arrow .btn-text {
	background: none;
	padding: 0;
}
.btn.btn-arrow:hover .btn-text {
	padding: 0 0 0 24px;
}
/*-----------------*/
/* BUTTON OUTLINED */
/*-----------------*/
.btn.btn-outlined {
	background: transparent;
	border-radius: var(--revilodesign_borderRadius);
	border: 2px solid rgba( var(--revilodesign_green), 1 );
	color: rgba( var(--revilodesign_green), 1 );
}
/*----------*/
/* CONTENT  */
/*----------*/
.revilodesign .content {
	width: 100%;
	max-width: var(--revilodesign_maxWidth);
	padding: 0 24px;
	display: flex;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}
.revilodesign.content-width-content .content {
	max-width: var(--revilodesign_maxWidth);	
}
/*------------------------*/
/* !CONTENT WIDTH CONTENT */
/*------------------------*/
.revilodesign.content-width-content .content {
	max-width: var(--revilodesign_maxWidth);
	display: flex;
	align-items: center;
}
/*----------------------*/
/* !CONTENT WIDTH SMALL */
/*----------------------*/
.revilodesign.content-width-small:not(.text, .breaker) article.article-content,
.revilodesign.text.content-width-small .content > .flex,
.revilodesign.breaker.content-width-small .content > .flex {
	max-width: calc( var(--revilodesign_maxWidth) * 0.56 );
}
@media ( max-width: 999px ) {
	.revilodesign.content-width-small:not(.text, .breaker) article.article-content,
	.revilodesign.text.content-width-small .content > .flex,
	.revilodesign.breaker.content-width-small .content > .flex {
		max-width: calc( var(--revilodesign_maxWidth) * 0.72 );
	}
}
@media ( max-width: 589px ) {
	.revilodesign.content-width-small:not(.text, .breaker) article.article-content,
	.revilodesign.text.content-width-small .content > .flex,
	.revilodesign.breaker.content-width-small .content > .flex {
		max-width: 100%;
	}
}
/*-----------------------*/
/* !CONTENT WIDTH MEDIUM */
/*-----------------------*/
.revilodesign.content-width-medium:not(.text, .breaker) article.article-content,
.revilodesign.text.content-width-medium .content > .flex,
.revilodesign.breaker.content-width-medium .content > .flex  {
	max-width: calc( var(--revilodesign_maxWidth) * 0.8 );
}
/*---------------------*/
/* !CONTENT WIDTH FULL */
/*---------------------*/
.revilodesign.content-width-full .content,
.revilodesign .content.content-width-full {
	max-width: 100%;
}
/*---------------------*/
/* !CONTENT ALIGN */
/*---------------------*/
.revilodesign.content-align-left .content {
	justify-content: flex-start;
}
.revilodesign.content-align-center .content {
	justify-content: center;
}
.revilodesign.content-align-right .content {
	justify-content: flex-end;
}
/*------------*/
/* TEXT ALIGN */
/*------------*/
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}
@media ( max-width: 589px ) {
	.text-align-center {
		text-align: left;
	}	
}
/*------*/
/* FLEX */
/*------*/
.revilodesign .flex {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-content: stretch;
	align-items: stretch;
	gap: 120px;
	position: relative;
}
.revilodesign.text .flex {
	gap: 120px;
	align-items: stretch;
}
.revilodesign.text .flex.alignCenter {
	align-items: center;
}
.revilodesign.text .flex.alignStretch {
	align-items: stretch;
}
.revilodesign.text .flex.alignStretch .text {
	align-self: center;
}
.revilodesign .flex.flexColumn,
.revilodesign .flex.flex-column {
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}
.revilodesign .alignCenter,
.revilodesign .flex-align-center {
	align-items: center;
}
.revilodesign .flex.flexStart {
	justify-content: flex-start;
	margin: 0;
}
.revilodesign .flex.flexEnd {
	justify-content: flex-end;
	margin: 0;
}
.revilodesign .flex.justifyCenter {
	justify-content: center;
}
.revilodesign .flex.wrap,
.revilodesign .flex.flexWrap {
	flex-wrap: wrap;
	justify-content: flex-start
}
.revilodesign .flex .flexbox {
	flex: 1 1 50%;
}
.revilodesign .flex .flexbox.flexbox-1 {
	flex-grow: 1;
	flex-basis: 0;
	flex: 1 1 auto;
}
.revilodesign .flex .flexbox.flexbox-2 {
	flex-grow: 2;
	flex-basis: 0;
	flex: 1 1 66.6%;
	max-width: 66.6%;
	min-width: 66.6%;
}
.revilodesign .flex .flexbox.flexbox-3 {
	flex-grow: 3;
	flex-basis: 0;
	flex: 1 1 72%;
}
.revilodesign .flex .flexbox.flexbox-4 {
	flex-grow: 4;
	flex-basis: 0;
	flex: 1 1 80%;
}
.revilodesign .flex .flexbox.flexbox-5 {
	flex-grow: 5;
	flex-basis: 0;
	flex: 1 1 80%;
}
.revilodesign .flex .flexbox.flexbox-auto {
	flex-grow: 0;
	flex-basis: auto;
}
.revilodesign .flex .flexbox.flexEnd {
	display: flex;
	justify-content: flex-end;
}
.revilodesign .flex .flexbox.text {
	flex: 1 1 72%;
}
.revilodesign .flex .flexbox.text.asset-type-text {
	flex: 1 1 50%;
}
.revilodesign.offer .flex .flexbox.text {
	flex: 1 1 40%;
}

@media ( max-width: 1200px ) {
	.revilodesign .flex .flexbox.text {
		max-width: 66.6%;
	}	
}
@media ( max-width: 1100px ) {
	.revilodesign .flex .flexbox.text {
		max-width: 50%;
	}
	.revilodesign.single .flex .flexbox.text {
		max-width: 100%;
	}
}
@media ( max-width: 768px ) {
	.revilodesign .flex {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.revilodesign .flex .flexbox.text {
		max-width: 100%;
		width: 100%;
	}
	.revilodesign.text .flex {
		gap: 24px;
	}
	.revilodesign .flex .flexbox.flexbox-2,
	.revilodesign .flex .flexbox.flexbox-3,
	.revilodesign .flex .flexbox.flexbox-4,
	.revilodesign .flex .flexbox.flexbox-5 {
		flex-grow: 1;
		flex-basis: 0;
		flex: 1 1 100%;
		max-width: 100%;
		min-width: 100%;
	}
}
/*---------*/
/* !ASSETS */
/*---------*/
.revilodesign .flex .flexbox.assets.left {
	order: -1;
}
.revilodesign .flex .flexbox.assets {
	display: flex;
	flex-direction: column;
}
.revilodesign .flex .flexbox.assets picture {
	width: 100%;
	display: inline-flex;
	justify-content: center;
}
.revilodesign .flex .flexbox.assets picture img {
	max-width: 100%;
	height: auto;
}
.revilodesign .flex .flexbox.facts {
	min-width: 100%;
}
.revilodesign .flex .flexbox.assets.facts {
	min-width: inherit;
}
.revilodesign .flex .flexbox.assets.assets-type-slider {
	max-width: 50%;
}
.revilodesign .flex .flexbox.assets.assets-type-slider div.swiper {
	max-width: 100%;
}
/*----------------*/
/* !ASSETS STICKY */
/*----------------*/
.assets-sticky {
	height: 100%;
	background: red;
	position: sticky;
	top: 80px;
}
@media (max-width: 768px) {
	.revilodesign .flex.full .flexbox:nth-child(1) .flexboxContent {
		padding-right: 0;
	}
	.revilodesign .flex .flexbox.assets.right {
		padding: 0 24px 24px 24px;
	}
	.revilodesign .flex {
		flex-wrap: wrap;
	}
	.revilodesign .flex .flexbox {
		max-width: 100%;
		flex-basis: auto;
		flex-grow: initial;
		text-align: center;
	}
	.revilodesign article .flex .flexbox {
		text-align: left;
	}
	.revilodesign .flex.full .flexbox:nth-child(1) .flexboxContent {
		padding-right: 0;
	}
	.revilodesign .flex.full .flexbox:nth-child(2) .flexboxContent {
		padding-left: 0;
	}
	.revilodesign .flex + .flex {
		padding-top: 24px;
	}
	.revilodesign .flex .flexbox.assets {
		order: -1;
	}
	.revilodesign .content.content-full .flexbox.text {
		padding: 0 24px;
	}
}
/*----------*/
/* PICTURE  */
/*----------*/
picture.picture {
	max-width: 100%;
	position: relative;
	display: inline-flex;
}
picture.picture img {
	max-width: 100%;
	height: auto;
	border-radius: var(--revilodesign_borderRadius);
}
picture.picture.cover,
picture.picture.fill {
	width: 100%;
	height: 100%;
	position: relative;
}
picture.picture.cover img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
}
picture.picture.fill img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
picture.picture.fill.left img {
	object-position: left;
}
picture.picture.fill.center img {
	object-position: center;
}
picture.picture.fill.right img {
	object-position: right;
}
/*----------*/
/* PICTURES */
/*----------*/
picture.icon {
	width: 80px;
	height: 80px;
	display: block;
}
picture.icon img {
	width: 100%;
	height: 100%;
}
picture.logo {
	display: inline-flex;
}
picture.logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
picture.vector.logo {
	width: 100%;
	height: 100%;
}
/*---------*/
/* SECTION */
/*---------*/
section.revilodesign {
	padding: 64px 0;
	position: relative;
	z-index: 6;
	overflow: hidden;
}
section.revilodesign.noPadding {
	padding: 0;
}
section.revilodesign.section-width-full {
	width: calc( 100% - 48px );
	margin: 0 24px;
	border-radius: var(--revilodesign_borderRadiusBigs);
}
section.revilodesign.section-width-full.bg-color-white > .content {
	padding: 0;
}
section.revilodesign.section-width-content {
	max-width: calc( var(--revilodesign_maxWidth) - 48px );
	padding: 48px 24px 24px 24px;
	border-radius: var(--revilodesign_borderRadius);
	margin: 0 auto;
}
@media ( max-width: 768px ) {
	section.revilodesign {
		overflow: hidden;
	}
	section.revilodesign.section-width-content {
		padding: 0
	}
}
@media ( max-width: 589px ) {
	section.revilodesign {
		padding: 24px 0;
	}	
}
/*----------------------*/
/* !SECTION FULL HEIGHT */
/*----------------------*/
section.revilodesign.section-height-full {
	min-height: calc( 100vh - 224px );
	display: flex;
	align-items: stretch;
	justify-content: center;
}
section.revilodesign.section-height-full div.content {
	display: flex;
	align-items: center;
}
section.revilodesign.section-height-full div.content > div.flex {
	height: 100%;
	display: flex;
	align-items: center;
}
/*----------*/
/* !ARTICLE */
/*----------*/
article {
	width: 100%;
}