@supports(--css:variables){
	:root{

		--h1_font_size: 				54px;
		--h2_font_size: 				44px;
		--h3_font_size: 				36px;
		--h4_font_size: 				28px;
		--h5_font_size: 				22px;
		--h6_font_size: 				16px;

	    --layout_site_width: 			90%;
	    --layout_site_max_width: 		1200px;

	    --text_color: 				#717171;

	    --text_color_lighten_5: 	#7e7e7e;
	    --text_color_lighten_10: 	#8b8b8b;
	    --text_color_lighten_15: 	#979797;
	    --text_color_lighten_20: 	#a4a4a4;
	    --text_color_lighten_25: 	#b1b1b1;
	    --text_color_lighten_30: 	#bebebe;
	    --text_color_lighten_35: 	#cacaca;
	    --text_color_lighten_40: 	#d7d7d7;
	    --text_color_lighten_50: 	#f1f1f1;
	    --text_color_lighten_60: 	#ffffff;
	    --text_color_lighten_70: 	#ffffff;

	   	--text_color_darken_5: 		#646464;
	    --text_color_darken_10: 	#585858;
	    --text_color_darken_15: 	#4b4b4b;
	    --text_color_darken_20: 	#3e3e3e;
	    --text_color_darken_25: 	#313131;
		
		--text_color_fade_10: 	rgba(113, 113, 113, 0.10);
		--text_color_fade_20: 	rgba(113, 113, 113, 0.20);
		--text_color_fade_30: 	rgba(113, 113, 113, 0.30);
		--text_color_fade_40: 	rgba(113, 113, 113, 0.40);
		--text_color_fade_50: 	rgba(113, 113, 113, 0.50);
		--text_color_fade_60: 	rgba(113, 113, 113, 0.60);
		--text_color_fade_70: 	rgba(113, 113, 113, 0.70);
		--text_color_fade_80: 	rgba(113, 113, 113, 0.80);
		--text_color_fade_90: 	rgba(113, 113, 113, 0.90);

	    --primary_color: 			#17a8d8;

	    --primary_color_lighten_5: 		#21b6e7;
	    --primary_color_lighten_10: 	#38beea;
	    --primary_color_lighten_15: 	#4fc5ec;
	    --primary_color_lighten_20: 	#66cdef;
	    --primary_color_lighten_25: 	#7dd4f1;

	   	--primary_color_darken_5: 	#1596c1;
	    --primary_color_darken_10: 	#1284aa;
	    --primary_color_darken_15: 	#107293;
	    --primary_color_darken_20: 	#0d607c;
	    --primary_color_darken_25: 	#0b4e65;
		
		--primary_color_fade_5: 	rgba(23, 168, 216, 0.05);
		--primary_color_fade_10: 	rgba(23, 168, 216, 0.10);
		--primary_color_fade_20: 	rgba(23, 168, 216, 0.20);
		--primary_color_fade_30: 	rgba(23, 168, 216, 0.30);
		--primary_color_fade_40: 	rgba(23, 168, 216, 0.40);
		--primary_color_fade_50: 	rgba(23, 168, 216, 0.50);
		--primary_color_fade_60: 	rgba(23, 168, 216, 0.60);
		--primary_color_fade_70: 	rgba(23, 168, 216, 0.70);
		--primary_color_fade_80: 	rgba(23, 168, 216, 0.80);
		--primary_color_fade_90: 	rgba(23, 168, 216, 0.90);

	    --heading_color: 	#121f38;

	    --heading_color_lighten_20: 	#2b4a85;

	    --heading_color_fade_10: 	rgba(18, 31, 56, 0.10);
		--heading_color_fade_20: 	rgba(18, 31, 56, 0.20);
		--heading_color_fade_30: 	rgba(18, 31, 56, 0.30);
		--heading_color_fade_40: 	rgba(18, 31, 56, 0.40);
		--heading_color_fade_50: 	rgba(18, 31, 56, 0.50);
		--heading_color_fade_60: 	rgba(18, 31, 56, 0.60);
		--heading_color_fade_70: 	rgba(18, 31, 56, 0.70);
		--heading_color_fade_80: 	rgba(18, 31, 56, 0.80);
		--heading_color_fade_90: 	rgba(18, 31, 56, 0.90);

	    --menu_font: 				Jost;
	    --menu_font_weight: 		500;
	    --menu_font_size: 			14px;

	    --heading_font: 			EB Garamond;
	    --heading_font_weight: 	500;

	    --button_font: 			Jost;
	    --button_font_weight: 	500;
	    --button_font_size: 		14px;

	    --primary_font: 			Jost;
	    --primary_font_weight: 		400;
	    --primary_font_size: 		16px;

	    --page_title_bg_color: 			rgba(18,31,56,0.64);
	    --page_title_overlay_color: 	#000;
	    --page_title_overlay_opacity: 	0;
	    --page_title_color: 			#ffffff;
	    --page_sub_title_color: 			#efefef;
	    --page_title_height: 			350px;

	    --main_menu_height: 	80px;

	    --logo_mobile_padding: 		20px;
	    --main_menu_mobile_height: 	120px;
	    --menu_mobile_color: #2d2e32;
	
		--header_1_nav_layout_padding: 	100px;
		--header_3_nav_layout_padding: 	60px;
		--header_4_nav_layout_padding: 	60px;
		--header_5_nav_layout_padding: 	60px;
		--header_2_nav_layout_padding: 	100px;

		--header_1_nav_distance: 	40px;
		--header_3_nav_distance: 	20px;
		--header_4_nav_distance: 	20px;
		--header_5_nav_distance: 	25px;
		--header_2_nav_distance: 	20px;

		--top_bar_bg_color: 		#121f38;
		--top_bar_text_color: 		rgba(255,255,255,0.9);
		--top_bar_layout_padding: 	60px;

		--logo_padding_top: 	0px;
		--logo_padding_bottom: 	0px;

		--menu_sub_bg_color: 	#fff;
		--menu_sub_bg_color_darken_7: 		#ededed;
		--menu_sub_bg_color_darken_15: 		#d9d9d9;
		--menu_sub_bg_color_lighten_7: 		#ffffff;
		--menu_sub_bg_color_lighten_15: 	#ffffff;
		--menu_sub_text_color: 	#191919;

		--header_1_nav_bg_color: 		#121F38;
		--header_1_nav_text_color: 		#ffffff;
		--header_1_height: 			120px;

		--header_3_nav_bg_color: 	#FFFFFF;
		--header_3_nav_text_color: 	#121f38;
		--header_3_height: 			120px;

		--header_4_nav_bg_color: 	#FFFFFF;
		--header_4_nav_text_color: 	#2d2e32;
		--header_4_height: 			120px;

		--header_5_nav_bg_color: 	#FFFFFF;
		--header_5_nav_text_color: 	#121f38;
		--header_5_height: 			120px;
	
		--header_2_nav_bg_color: 	#121f38;
		--header_2_nav_text_color: 	#ffffff;
		--header_2_height: 			120px;

		--mobile_background_color: 		#333;
		--mobile_text_color: 				#fff;
		--mobile_text_color_fade_60: 		rgba(255, 255, 255, 0.60);

		--mobile_page_title_height: 	140px;

		--headersidebar_nav_bg_color: 		#223645;
		--headersidebar_nav_bg_color_lighten_10: 		#335167;

		--headersidebar_nav_text_color: 	#fff;
		--headersidebar_nav_text_color_fade_60: 	rgba(255, 255, 255, 0.60);
		--headersidebar_nav_text_color_fade_85: 	rgba(255, 255, 255, 0.85);

		--headersidebar_sidebar_width: 		300px;

	}
}