:root{
	/* Color */
	/* --color-primary:			#002169;
	--color-secondary:			#E2211C;

	--color-text:				#474747;
	--color-button:				#002169;
	--color-hover: 				#022F8F;
	--color-hover-secondary:	#C7110C;
	--color-hover-white:		#E7E7E7;

	--color-gold: 				#A99F75;
	--color-red:				#D31C3B;
	--color-grey:				#868686;
	--color-white-opacity:		#FFFFFFB3;

	--color-glass: 				rgba(255,255,255,0.2);
	--color-glass-hover:		rgba(255,255,255,0.4); */

	--color-primary:			#005DA4;
	--color-primary-dark:		#1B3661;
	--color-secondary:			#CE2030;

	--color-text:				#474747;
	/* --color-text-white:			yellow; */
	--color-text-white:			#F9F9F9;
	--color-button:				#005DA4;
	--color-hover: 				#1B3661;
	--color-hover-secondary:	#C7110C;
	--color-hover-white:		#E7E7E7;

	--color-gold: 				#C3B682;
	--color-gold-300: 			#EDCA86;
	--color-red:				#D31C3B;
	--color-grey:				#868686;
	--color-grey-300:			#A09F9F;

	--color-white: 				#FFFFFF;
	--color-white-opacity:		#FFFFFFB3; /* 70% */

	--color-glass: 				rgba(255,255,255,0.2);
	--color-glass-hover:		rgba(255,255,255,0.4);
	
	/* Typo */
	--ff-cera:					"apercu-bold-pro", sans-serif;
	--ff-sans:					"apercu-medium-pro", sans-serif;
	--ff-sans-italic:			"apercu-italic-pro", sans-serif;
	
	--fs-900:					58px;	/* -- 4.000rem */
	--fs-800:					50px;	/* -- 3.375rem */
	--fs-700:					32px;	/* -- 2.125rem */
	--fs-600:					24px;	/* -- 1.625rem */
	--fs-500:					20px;	/* 1.250rem */
	--fs-400:					16px;	/* 1.000rem */
	--fs-300:					14px;	/* 0.875rem */
	--fs-200:					13px;	/* 0.8125rem */

	--fs-btn:					18px;	/* 1.125rem */

	--lh-500:					1.80;
	--lh-400:					1.50;
	--lh-300:					1.25;
	--lh-200:					1.05;
	--lh-100:					1.00;

	/* Gap */
	--gap:	 					1.250rem; 					/* 20px */
	--gap-900: 					calc(var(--gap) * 5.00);	/* 100px */
	--gap-800: 					calc(var(--gap) * 4.00);	/* 80px */
	--gap-700: 					calc(var(--gap) * 3.00);	/* 60px */
	--gap-600: 					calc(var(--gap) * 2.00);	/* 40px */
	--gap-500: 					calc(var(--gap) * 1.50);	/* 30px */
	--gap-400: 					calc(var(--gap) * 1.00);	/* 20px */
	--gap-300: 					calc(var(--gap) * 0.75);	/* 15px */
	--gap-200: 					calc(var(--gap) * 0.50);	/* 10px */
	--gap-100: 					calc(var(--gap) * 0.25);	/* 5px */
	
	--gap-flow: 				1.250rem; 					/* 20px */


	/* Paddings */
	--padding-pageX: 			100px;	/* 6.250rem;  */
	--padding-sectionY:			80px;	/* 5.000rem; */
	--padding-sectionX:			50px;	/* 3.125rem; */
	
	--padding-button:			20px 30px;
	--padding-input: 			12px 20px;

	/* Height */
	--height-header:			95px;
	--height-header--sticky:	95px;

	/* Slider Options */
	--slider-offset-left:		15%;

	/* Transitions */
	--trans-duration-600: 		500ms;
	--trans-duration-500: 		350ms;
	--trans-duration: 			250ms;
	--trans-duration-300:		150ms;

	--trans-600: 				all var(--trans-duration-600) ease-in-out;
	--trans-500: 				all var(--trans-duration-500) ease-in-out;
	--trans: 					all var(--trans-duration) ease-in-out;
	--trans-300:				all var(--trans-duration-300) ease-in-out;

}

@media(max-width: 1024px){
	:root{

		/* Typo */
		--fs-900:					44px;	/* 4.000rem */
		--fs-800:					34px;	/* 3.375rem */
		--fs-700:					24px;	/* 2.125rem */
		--fs-600:					20px;	/* 1.625rem */
		
		--fs-btn:					16px;	/* 1.000rem */

		/* Paddings */
		--padding-pageX: 			30px;
		--padding-sectionY:			60px;
		--padding-sectionX:			30px;

		/* Slider Options */
		--slider-offset-left:		30px;
	}
}

@media(max-width: 767px){
	:root{

 		/* Typo */
/* 		--fs-900:					64px;	
		--fs-800:					54px;	
		--fs-700:					34px;	
		--fs-600:					26px;	
		--fs-500:					20px;	
		--fs-400:					16px;	
		--fs-300:					14px;	
		--fs-200:					13px; */
		
		--fs-900:					34px;
		--fs-800:					34px;
		--fs-700:					26px;
		--fs-600:					23px;
		--fs-500:					18px;
		--fs-400:					15px;
		--fs-300:					13px;
		--fs-200:					12px;
		
		--fs-btn:					16px;	/* 1.000rem */

		/* Paddings */
		--padding-pageX: 			20px;
		--padding-sectionY:			50px;
		--padding-sectionX:			20px;

		--padding-button:			15px 25px;

		/* Height */
		--height-header:			80px;
		--height-header--sticky:	80px;

		/* Slider Options */
		--slider-offset-left:		20px;
	}
}


/*************************************************************************************************************
***** TYPOGRAPHY **************************************************************************************************
**************************************************************************************************************/
@font-face {
	font-family: CeraGR-Black;
	src: local(CeraGR-Black),
	  url(../fonts/CeraGR-Black.ttf) format("truetype");
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: Roboto-Medium;
	src: local(Roboto-Medium),
	  url(../fonts/Roboto-Medium.ttf) format("truetype");
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'apercu-bold-pro';
	src: url('../fonts/apercu-bold-pro.woff2') format('woff2'),
		 url('../fonts/apercu-bold-pro.ttf') format('truetype');
	font-weight: 700; 
	font-style: normal;
}

@font-face {
	font-family: 'apercu-medium-pro';
	src: url('../fonts/apercu-medium-pro.woff2') format('woff2'),
		 url('../fonts/apercu-medium-pro.ttf') format('truetype');
	font-weight: 500; 
	font-style: normal;
}

@font-face {
	font-family: 'apercu-italic-pro';
	src: url('../fonts/apercu-italic-pro.woff2') format('woff2'),
		 url('../fonts/apercu-italic-pro.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}