:root {
	  --mc-black:#000;
	  --mc-grey:#555759;
	  --mc-grey-dark:#3b3b3b;
	  --mc-grey-light:#e5e5e5;
	  --mc-grey-light-light:#f8f8f8;
	  --mc-text:#111111;
	  --mc-white:#FFF;
	  --mc-primary:#001B7F;
	  	--mc-over-primary:#FFF;
	  --mc-primary-light:#2447C8;
	 	 --mc-over-primary-light:#FFF;
	  --mc-primary-dark:#000E42;
	 	 --mc-over-primary-dark:#FFF;
	  --mc-secondary:#FEC330;
	  	--mc-over-secondary:#111111;
	  --mc-tertiary:lime;
	  --mf-primary:'Montserrat', sans-serif;
	  --mf-secondary:'Montserrat', sans-serif;
	  --mf-cursive:'Satisfy', sans-serif;
	  --mf-icons:'Font Awesome 6 Free', sans-serif;
	  

	  --bgc-title:red;
	  --c-title:var( --mc-secondary);
	  --c-title-h1:var(--mc-primary);
	  --c-title-h2:#191919;
	  --c-title-h3:#323232;
	  --bgc-page:transparent;
	  --c-page:var(--mc-text);

	  --footer-c-text:#FFF;
	  --footer-c-bg:var(--mc-primary);

	  --ariane-c-text:#e5e5e5;
	  --ariane-c-text-active:#FFDE59;
	  --ariane-c-sep:#3b3b3b;
	  
	  --swiper-navigation-color:#FFF;

	  --w-container:1290px;
}

/* *{
	background-color: rgba(255,0,0,0.2);
} */

/* BTN */

	.btn-first {
		font-family: var(--mf-primary);
		background-color: var(--mc-primary);
		color: var(--mc-over-primary);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		border: 0;	
		font-size: 1rem;
		cursor:pointer;
		border-radius: 0px;
		transition: 0.15s ease-in;
	}
	.btn-first:hover, .btn-first:focus, .btn-first:active {	
		color: var(--mc-over-primary);	
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	/* .btn-first i{margin-left: 1em;} */

	.btn-firstreverse{
		font-family: var(--mf-primary);
		background-color: var(--mc-over-primary);
		color: var(--mc-primary);
		border: 1px solid var(--mc-primary);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		font-size: 1rem;
		cursor:pointer;
		border-radius: 0px;
		transition: 0.15s ease-in;
	}
	.btn-firstreverse:hover, .btn-firstreverse:focus, .btn-firstreverse:active {
		color: var(--mc-primary);		
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	/* .btn-firstreverse i{margin-left: 1em;} */

	.btn-second {
		background-color: var(--mc-secondary);
		color: var(--mc-over-secondary);
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		transition: 0.15s ease-in;
		border: 0;	
		font-size: 1rem;
		font-family: var(--mf-primary);
		cursor:pointer;
		border-radius: 0px;
	}
	.btn-second:hover, .btn-second:focus, .btn-second:active {	
		color: var(--mc-over-secondary);
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	/* .btn-second i{margin-left: 1em;} */

	.btn-secondreverse{
		font-family: var(--mf-secondary);
		background-color: var(--mc-over-secondary);
		color: var(--mc-secondary);
		border: 1px solid var(--mc-secondary);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		font-size: 1rem;
		cursor:pointer;
		border-radius: 0px;
		transition: 0.15s ease-in;
	}
	.btn-secondreverse:hover, .btn-secondreverse:focus, .btn-secondreverse:active {	
		
		color: var(--mc-secondary);	
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	/* .btn-secondreverse i{margin-left: 1em;} */

	.btn-special {
		position: relative;
		font-family: var(--mf-primary);
		background-color: var(--mc-primary);
		color: var(--mc-over-primary);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 1em;
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		font-size: 1rem;
		bottom: 0;
		cursor:pointer;
		border-radius: 0px;
		border: 0;
		transition: 0.15s ease-in;
		isolation: isolate;

		&::before{
			content: '';
			position: absolute;
			z-index:-1;
			left: 0;
			width: 5px;
			height: 100%;
			background-color: var(--mc-secondary);
			transition: width 0.5s ease;
		}
		&:is(:hover,:focus,:focus-visible,:active){
			color: var(--mc-over-secondary);

			&::before{
				width: 100%;
			}
		}
	}/* 
	.btn-special:hover, .btn-special:focus, .btn-special:focus-visible, .btn-special:active {	
		color: var(--mc-over-primary);	
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	} */

	.btn-icon-reverse{
		flex-direction: row-reverse;
	}
	.btn-icon-reverse i{
		margin-left:0;
		margin-right: 1em;
	}

	.icon-before{
		flex-direction: row-reverse;
	}
	.icon-after{
		flex-direction: row;
	}

	.btn-sm {
		font-size: 0.9rem;
		padding: 0.25rem 1.5rem 0.25rem 1.5rem;
		border-radius: 0.5rem;
	}

	@media (max-width: 768px) {
		.btn-first{
			font-size: 1rem;
		}
	}

/* IMG PLACEHOLDER */
	.placeholder-img {
		object-fit: scale-down !important;
		opacity: 0.3;
	}