:root {
	/* BORDER */
	--border-radius: 1rem;
	--border-width: 1px;
		
    
	/* WRAPPER / LOGO */
	--wrapper-size: 1700px;
    --logo-ratio: 235.79 / 54;
			
    
	/* COLORS */
	--background-color: #F9F2ED;
	--background-grey: #D3F1FB;
	--background-dark: #1c2442;
	--background-socket: #182039;
	
	--dark-title-color: #020E12;
	--light-title-color: #FFFFFF;
	--dark-text-color: 28, 36, 66;
	--light-text-color: 252, 255, 255;
	
	--primary-color: #2BBAE9;
	--primary-hover-color: #1E82A3;
	--primary-focus-color: #165D75;
	--primary-rgb: 43, 186, 233;
	
	--secondary-color: #FFCE78;
	--secondary-hover-color: #FBB945;
	--secondary-focus-color: #D7931D;
	--secondary-rgb: 250, 206, 120;
      
    --tercary-color: #F87474;
	--tercary-hover-color: #F35252;
	--tercary-focus-color: #C83737;
	--tercary-rgb: 248, 116, 116;

    --alert-danger-color: #DF2935;
    --alert-danger-rgb: 223, 41, 53;
    
    --alert-warning-color: #E8814A;
    --alert-warning-rgb: 232, 129, 74;
    
    --alert-success-color: #4FB477;  
    --alert-success-rgb: 79, 180, 119;
		
	
	/* FONTS */
	--font-title: "utile-narrow", sans-serif;
	--font-text: "utile-narrow", sans-serif;
	--letter-spacing: 0.05em;
		
	
	/* FONT SIZES */
	--h1-font-size: 3.75rem;
	--h2-font-size: 4.375rem;
	--h3-font-size: 1.75rem;
	--h4-font-size: 1.875rem;
	--h5-font-size: 1.25rem;
	--text-font-size: 1.125rem;
	
	
	/* MARGES */
	--margin-h2: 3.125rem;
	--margin-h3: 2.5rem;
	--margin-h4: 1.25rem;	
	--margin-h2-blog: 1.25rem;
	--margin-h3-blog: .9375rem;
    --margin-section: 11rem;
    --padding-section: 6rem;
		
	
	/* Archives */
	--items-by-row: 4;
	--items-margin: 30px;


	/* SVG */
	--svg-slider: url("data:image/svg+xml,%3Csvg width='176' height='176' viewBox='0 0 176 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2669 74.3742C20.594 33.2984 59.8323 5.9398 100.908 13.2669V13.2669C141.984 20.594 169.342 59.8323 162.015 100.908V100.908C154.688 141.984 115.45 169.342 74.3742 162.015V162.015C33.2984 154.688 5.93979 115.45 13.2669 74.3742V74.3742Z' fill='white'/%3E%3Cpath d='M13.2669 74.3742C20.594 33.2984 59.8323 5.9398 100.908 13.2669V13.2669C141.984 20.594 169.342 59.8323 162.015 100.908V100.908C154.688 141.984 115.45 169.342 74.3742 162.015V162.015C33.2984 154.688 5.93979 115.45 13.2669 74.3742V74.3742Z' fill='url(%23paint0_angular_4241_682)' fill-opacity='0.11'/%3E%3Cpath d='M89.462 72.3335C95.5473 73.419 101.36 69.3659 102.446 63.2806C103.531 57.1953 99.4782 51.3822 93.3929 50.2967C87.3076 49.2112 81.4945 53.2643 80.409 59.3496C79.3235 65.4349 83.3767 71.248 89.462 72.3335Z' fill='%23FDCE78'/%3E%3Cpath d='M95.0755 104.599C82.8984 102.427 74.7975 90.8088 76.9697 78.6317L54.9329 74.7008C50.5925 99.0331 66.7904 122.292 91.1446 126.636L95.0755 104.599Z' fill='%232ABAE9'/%3E%3Ccircle cx='88.0065' cy='88.1652' r='62.705' transform='rotate(10.1141 88.0065 88.1652)' stroke='%232BBAE9' stroke-width='1.51096'/%3E%3Cdefs%3E%3CradialGradient id='paint0_angular_4241_682' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(87.6411 87.6411) rotate(100.114) scale(75.5482)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.145' stop-color='%232ABAE9'/%3E%3Cstop offset='0.325' stop-color='white'/%3E%3Cstop offset='0.49' stop-color='%232ABAE9'/%3E%3Cstop offset='0.665' stop-color='white'/%3E%3Cstop offset='0.835' stop-color='%232ABAE9'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A") center center no-repeat;


}



.inodia-icons.arrow_left:before {
  content: "\64";
}

.inodia-icons.arrow_right:before {
  content: "\63";
}

.inodia-icons.arrow_up:before {
  content: "\62";
}

.inodia-icons.arrow_down:before {
  content: "\61";
}





/* ----------------------------------- */
/*
/* ----------- RESPONSIVE ------------ */
/*
/* ----------------------------------- */
@media screen and (max-width: 1800px) {

	:root{
		--wrapper-size: 85%;
	}
}



@media screen and (max-width: 1500px) {

	:root{
		--h2-font-size: 3.75rem;
	}
}



@media screen and (min-width: 1251px) {
	
}



@media screen and (max-width: 1250px) {

	:root{
		--items-by-row: 3;
		--items-margin: 20px;
	}
}



@media screen and (max-width: 1140px) {
	:root{
		--margin-section: 7rem;

	}
}



@media screen and (max-width: 989px) {
	
	:root{
		--h2-font-size: 3.75rem;
		--h3-font-size: 2.5rem;
		--items-by-row: 2;
        --margin-section: 6.25rem;
        --padding-section: 5rem;
	}	
}



@media screen and (max-width: 767px) {
	
	:root{
		--h2-font-size: 3.125rem;
		--h3-font-size: 1.5625rem;
		--h4-font-size: 1.25rem;
	}	
}



@media screen and (max-width: 575px) {
	
	:root{	
		--h2-font-size: 2.5rem;
		--h4-font-size: 1.125rem;
		--margin-h2: 2.5rem;
        --margin-h3: 1.875rem;
        --margin-section: 5rem;
        --padding-section: 3.75rem;
		--items-margin: 15px;
	}	
}



@media screen and (max-width: 480px) {
	:root{
		--h2-font-size: 1.875rem;
		--h3-font-size: 1.25rem;
		-items-by-row: 1;
	}
}



@media screen and (max-width: 375px) {
	
	:root{
		--h2-font-size: 1.875rem;
		--h3-font-size: 1.25rem;	
		--h4-font-size: 1.0625rem;	
	    --text-font-size: .875rem;
    	--margin-h2: 1.875rem;
		--items-by-row: 1;
	}
}



@media screen and (max-width: 300px) {
	
}